Програма курсу

Початок роботи з React

На цьому курсі починають з основ - створення першого додатку за допомогою create-react-app. Розбирають структуру React-програми та компонентів, вивчають JSX. У перших спринтах створюють базовий додаток та вчаться працювати з компонентами, включаючи вкладені компоненти.

Роутинг та робота з подіями

Далі переходять до створення SPA та багатосторінкових сайтів. Вивчають роботу з подіями та функціями в React, навчаються отримувати значення з input. Цей блок дає розуміння того, як будується навігація в React-додатках.

State та життєвий цикл компонентів

Тут розглядають ключові концепції - state та render, життєвий цикл компонентів. Вивчають refs та роботу з DOM, створення React-елементів. Ці теми допомагають зрозуміти, як компоненти взаємодіють з інтерфейсом та оновлюються.

Хуки та управління станом

Особливу увагу приділяють хукам та Redux. Розбирають Redux Toolkit, store, reducers, actions. На практиці створюють функціонал для виведення товарів інтернет-магазину та роботи з корзиною. Це найбільший блок курсу, який готує до роботи зі складними станами додатків.

Інтеграція з бекендом

Навчаються інтегрувати React з різними бекендами - PHP та Node.js. Це важлива частина для розуміння того, як фронтенд взаємодіє з серверною частиною додатку.

Фінальний проєкт

Останні модулі присвячені створенню повноцінного додатку для обміну нотатками. Починають з налаштування бекенду, потім створюють компоненти та роутинг. Додають функціонал створення та збереження повідомлень, активну навігацію з Bootstrap. Завершують деплоєм React та Node.js на хостинг.

Вимоги до навчання

Для успішного проходження курсу потрібні впевнені знання JavaScript. Рекомендують також пройти курс "Методи масивів" для кращого розуміння роботи з даними.

Що отримують студенти

Курс включає 21 спринт з 87 практичними завданнями. Студенти розробляють власний проєкт, отримують допомогу та підтримку, розбір помилок. Доступ до матеріалів без часових обмежень, після завершення - сертифікація.

Що включено

Видається диплом/сертифікат

Гнучкий графік

Реальний проект у портфоліо

Супровід ментора

ReactJS

Про курс

Програма курсу

Початок роботи з React

Роутинг та робота з подіями

State та життєвий цикл компонентів

Хуки та управління станом

Інтеграція з бекендом

Фінальний проєкт

Вимоги до навчання

Що отримують студенти

Що включено

Про школу

ITGid

Інші курси школи

JavaScript24 (part 2)

JavaScript24 (part 1)

PHP 2023 - base