qalight
Центр подготовки
IT специалистов
react-small

Создание блога с помощью React и Redux

Дата старта:

25.04.2017

Длительность:

30 часов

Вечер

Вт

Чт

Пн

19:00 — 21:00

Вт

19:00 — 21:00

Ср

19:00 — 21:00

Чт

19:00 — 21:00

Пт

19:00 — 21:00

Сб

19:00 — 21:00

Вс

19:00 — 21:00

Цена

6000 грн

Возможна оплата частями

Тренеры:

Описание курса:

React — это библиотека JavaScript для создания пользовательских интерфейсов. React славится своей производительностью и богатой экосисетмой. Redux — модуль для управления состоянием приложения. В этом курсе вы узнаете, как React, Redux и другие модули используются для полного цикла разработки интернет приложений.

Требования для прохождения курса:

Основы HTML5 и CSS3

Основы Javacript

Основы Node.JS

Практика:

Создание блога.

Также Вы получаете:

diploma-2

Сертификат об окончании

plane-2

Необходимые знания для FrontEnd разработчика

briefcase-2

Помощь в трудоустройстве

Программа курса:

День 1 Собираем базовый стек изоморфного приложения

  • Подготовка окружения разработки
  • Создаем новый проект
  • Инициализация проекта
  • Архитектура приложения
  • Окружение, NODE_ENV
  • Конфигурация gulpfile для проекта

День 2 Основной компонент приложения

  • Структура компонента
  • Иерархия компонентов
  • Потоки данные и коммуникация компонентов
  • Создадим первый компонент
  • React без JSX
  • Метод render компонента
  • Применение классов CSS к HTML контенту

День 3 Virtual DOM

  • Основы Virtual DOM
  • Свойства React.DOM
  • Специальные атрибуты DOM
  • Метод ReactDOM.render

День 4 Добавление ES7 в проект

  • Динамический рендеринг HTML
  • Основы JSX JavaScript XML (JSX)
  • Различия между JSX и HTML
  • JSX и Babel
  • .babelrc
  • Babelify
  • Resolving
  • Условия в JSX
  • Первый компонент React на ECMAScript 6
  • Стили в JSX
  • Стилизация компонентов на основе Inline Styles

День 5 Жизненный цикл Component

  • Жизненный цикл этапы и методы
  • Неизменяемость в простых компонентах
  • Вложенные объекты
  • React Immutability Helper
  • Обертки
  • Стилизация React-компонентов
  • Стилизация DOMElement
  • Метод React.createClass
  • Создание Multiple Components в ReactJS
  • Повторно используемые Components

День 6 Реквизиты (props)

  • Значения по умолчанию
  • Типы PropTypes
  • Проверка props
  • Пользовательские валидаторы
  • Передача данныхе из родительской компоненты в дочернюю с помощью props.
  • Валидация react props с помощью PropTypes
  • Инициализаторы свойств Default Props и Prop Types в ES6 классах React

День 7 Использование State

  • React — локальный стейт
  • Props и states
  • getInitialState
  • Какие компоненты должны иметь состояние
  • Помощник setState
  • Использование Refs
  • Монтирование компонентов
  • Обновление компонентов

День 8 Свойства и события

  • Работа со свойствами
  • Доступ к Child Properties
  • Использование transferPropsTo
  • Работа с событиями
  • Статичесеие методы
  • Управление событиями DOM
  • Миксины React
  • Миксины React использующие ES6
  • Связывание событий
  • Связывание методов в классах React
  • Работа с формами
  • Валидация форм в React
  • Управляемые компоненты
  • Неуправляемые компоненты
  • Создание пошаговой формы регистрации на React

День 9 Компоненты высшего порядка

  • Чистые функции
  • Функции высшего порядка
  • Компоненты высшего порядка
  • Функциональные компоненты без состояния
  • Расширение JSX
  • Порядок свойств в React
  • Создание компонентов высшего порядка
  • Компоненты высшего порядка вместо миксинов
  • Использование декораторов ES7 вместо миксинов

День 10 Основы Webpack

  • Конфигурация webpack.config.js
  • Внешний доступ к модулям
  • Стили и файлы
  • Пересборка при изменениях
  • Source maps
  • Минификация
  • Объединение фрагментов
  • Подключение библиотек
  • CDN и сборка
  • Оптимизация
  • Плагины
  • Основы Webpack Dev Server
  • Интеграция Gulp и Webpack

День 11 React Router

  • Основы маршрутизации
  • Реализация маршрутизации
  • Маршруты с параметрами
  • Активная ссылка
  • Реквизиты Route
  • Передача реквизитов
  • Клонирование и Инъекция реквизитов
  • Настройка маршрутов

День 12 Работа с контейнерами

  • Получение данных с помощью Ajax
  • Разделение компонента
  • Презентационные компоненты
  • Итерации
  • Компоненты-контейнеры
  • Использование контейнеров с роутером
  • Поток данных и оператор расширения
  • Функциональные компоненты без состояния
  • MVC

День 13 Flux

  • Основы Flux
  • Архитектура Flux
  • Dispatcher — Broadcaster
  • Действия
  • Хранилища
  • Компоненты и представления

День 14 Основы Redux

  • Конфигурация Redux
  • Наше первое хранилище Redux
  • Множественные редукторы
  • Иммутабельные структуры данных
  • Исходное состояние
  • Соединение с react-redux
  • Отправка и жизненный цикл Ajax
  • Провайдер
  • Redux с роутером

День 15 Redux-ORM

  • Основы Redux-ORM
  • Настройка Store и Reducers
  • Выборка данных
  • Модели
  • Управление связями
  • Сериализация данных
Читать дальше

Записаться на курс

Создание блога с помощью React и Redux

Остались вопросы? Звони!

React и Redux