Курс 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
• Хуки
• redux, redux toolkit
• Інтеграція React та backend (PHP)
• Інтеграція React та backend (Node.JS)
• Проєкт

Спринти

• Створюємо перший додаток на React, вивчаєм структуру проєкту, знайомимось з JSX, компонентами
• Компоненти. Створення компонентів і вкладених компонентів
• Роутинг. Створення SPA і багатосторінкових сайтів
• Події і функції. Отримуємо значення з input
• Вивчаємо state в React
• Життєвий цикл компонентів в React
• Refs і DOM
• Створення елементів React
• Хуки
• Redux і redux toolkit (частина 1)
• Redux - store, reducers, action (частина 2)
• Redux (частина 3). Виводимо товари інтернет-магазину
• Redux (частина 4). Виводимо корзину інтернет-магазину
• React і PHP
• React і Node.js
• Огляд проєкту по курсу
• Проєкт. Налаштовуємо і запускаємо бекенд
• Проєкт. Створюємо компоненти і роутинг. Компонент Create
• Проєкт. Компонент Note, створення і збереження повідомлень. Форми, видимість блоків
• Проєкт. Робимо активну навігацію, добавляємо Bootstrap
• Deploy проєкту на хостинг. Розгортаємо React і Node.js на сервері

Вимоги до проходження курсу

• Впевнені знання JavaScript, або проходження курсу JavaScript 2.0
• Рекомендовано пройти курс "Методи масивів"

Проєкт

Розробляємо проєкт - створення сайту для обміну нотатками з можливістю видалення нотатки після перегляду. MPA додаток з роутером, створенням нотаток та занесенням їх до бази даних, отриманням нотатки з хешу, видаленням після перегляду. Оформлення - фреймворк Bootstrap.

Особливості курсу

• 21 спринт 87 тасок
• Проєкт
• Допомога та підтримка
• Розбір та усунення багів
• Доступ без обмежень по часу
• Сертифікація