Курс React.js подойдет тем, кто уже имеет базовые знания JavaScript и совершенствуется в построении пользовательских интерфейсов.
Вы будете слушать теорию, писать код, показывать его мне, получать обратную связь и советы, затем двигаться дальше.
Программа курса
Введение в React.js
- React как библиотека
- React и JavaScript
- Работа с файлами
- Файловый репозиторий
- Инструменты React-разработчика
- Установка Node.js
Новый синтаксис JavaScript (ES6)
- Объявление переменных в ES6
- const, let
- Шаблонные строки
- Параметры по умолчанию
- Стрелочные функции
- Транспиляция ES6
- Объекты и массивы ES6
- Деструктурирующее присваивание
- Расширения объектных литералов
- Оператор распространения
- Промисы
- Классы
- Модули ES6
- CommonJS
Функциональное программирование на JavaScript
- Значение понятия функциональности
- Сравнение императивности с декларативностью
- Функциональные концепции
- Неизменяемость
- Чистые функции
- Преобразование данных
- Функции высшего порядка
- Рекурсия
- Композиция
Чистый React.js
- Настройка страницы
- Виртуальная DOM
- Элементы React
- ReactDOM
- Дочерние элементы
- Конструирование элементов с данными
- Компоненты React
- React.createClass
- React.Component
- Функциональные компоненты, не имеющие состояния
- Отображение DOM
- Фабрики
React с JSX
- Элементы React в виде кода JSX
- Советы по применению JSX
- Вложенные компоненты
- className
- Выражения JavaScript
- Вычисление
- Отображение массивов на JSX
- Babel
- Введение в Webpack
- Загрузчики Webpack
- Приложение кулинарных рецептов с применением сборки, выполняемой Webpack
Свойства, состояние и дерево компонентов
- Проверка свойств
- Проверка свойств при использовании createClass
- Свойства, используемые по умолчанию
- Настраиваемая проверка свойств
- Классы ES6 и функциональные компоненты, не имеющие состояния
- Ссылки
- Обратный поток данных
- Ссылки в функциональных компонентах, не имеющих состояния
- Управление состоянием React
- Внедрение состояния компонента
- Инициализация состояния из свойств
- Состояние внутри дерева компонента
- Новый взгляд на приложение органайзера цветов
- Передача свойств вниз по дереву компонентов
- Передача данных вверх по дереву компонентов
Усовершенствование компонентов
- Жизненные циклы компонентов
- Жизненный цикл установки
- Жизненный цикл обновления
- React.Children
- Подключение библиотек JavaScript
- Создание запросов с помощью Fetch
- Подключение D3 Timeline
- Компоненты высшего порядка
- Управление состоянием за пределами React
- Flux
- Представление
- Действия и создатели действий
- Диспетчер
- Хранилища
- Реализации Flux
Redux
- Состояние
- Действия
- Преобразователи
- Преобразователь цвета
- Преобразователь цветов
- Преобразователь сортировки
- Хранилище
- Подписка на хранилища
- Сохранение в localStorage
- Создатели действий
- Функции промежуточного звена
React и Redux
- Явная передача хранилища
- Передача хранилища через контекст
- Сравнение презентационных и контейнерных компонентов
- Провайдер React Redux
- Функция connect библиотеки React Redux
Тестирование
- ESLint
- Тестирование Redux
- Разработка, основанная на тестировании
- Тестирование преобразователей
- Тестирование хранилища
- Тестирование компонентов React
- Настройка среды Jest
- Enzyme
- Имитация компонентов
- Тестирование на основе отображения мгновенного состояния (Snapshot Testing)
- Использование данных об охвате кода
Маршрутизатор React Router
- Встраивание маршрутизатора
- Вложенные маршруты
- Использование страничного шаблона
- Подразделы и подменю
- Параметры маршрутизатора
- Добавление страницы с информацией о цвете
- Перемещение состояния сортировки цветов в маршрутизатор
React и сервер
- Сравнение изоморфизма с универсализмом
- Код React, отображаемый на сервере
- Универсальный органайзер цветов
- Универсальный Redux
- Универсальная маршрутизация
- Обмен данными с сервером
- Выполнение действий на сервере
- Действия с Redux Thunks.
Записаться и оплатить курс
Для того, чтобы записаться на курс, вам нужно оплатить полную стоимость курса.
При оплате курса, в примечаниях, обязательно, нужно указать ваш email, на которую в дальнейшем отправим инструкцию.
Стоимость полного курса React.js и Redux составляет 18,600 RUB.
Цена поднимется до 20,000 RUB в 12:00, 12 июля, 2018 г.
Оплатить курс можно банковскими картами, электронными деньгами и через интернет-банкинг.
Старт курса примерно через 12.11.2018 недели.