CyberBionic Systematics

React

8 829 UAH за курс
32 годин
Для початківців, Для досвідчених
React Frontend
Цей курс навчить створювати додатки на React. Ви розберете основні концепції: компоненти, стан, хуки, стилізацію через CSS Modules. На практиці напишете власний додаток, навчитеся розбивати його на логічні частини та оптимізувати.

Про курс

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

Основи React та JSX

Курс починається з знайомства з React. Студенти створять перший додаток за допомогою Create React App. Вони освоять JSX - синтаксис для написання React-компонентів. Навчаться створювати прості компоненти та працювати з ними.

Робота з компонентами та станом

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

Форми та стилізація

У цьому модулі студенти навчаться працювати з формами в React. Дізнаються про підйом стану та валідацію даних за допомогою PropTypes. Також освоять методи стилізації компонентів, включаючи використання CSS-модулів.

Практичний проект: список заміток

Студенти створять повноцінний додаток - список нотаток. Це дозволить закріпити знання про props, state та життєвий цикл компонентів. Навчаться вибирати тип компонента під час виконання програми.

Сучасні можливості React

Модуль присвячений хукам - сучасному підходу до роботи зі станом та життєвим циклом. Студенти вивчать основні хуки, принципи їх роботи та створять власні кастомні хуки. Також ознайомляться з бібліотекою react-router для організації маршрутизації.

Розширені техніки

Студенти навчаться створювати сторінки помилок з використанням Запобіжників та React.Fragment. Освоять роботу з Рефами, Context API та рендер пропсами. Створять модальне вікно з використанням контексту.

Оптимізація додатків

Останній модуль присвячений продуктивності. Студенти дізнаються, коли React може працювати повільно та як це виправити. Ознайомляться з інструментами для виявлення проблем та оптимізації додатків. Розглянуть нормалізацію сховища в Redux та методи зменшення розміру білду.

Результати навчання

Після завершення курсу студенти зможуть застосовувати основні концепції побудови односторінкових додатків на React. Навчаться розбивати додатки на логічні компоненти, стилізувати їх за допомогою CSS модулів та будувати повноцінні React-додатки.

Формат навчання

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

Що включено

Видається диплом/сертифікат
Гнучкий графік
Реальний проект у портфоліо
Супровід ментора