Программа направлена на освоение полного спектра технологий и подходов, применяемых при разработке клиентской части веб-приложений на базе React.js. В процессе обучения разбираются принципы компонентной архитектуры, управление состоянием, маршрутизация, взаимодействие с внешними API, оптимизация производительности, реализация анимаций, а также применение современных инструментов управления данными — Redux и Context API. Дополнительно рассматриваются темы ленивой загрузки компонентов, тестирования и интеграции с WebSockets и Firebase.
Обучение организовано в формате онлайн-группы по расписанию. Теоретические модули сопровождаются демонстрациями и разбором кода, а каждая тема закрепляется через выполнение практических заданий. Финальной частью курса является разработка самостоятельного React-приложения.
Документ по окончании
📜 Удостоверение о повышении квалификации – для слушателей с высшим или средним профессиональным образованием.
📜 Сертификат о прохождении обучения – для всех остальных участников.
Содержание
- 5 модуля
- 40 уроков
- 40 часов
- Блок 1. Основы React.js8
- 1.1Введение в React.js и создание первого проекта
- 1.2Практическая работа №1. Создание первого React-приложения
- 1.3JSX и основы работы с компонентами
- 1.4Практическая работа №2. Создание и использование компонентов
- 1.5Работа с пропсами и состоянием (props & state)
- 1.6Практическая работа №3. Управление состоянием с useState
- 1.7Основы хуков (hooks) в React
- 1.8Практическая работа №4. Работа с useEffect и управлением жизненным циклом
- Блок 2. Работа с компонентами и стилями8
- 2.1Работа с событиями в React
- 2.2Практическая работа №5. Реализация интерактивных элементов
- 2.3Использование CSS-модулей и стилизация компонентов
- 2.4Практическая работа №6. Добавление стилизации в React-приложение
- 2.5Управление списками и рендеринг данных
- 2.6Практическая работа №7. Создание динамических списков
- 2.7Контролируемые и неконтролируемые компоненты
- 2.8Практическая работа №8. Создание формы с контролируемыми компонентами
- Блок 3. Работа с маршрутизацией и API8
- 3.1React Router: основы навигации
- 3.2Практическая работа №9. Реализация маршрутизации в React-приложении
- 3.3Работа с REST API в React
- 3.4Практическая работа №10. Загрузка данных с API и их отображение
- 3.5Управление состоянием с Redux
- 3.6Практическая работа №11. Реализация управления состоянием с Redux
- 3.7Работа с контекстом (Context API)
- 3.8Практическая работа №12. Использование Context API в React-приложении
- Блок 4. Оптимизация и тестирование React-приложений6
- 4.1Оптимизация рендеринга компонентов
- 4.2Практическая работа №13. Оптимизация производительности React-компонентов
- 4.3Ленивая загрузка компонентов
- 4.4Практическая работа №14. Реализация ленивой загрузки компонентов
- 4.5Тестирование React-приложений
- 4.6Практическая работа №15. Написание тестов для компонентов React
- Блок 5. Итоговый проект10
- 5.1Работа с анимацией в React
- 5.2Практическая работа №16. Создание анимированного React-интерфейса
- 5.3Подключение Firebase в React-приложении
- 5.4Практическая работа №17. Интеграция Firebase в React-приложение
- 5.5Работа с WebSockets (Socket.io)
- 5.6Практическая работа №18. Реализация чата с WebSockets
- 5.7Деплой React-приложения
- 5.8Практическая работа №19. Деплой React-приложения
- 5.9Итоговый проект по React.js
- 5.10Практическая работа №20. Финальный проект
Требования
- Навыки работы с HTML, CSS и JavaScript
- Установленная среда разработки (инструкции предоставляются на старте курса)
- Уверенное владение ПК и доступ в интернет
Особенности
- Полноценное погружение в React.js от основ до продвинутых инструментов
- Практическая работа с Redux, Context API и маршрутизацией
- Отработка взаимодействия с API, реализация форм и списков
- Изучение инструментов оптимизации и тестирования
- Интеграция сторонних решений (Firebase, WebSockets)
- Разработка и деплой реального React-приложения
- Возможность пройти обучение индивидуально с преподавателем
Целевая аудитория
- Начинающие фронтенд-разработчики
- Специалисты, планирующие перейти в область React-разработки
- Веб-разработчики, желающие систематизировать и углубить знания
- Студенты и выпускники технических направлений