Image
Онлайн-курс
−30% для первых
20 студентов

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

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

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

Данные сайта hh.ru

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

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

  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.

  • 12 тематических модулей
  • 67 онлайн-уроков
    1. Что такое React. Основные преимущества
    2. Основы декларативного подхода
    3. Возможности React, компоненты, состояние, применения
    4. Экосистема React, основные библиотеки, из чего обычно состоит React-стек
    5. Разбираем проект-пример
    1. Основы работы React
    2. Создаем проект для React, используя Webpack
    3. Подключаем typescript проекта + проводим краткий обзор конфигурации
    4. Подключаем Jest, Enzyme в проект, пишем конфигурацию
    5. Структурируем проект
    6. Работа с CSS-модулями: принципы использования
    1. Компоненты в React
    2. Основы Typescript, типы, интерфейсы, классы, @types
    3. Создаем Layout приложения
    4. Создаем компонент новостной карточки
    5. Generics
    6. Состояния в Class Components и Functional Components
    7. Введение в функциональный подход
    1. Жизненный цикл компонента
    2. Меню в новостной карточке
    3. Введение в Unit-тесты и Jest
    4. Тест на реакт компонент Enzyme vs Snapshots
    5. Hooks
    6. useContext и Context в React
    7. Адаптивные и неадаптивные компоненты. Mobile first и desktop first в адаптиве. Разница в подходах
    8. Дробление компонентов на вспомогательные: Text, Break и подобные. Плюсы и минусы. Специфика применения
    1. Как работать с API
    2. Регистрируем аккаунт разработчика на Reddit
    3. OAuth2
    4. Страница авторизации пользователя
    5. Как структурировать API-запросы в приложении
    1. Управление состоянием приложения
    2. Введение в Redux
    3. Устанавливаем Redux, подключаем его к приложению
    4. Получаем данные с Reddit
    5. Presentation Components/Container Components
    6. Подключаем компонент к Store
    7. Обзор отличных от Redux решений на примере Mobx
    1. Работа с асинхронными запросами в Redux
    2. Пишем простой logger middleware
    3. Подключаем thunk к приложению. Пишем свой первый асинхронный action
    4. Работа с асинхронным состоянием
    5. Пишем простой loader, показываем его перед загрузкой новостей при помощи контейнера
    1. Создаем сайдбар, используя более продвинутые практики
    2. Роутинг в SPA и в React
    3. Подключаем React Router
    4. Подключаем новостную ленту к роутеру
    5. Дополнительный функционал роутинга 
    1. Использование порталов на примере карточки поста
    2. Ref и useRef React hook. Реализуем с их помощью механизма click outside для скрытия модалки по клику вне тела модального окна
    3. Обратимся к API поста и отобразим вложенные комментарии, используя рекурсивный механизм
    4. Экскурс в формы на примере комментария. Проблематика форм React
    5. Состояние полей. Как с этим справляются. Различные подходы
    6. Пара слов о библиотеках — и почему они могут стать обузой
    7. Controlled и uncontrolled поля, разница подходов
    8. Сохраняем состояние формы и валидируем поля. Выводим ошибки в правильный момент времени
    9. Смотрим на форму с точки зрения доступности, нативных элементов и возможности работать с ней табуляцией
    10. Добавляем форму комментария по кнопке для ответа на любой комментарий, отправляем данные комментария и отображаем новый комментарий в дереве или сообщение об ошибке
    1. Lighthouse: как с ним работать и зачем следовать рекомендациям. Аналоги этого инструмента
    2. React Profiler: как профилировать и оптимизировать приложение
    3. Оптимизация приложения с помощью React.useMemo
    1. Серверный и статический рендеринг. Изоморфные приложения
    2. Делаем серверный рендеринг, используя express
    3. NextJS
    4. Переносим приложение на Next
    5. Деплой приложения в Zeit
Заявка не отправлена!

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

Спасибо!

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

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

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

Frontend Techlead, ТАСС

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

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

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

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

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