содержание и инструменты
Изучите
Специфика React JS
Знакомство с JSX — расширение языка JavaScript
Настройка окружения
React виртуал DOM
Создание проекта React
Webpack: сборщик модулей
Nodemon
Освоите
Проект React
Настройка окружения
Nodemon
DOM
На практике
• Вы настроите проект React для будущей разработки проекта.
содержание и инструменты
Изучите
Назначение классовых компонентов
Композиция и извлечение
Рендеринг компонентов
«Состояние» и «жизненный цикл» React-компонентов
Освоите
Классовые компоненты
Рекламный текст
Композиция
Lifecycle
На практике
• Вы будете конвертировать HTML и CSS разметку в полноценный React-компонент.
• Сделаете первые классовые компоненты с помощью React.
содержание и инструменты
Изучите
Назначение функциональных компонентов
Сравнительный анализ классовых и функциональных компонентов
Props: входные данные React-компонентов
Хуки: описание логики компонентов
Правила использования хуков
Освоите
Функциональные компоненты
Пропсы
Хуки
Логика компонентов
На практике
• Вы напишите приложение с использованием функциональных компонентов.
содержание и инструменты
Изучите
Как правильно разбивать на компоненты
Вынесение функциональности
Порталы
Использование кастомных хуков
Отслеживание состояний компонентов в браузере
Освоите
Принцип dry
Порталы
Кастомные хуки
ReactDevTools
На практике
• Напишите дополнительный функционал к приложению с использованием кастомных хуков и порталов.
содержание и инструменты
Изучите
SPA-приложение
Маршрутизация в SPA
Реализация роутинга в React-приложении
History API
Компоненты Route, Link, Redirect.
Управление маршрутами
Json-server библиотека
Освоите
Маршрутизация
SPA-приложение
History API
Json-server библиотека
На практике
• Вы дополните ваше приложение: добавите маршрутизацию в приложение.
содержание и инструменты
Изучите
Подключение и настройка Redux к проекту
Хранилище, диспетчер, действия
ReduxDevTools
Управление состоянием проекта с помощью Redux
Middleware
Расширение функциональности Redux
Освоите
Redux
Состояние проекта
ReduxDevTools
Middleware
На практике
• Добавите общее состояние всего приложения.
содержание и инструменты
Изучите
Инструменты и методики тестирования React-приложений
Настройка инфраструктуры для тестирования
Тесты для компонентов
Исполнители тестов: Jest, mocha, ava
Освоите
Методики тестирования
Тесты для компонентов
Среды тестирования
Jest, mocha, ava
На практике
• Покроете приложение тестами.
содержание и инструменты
Изучите
Использование TypeScript и какие задачи он решает
Система типов
Как код на JavaScript превращается в TypeScript
Инфраструктура: настройки компилятора
Подключение TypeScript к проекту
Освоите
TypeScript
Компиляция
Система типов
Подключение TypeScript
На практике
• Вы перепишите ваш код на TypeScript.
Повышенная мотивация к обучению за счет нахождения в комьюнити близких по духу людей
Живое общение с наставниками и одногруппниками
Регулярные занятия непосредственно в учебном центре
Комфортное пространство для обучения, большие оборудованные аудитории
Транспортная доступность: наши учебные центры всегда находятся в центре города
«Живое» онлайн общение с преподавателями и наставниками
Доступ к курсу на 3 месяца: интерактивные задания, вебинары и записи занятий
Гибкий график обучения, который вы подбираете сами под себя
Отсутствие дополнительных расходов на транспорт
Возможность совмещать обучение с работой, путешествиями и параллельным обучением
-40%
3 100 ₽
Беспроцентная рассрочка
18 200 ₽
30 400 без скидки 40%
Нажимая кнопку вы даёте свое согласие на обработку ваших персональных данных на условиях и для целей, определенных Политикой конфиденциальности
Более 1000 специалистов-практиков,
которые помогут вам начать карьеру
После окончания курса вы получаете Персональный сертификат
Государственная лицензия от министерства образования, предоставляющая право на образовательную деятельность.
По итогам обучения на курсе вы получаете электронный персональный сертификат.
Диплом выдается при прохождении комплексной программы обучения. Для получения диплома студенту необходимо пройти все занятия в программе без пропусков.