ReactJS

Самый популярный фреймворк для фронтенда. Изучаем с простых примеров (JSX, props, state) до хуков, redux (redux + redux toolkit). Работа с API, интеграция с backend. Проект. Deploy на хостинг.

  • 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)
  • проект

Курс содержит

  • 674 min video
  • 21 sprints
  • 87 tasks
  • Projects
  • Помощь и поддержка
  • Разбор и устранение багов
  • Доступ без ограничения времени
  • Сертификация

Спринты

Технологии и ПО

SPA & MPA Redux Redux Toolkit VSCode JSX React API Hooks React.JS

Требования к прохождению курса

Самая популярная библиотека 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.

В каждом спринте находятся задачи для отработки теоретических сведений. По каждому заданию и вопросу можно получить поддержку, помощь преподавателя. Если в ходе выполнения заданий возникают проблемы — спрашивайте и преподаватель вам поможет. Также в курсе есть разбор багов выявленных в результате проверки кода заданий, помощь в устранении багов, повторная проверка кода.

Рассматриваем деплой проекта на хостинг.

  • 674 min video
  • 21 sprints
  • 87 tasks
  • Projects
  • Помощь и поддержка
  • Разбор и устранение багов
  • Доступ без ограничения времени
  • Сертификация