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

Онлайн тренінг з React.js

Дата:8 листопада, 2021 р.
Час:19:00-21:00
Ціна:5715 USD
Ведучий:Владислав Бєлік
React FrontEnd Developer, тренер-консультант за напрямком FrontEnd
Опис:
React — найпопулярніший JavaScript-фреймворк, який застосовується в побудові користувацьких інтерфейсів веб-додатків. Головна особливість даної платформи — компонентно-орієнтований підхід, який дозволяє перевикористовувати код, що підвищує загальну гнучкість створення програмного забезпечення.
 
Тренінг з React призначений для FrontEnd розробників, що бажають оволодіти навичками роботи з сучасним фреймворком. Що на Вас чекає? В ході навчання Ви опануєте базові речі: напишете перший компонент, розберете його стани і життєвий цикл, дізнаєтеся, як використовувати події. Розібравшись з основами бібліотеки, попрацюєте з формами, опануєте стилізацію, познайомитеся з роутингом, виконаєте верстку списку заміток, навчитеся створювати сторінку помилки і Модальне вікно. Під кінець навчання реалізуєте повноцінний веб-додаток.
 
Учасники тренінгу напишуть невеликий додаток за допомогою React, навчаться розбивати його на логічні частини і компоненти, попрактикуються в написанні стилів разом з CSS Modules, познайомляться з основними концепціями написання додатку за допомогою даної платформи, а також навчаться застосовувати хукі. Останнє заняття буде присвячене виключно практиці.
 
Попередні вимоги
 
Знання HTML, CSS, JavaScript (ECMAScript 6)
 
Програма тренінгу:
 
  1. Введення в React
  • Що таке React.js
  • Огляд документації
  • Компоненти в React
  • Create React App
  1. JSX в React
  • Що таке JSX і як він працює.
  • Створення простого компоненту.
  • Передача параметрів (props)
  • Передача контенту
  • Робота з умовними операторами
  1. Основи React
  • Види компонентів (stateless, stateful)
  • Знайомство зі State.
  • Додавання подій
  • Робота зі списками
  1. Стан і життєвий цикл
  • Функціональний компонент.
  • Класовий компонент.
  • Перетворення функціонального компоненту в класовий.
  • Додавання методів життєвого циклу.
  • Знайомство з Redux.
  1. Форми
  • Контрольовані і неконтрольовані компоненти.
  • Робота з Input.
  • Підйом стану.
  • Валідація параметрів з PropTypes.
  • Мислення в стилі React.
  1. Стилізація в React
  • Огляд способів стилізації компонентів.
  • Inline styles.
  • Підключення CSS.
  • Динамічні класи.
  • CSS модулі.
  1. Створення списку заміток
  • Розбиття на компоненти.
  • Верстка списку.
  • Компонент Кнопка.
  • Додавання та видалення елементів.
  1. Введення в роутинг
  • Огляд react-route.
  • Створення сторінок.
  • Створення layouts.
  1. Створення сторінки помилки
  • Запобіжники.
  • React.Fragment.
  • Строгий режим
  1. Створення Модального вікна
  • Рeфи та DOM.
  • Context API.
  • Рендер-пропси.
  1. Хуки
  • Знайомство з hooks (хуки)
  • Робота зі State hook
  • Робота з Effect hook
  • Правила hooks
  1. Оптимізація та продуктивність React додатків
  • Інструменти, які дозволяють виявити наявність «вузьких» місць у React додатках, інструменти для оптимізації та аналізу.
  • Поняття «нормалізації» сховища у Redux.
  • Іммутабельні структури даних в JavaScript.
  1. Практика
  2. Практика
  3. Практика
 
Після закінчення тренінгу Ви зможете:
  • Застосовувати базові концепції побудови односторінкових додатків в екосистемі React
  • Писати та розбивати додатки на логічні частини і компоненти
  • Стилізувати додатки за допомогою CSS модулів
  • Будувати прості односторінкові додатки за допомогою React
 
Коли: з 8 листопада до 11 грудня 2021 року
Тривалість: 30 годин (15 занять по 2 години)
Час занять: з 19:00 до 21:00 — пн/ср/сб
Формат зустрічей: Live Online сесії (Zoom)
Вартість: 5715 грн.