React - найбільш популярний JavaScript фреймворк, який застосовується в побудові користувацьких інтерфейсів веб-додатків. Головна особливість даної платформи - компонентно-орієнтований підхід, що дозволяє перевикористовувати код, що підвищує загальну гнучкість написання додатків.
Тренінг React Essential призначений для frontend розробників, котрі бажають оволодіти новою технологією. Що чекає на Вас? В ході навчання Ви опануєте базові речі: напишете перший компонент, розберете його стан і життєвий цикл, дізнаєтеся, як використовувати події. Розібравшись з основами бібліотеки, попрацюєте з формами, опануєте стилізацію, познайомитеся з роутингом, виконаєте верстку списку заміток, навчитеся створювати сторінку помилки і Модальне вікно. Під кінець навчання реалізуєте повноцінний веб-додаток.
Учасники тренінгу напишуть невеликий додаток за допомогою React, навчаться розбивати його на логічні частини та компоненти, попрактикуються в написанні стилів разом з CSS Modules, а також познайомляться з основними концепціями написання додатку за допомогою даної платформи.
Попередні вимоги
Знання HTML, CSS, JavaScript (ECMAScript 6).
Цільова аудиторія
Курс розрахований на frontend розробників, які бажають вивчити основи роботи з фреймворком React.js
Програма тренінгу
1) Вступ до React.
- Що таке React.js.
- Огляд документації.
- Компоненти в React.
- Create React App.
2) JSX у React.
- Що таке JSX і як він працює.
- Створення простого компоненту.
- Передача параметрів (props)
- Передача контенту
- Робота з умовними операторами
3) Основи React.
- Види компонентів (stateless, stateful).
- Знайомство зі State.
- Додавання подій
- Робота зі списками
4) Стан та життєвий цикл.
- Функціональний компонент.
- Класовий компонент.
- Перетворення функціонального компоненту в класовий.
- Додавання методів життєвого циклу.
- Знайомство з Redux.
5) Форми.
- Контрольовані і неконтрольовані компоненти.
- Робота з Input.
- Підйом стану.
- Валідація параметрів з PropTypes.
- Мислення в стилі React.
6) Стилізація у React.
- Огляд способів стилізації компонентів.
- Inline styles.
- Підключення CSS.
- Динамічні класи.
- CSS модулі.
7) Створення списку заміток.
- Розбиття на компоненти.
- Верстка списку.
- Компонент Кнопка.
- Додавання та видалення елементів.
8) Введення в роутинг.
- Огляд react-route.
- Створення сторінок.
- Створення layouts.
9) Створення сторінки помилки.
- Запобіжники.
- React.Fragment.
- Строгий режим.
10) Створення Модального вікна.
- Рeфи та DOM.
- Context API.
- Рендер-пропси.
Після закінчення тренінгу Ви зможете
- Застосовувати базові концепції побудови односторінкових додатків в екосистемі React.
- Писати та розбивати додатки на логічні частини і компоненти.
- Стилізувати додатки за допомогою CSS модулів.
- Будувати прості односторінкові додатки за допомогою React.
Коли: 27 серпня - 17 вересня 2020 року
Тривалість: 20 годин (10 годин за 2 години)
Час: з 19:00 до 21:00, графік три рази на тиждень (вівторок/четвер/субота)
Формат: онлайн сесії в Zoom
Вартість: 3840грн
