В первом модуле курса по ReactJS 1 ученики в возрасте 14-17 лет начинают своё знакомство с фронтенд-разработкой и изучают библиотеку React с абсолютного нуля. Даже для тех, кто никогда не программировал раньше, освоение основных концепций и создание простых, но функциональных приложений станет лёгким и доступным процессом.
Каждое занятие включает в себя примеры из реальной жизни, пошаговую практику, мини-проект или небольшую домашнюю задачу, а также квиз для закрепления знаний. После каждых четырёх уроков проходит мини-проект, а на двенадцатом занятии ученики создадут итоговый проект, который можно будет включить в своё портфолио.
Пример занятия:Название проекта: “Счетчик лайков”.
Цели: изучить хук useState для управления состоянием компонента, научиться обрабатывать нажатия кнопок и попробовать стилизовать компонент.
Суть урока заключается в создании кнопки «лайк», которая будет считать количество нажатий. Ученики учатся обновлять интерфейс в ответ на действия пользователей.
Методический план модуля:- Первый запуск и JSX;
- Что такое JSX и как с ним работать;
- Функциональные компоненты.;
- Мини-проект “Счетчик лайков”;
- События, onClick;
- Условный рендеринг;
- Списки и ключи;
- Мини-проект “Генератор фраз”;
- Формы и ввод;
- Подъём состояния и связи;
- Подготовка к итоговому проекту;
- Итоговый проект “Профиль с редактированием”.