Интенсивный онлайн‑курс по React и Redux

Курс 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 г.

Оплатить курс можно банковскими картами, электронными деньгами и через интернет-банкинг.

  • Номер Qiwi кошелька: +37498185562
  • Кошелек WebMoney: R629034214695

 

Банковские реквизиты:

Наименование банка Epayments Systems Limited
Адрес банка 91 Wimpole Street, London W1G 0EF, United Kingdom
SWIFT EPMTGB2L
Получатель Voskan Voskanyan
Адрес получателя Odanavakayan, 3-rd taxamas, tun 21, Gyumri, 3112, Shirak, Armenia
IBAN GB26EPMT00997249016816

Старт курса примерно через 2-3 недели.

Если есть вопросы, то свяжитесь со мной:

  • Email: info@hackerx.ru
  • Skype: voskan_voskanyan