Во втором модуле курса учащиеся 14–17 лет переходят от базовых понятий к созданию более «умных» приложений на React. Они учатся работать с побочными эффектами, подключать внешние API, сохранять данные между сессиями, а также проектировать структуру приложений. Каждое занятие связано с понятными и увлекательными для подростков проектами — от мемов до мини-приложений.
Учащиеся узнают:● Как использовать хук useEffect и управлять побочными эффектами
● Как подключать данные из API и обрабатывать разные состояния (загрузка, ошибка, пусто)
● Как сохранять данные в localStorage
● Как передавать данные между компонентами и проектировать архитектуру
● Как фильтровать и сортировать данные, использовать кастомные хуки
● Как создавать формы, работать с вводом и собирать данные пользователя
● Как проектировать и реализовать большое приложение.
Модуль состоит из 12 занятий. Каждый урок включает аналогии из реального мира, пошаговую практику, мини-проект или самостоятельную задачу, квиз для закрепления.
Каждое занятие завершается мини-проектом, а на 12-м уроке — итоговый большой проект, который можно добавить в свое портфолио.
Пример урокаНазвание проекта: «Случайные шутки из открытого API»
Цели:
● Научиться делать запросы к API с помощью fetch.
● Научиться обрабатывать ответ и выводить данные в интерфейс.
● Научиться обновлять данные по кнопке.
Ученики подключаются к API и создают мини-приложение, которое загружает случайные шутки. Они знакомятся с понятием асинхронных запросов, JSON и практикой отображения данных из интернета
Методический план модуля:- UuseEffect и сайд-эффекты;
- Подключение к API;
- Состояния загрузки (loading/error/empty);
- Цифровой рюкзак (localStorage);
- Мини-чат: обмен данными между компонентами;
- React Developer Tools;
- Архитектура проекта и зависимости;
- Фильтрация, сортировка и поиск;
- Переиспользуемые компоненты;
- Формы (расширенные);
- Подготовка к финальному проекту;
- Итоговый проект.