Программа даёт глубокое понимание принципов и практики разработки клиентской части веб-приложений с использованием одного из самых востребованных фреймворков – React.js. Вы научитесь создавать гибкие и масштабируемые интерфейсы, работать с компонентами, управлять состоянием, обрабатывать запросы к серверу, внедрять маршрутизацию, стили, анимации и публиковать свои проекты.
Обучение проходит в формате индивидуальных онлайн-сессий, где преподаватель помогает вам разбираться в нюансах React на всех этапах — от первого JSX до подключения WebSocket и Firebase. Особое внимание уделяется не только технологии, но и чистоте кода, архитектуре и производительности.
Документ по окончании
📜 Удостоверение о повышении квалификации – для слушателей с высшим или средним профессиональным образованием.
📜 Сертификат о прохождении обучения – для всех остальных участников.
Содержание
- 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. Финальный проект
Требования
- Уверенное знание JavaScript
- Навыки HTML и CSS
- Установленная среда разработки (рекомендации даются в начале курса)
Особенности
- Личное сопровождение – преподаватель помогает адаптировать материалы под ваш уровень
- Много практики – в каждом модуле вы реализуете полноценные интерактивные элементы
- Современный стек – React, Redux, Context API, Firebase, WebSockets, Router
- От макета до продакшена – научитесь разворачивать и оптимизировать React-приложения
- Всё по делу – никакой воды, только то, что работает в боевых проектах
Целевая аудитория
- Начинающие frontend-разработчики
- Специалисты, желающие перейти на React
- Разработчики, работающие с другими JS-фреймворками
- Студенты, фрилансеры и те, кто готовит себя к стажировке или первой работе