Microsoft Silver Partner
Оформить заявку

Курс - ReactJS Essential

Изображение к курсу ReactJS Essential
Курс ReactJS Essential
Длительность 7 дней / 14 часов
Количество уроков 7

Очное обучение

2740 UAH Записаться

Онлайн обучение

2740 UAH Записаться

Видео обучение

Оформить подписку

Консультации

Записаться
Мы начнем с того, что разберемся, чем Реакт отличается от других JS-фреймворков и в чем же его преимущество. Мы напишем наш первый компонент, научимся управлять состоянием и параметрами, будем использовать события, чтобы делать наши компоненты динамическими. Разобравшись с основами React, мы перейдем к изучению стека технологий, которые используются вместе с ним: разберемся со сборкой приложений, подключением внешних библиотек и изучим архитектуру Flux, а потом - напишем полноценное небольшое динамическое веб-приложение.
Понимание HTML & CSS, JavaScript.
Данный курс предназначен для разработчиков, владеющих языком JavaScript, которые хотят освоить новый мощный инструмент для разработки веб-приложений ReactJS.
Курс будет полезен начинающим и опытным frontend-разработчикам
Урок 1

Введение в React

• Немного о курсе
• Что такое React?
• Когда и почему стоит использовать React
• Что такое виртуальный DOM и как он работает
• Рендеринг данных в React - JSX!
• Первый компонент - Hello world.
• Props у компонентов
• State компонентов, методы getInitialState и setState
• Пример. Отображение списка контактов
• Обработка событий в React, синтетические события

Урок 2

Подробнее о компонентах

• Жизненный цикл компонента
• Порядок вызова методов жизненного цикла при инициализации компонента
• Порядок вызова методов жизненного цикла при изменении параметров
• Порядок вызова методов жизненного цикла при изменении состояния
• Порядок вызова методов жизненного цикла при удалении компонента
• Пояснение методов, когда какие следует использовать
• Пример. Демонстрация порядка вызовов методов жизненного цикла
• Пример. Таймер
• Деление приложения для работы с заметками на компоненты, продумывание структуры
• Установка nodejs и npm
• Установка и запуск http-сервера
• Пример. Приложение для управления заметками
• Inline-стили в React
• Использование this.props.children
• Refs
• Использование localStorage для хранения заметок пользователя

Урок 3

Окружение

• Использование npm
• Пример. Заполнение package.json
• Подключение внешних модулей с помощью npm
• Зачем нужен сборщик проектов и как он работает?
• Настройка webpack
• Пример. Подключение лоадеров к webpack
• Настройка hot reloading и hot module replacement
• Структура приложения
• Использование NodeJS модулей
• Пример. Построение модульного приложения

Урок 4

Роутинг и ES2015

• Основные возможности ES2015 на примерах
• CSS препроцессоры
• LESS
• Что такое роутинг? Его значение в приложении
• Использование react-router
• Пример. Настройка вложенных маршрутов
• Валидация props
• Пример. Компонент для отображения статьи
• Контекст 10. Пример. Передача цвета через контекст
• Навигация в приложении
• Пример. Манипуляция с именами классов

Урок 5

Архитектура Flux, взаимодействие с API

• Данные в приложении
• MVC, схема, проблемы
• Однонаправленный поток данных
• Flux
• Пример. Покупка товара в интернет-магазине
• Настройка Google developers console
• Material-ui
• Настройка слоя коммуникации с API
• Пример. Авторизация 10. React-router hooks
• Пример. Построение Flux архитектуры в приложении: dispatcher, actions, stores, constants

Урок 6

Написание полноценного SPA

• Концепция “умных” и “глупых” компонентов
• Пример. Деление компонентов на “умные” и “глупые”
• Пример. Отображение индикатора загрузки для списка задач
• Что такое оптимистичные действия и когда стоит их применять?
• Пример. Оптимистичное выделение задачи
• Пример. Оптимистичное редактирование задачи
• Пример. Отображение ошибки при неправильном id списка задач
• Конфигурация, разные подходы

Урок 7

Deploy

• Писать приложения на на React
• Использовать ES2015 при написании кода
• Использовать Flux архитектуру
• Настраивать конфигурацию
• Настраивать отображение индикаторов загрузки
• Отображать ошибки в приложении
• работать с github

• Писать приложения на React
• Использовать ES2015 при написании кода
• Использовать Flux архитектуру
• Настраивать конфигурацию
• Настраивать отображение индикаторов загрузки
• Отображать ошибки в приложении • Работать с github
Check mark Запись в учебный центр Separator Онлайн форма для регистрации
Стационар Полустационар Специальности
Дата начала Дата окончания Время
06.08.2018 14.08.2018 19:00-21:00 Зарегистрироваться

Не нашли подходящий курс в расписании? Оформите заявку

Стационар Полустационар Специальности
Дата начала Дата окончания Время
06.08.2018 14.08.2018 19:00-21:00 Зарегистрироваться

Не нашли подходящий курс в расписании? Оформите заявку