Онлайн тренінг React Essential | IT Заходи

Онлайн тренінг React Essential

Дата:27 серпня, 2020 р.
Час:19:00-21:00
Ціна:3840 USD
Ведучий:Ростислав Сілівейстр
FrontEnd Developer, тренер-консультант по напрямку FrontEnd
Опис:
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грн