Участвует в новогодней распродаже Снежинки Скидка 30% до 28 января
JavaScript-фреймворк React.js
Онлайн-курс
−30% до 28 января

JavaScript-фреймворк React.js

Расширьте свои профессиональные знания и навыки разработчика, научившись использовать в работе фреймворк React.js

На рынке не хватает JavaScript-разработчиков

Кому подойдёт этот курс

Чему вы научитесь

  1. Создавать приложения с нуля

    Конфигурировать их с помощью Webpack или использовать готовые решения.

  2. Работать с публичными API

    Узнаете о механизмах OAuth и имплементациях в React.

  3. Познакомитесь с Flux, Redux, Mobx

    Узнаете подробности о состоянии приложения и работе с ним.

  4. Профилировать свое приложение

    Искать слабые места и оптимизировать их.

  5. Тестировать свое приложение

    Познакомитесь с библиотеками Jest и Enzyme.

  6. Создавать SPA и RIA приложения с нуля

    Будете применять разные подходы, с SSR или без него, включая деплой в облачный сервис Now.

Как проходит обучение

  1. Изучаете тему

    В курсе — практические видеоуроки.

    Изучаете тему

  2. Выполняете задания

    В том темпе, в котором вам удобно.

    Выполняете задания

  3. Работаете с наставником

    Закрепляете знания и исправляете ошибки.

    Работаете с наставником

  4. Защищаете итоговый проект

    И дополняете им своё портфолио.

    Защищаете итоговый проект

Программа

Вас ждут 3 месяца теории и практики, которые добавят вам реальных знаний в разработке на JavaScript.

  • 16 тематических модулей
  • 76 онлайн-уроков
    1. Что такое React. Основные преимущества
    2. Основы декларативного подхода
    3. Возможности React, компоненты, состояние, применения
    4. Экосистема React, основные библиотеки, из чего обычно состоит React-стек
    1. Конфигурация webpack на клиенте
    2. Конфигурация webpack на сервере
    3. Подключение к проекту HMR и SSR
    4. Подключение Typescript
    5. Подключение CSS modules, Jest, Enzyme
    1. Основы TypeScript. Типы
    2. Работа с массивами
    3. Работа с объектами и интерфейсами
    4. Типизация функций и типы TS
    5. Generics
    6. Классы
    7. Infer, typeof, keyof, Mapped Types
    1. Компоненты в React
    2. Состояния в Class Components
    3. Состояния в Functional Components
    4. Создание Layout приложения. Часть 1
    5. Создание Layout приложения. Часть 2
    6. Создание компонента новостной карточки
    7. Жизненный цикл компонента
    1. Каррирование и функции высшего порядка
    2. Hooks в React
    3. Map и Reduce в React
    4. Создание компонента dropdown c использованием hooks
    5. Compose, Pipe и их применение в React
    1. Адаптивные и неадаптивные компоненты. Mobile first и desktop first подходы
    2. Создание Dropdown-меню с использованием state
    3. Введение в unit-тесты и Jest
    4. Написание тестов для React компонента. Enzyme vs Snapshots
    5. Вспомогательные компоненты
    1. Как работать с API
    2. Регистрируем аккаунт разработчика на Reddit
    3. OAuth2
    4. Страница авторизации пользователя
    5. Как структурировать API-запросы в приложении
    1. Забираем из API данные пользователя
    2. Отображаем данные пользователя в компоненте через prop
    3. Используем React Context для работы с данными
    4. Обновляем данные через контекст
    1. Верстаем карточку поста, используя ReactPortal
    2. Ref и useRef React hook. Реализуем механизм click outside для скрытия модального окна
    3. Controlled и uncontrolled компоненты на примере поля комментария
    4. Сохраняем состояние формы, используя контекст
    1. Введение в Redux
    2. Устанавливаем Redux, подключаем его к приложению
    3. Action + reducer
    4. Presentation Components/Container Components
    1. Работа с асинхронными запросами в Redux
    2. Пишем простой logger middleware
    3. Подключаем thunk к приложению. Пишем свой первый асинхронный action
    4. Работа с асинхронным состоянием
    5. Пишем простой loader
    1. Экскурс в формы. Проблематика форм React
    2. Состояние полей. Различные подходы
    3. Какие можно использовать библиотеки и почему они могут мешать
    4. Сохраняем состояние формы, валидируем поля и выводим ошибки
    5. Доступности, нативные элементов и возможности работать с формой через табуляцию
    1. Работа с запросами к API
    2. Делаем загрузку ленты постов
    3. Виды бесконечных скроллов и пагинаций
    4. Делаем подгрузку ленты постов
    5. Эффективный рендеринг больших списков
    1. Создаем сайдбар, используя более продвинутые практики
    2. Роутинг в SPA и в React
    3. Подключаем React Router
    4. Подключаем новостную ленту к роутеру
    5. Дополнительный функционал роутинга
    1. Серверный и статический рендеринг. Изоморфные приложения
    2. Делаем серверный рендеринг, используя express
    3. NextJS
    4. Переносим приложение на Next
    5. Деплой приложения в Zeit
Заявка не отправлена!

Похоже произошла ошибка. Попробуйте отправить снова или перезагрузите страницу.

Спасибо!

Ваша заявка успешно отправлена

Преподаватели

Александр Кузнецов

Александр
Кузнецов

Frontend techlead ТАСС

Ольга Климонова

Ольга
Климонова

Ведущий разработчик ТАСС

Алексей Авдеев

Алексей
Авдеев

Ведущий frontend-разработчик в ООО «АЙТУТИМ»

Участвует в новогодней распродаже Снежинки Скидка 30% до 28 января

Стоимость обучения

−30% до 28 января
  • Рассрочка без первого взноса 1 458 ₽
  • Стоимость
    со скидкой 17 500 ₽
  • Первоначальная
    стоимость 25 000 ₽

Часто задаваемые вопросы