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 три раза в неделю (вт/чт/сб)
Формат встреч: live online сессии (Zoom)
Стоимость: 3840грн.
