ReactJS
- create-react-app
- структура приложения React
- структура компонента React
- JSX
- роутинг React
- SPA, MPA
- события и функции React
- ref
- state, render
- жизненный цикл компонента
- создание элементов DOM
- xуки
- redux, redux toolkit
- интеграция React и backend (PHP)
- интеграция React и backend (Node.JS)
- проект
Спринты
Технологии и ПО
Требования к прохождению курса
- Уверенные знания JavaScript, или прохождение курса JavaScript 2.0
- рекомендовано пройти курс Методи массивов
Самая популярная библиотека JavaScript — React.JS. Изучаем с базовых понятий — создания приложения, понятия компонентов, структуры компонента. Изучаем синтаксис JSX и взаимодействие компонентов через props.
Учимся работать с событиями и функциями в React, изучаем понятие state. Работаем с DOM, создаем элементы на странице и компоненты.
Изучаем роутинг в React, создание MPA и SPA.
Рассматриваем жизненный цикл компонента и хуки. Работаем с API. Строим витрину интернет магазина как проект на основе state, props.
Изучаем store, на примере Redux и Redux-toolkit. Создаем витрину товаров с помощью единого хранилища Redux.
Интегрируем React и бекенд, рассматриваем интеграцию с PHP, Node.JS.
Разрабатываем проект — создание сайта для обмена заметками с возможностью удаления заметки после просмотра. MPA приложение с роутером, созданием заметок и занесением их в базу данных, получением заметки по хешу, удалением после просмотра. Оформление — фреймворк Bootstrap.
В каждом спринте находятся задачи для отработки теоретических сведений. По каждому заданию и вопросу можно получить поддержку, помощь преподавателя. Если в ходе выполнения заданий возникают проблемы — спрашивайте и преподаватель вам поможет. Также в курсе есть разбор багов выявленных в результате проверки кода заданий, помощь в устранении багов, повторная проверка кода.
Рассматриваем деплой проекта на хостинг.