Онлайн тренинг по 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 грн.