Образовательная платформа

Скидка 30% до 4 августа

Курс

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

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

    1. Что такое React. Основные преимущества
    2. Основы декларативного подхода
    3. Возможности React, компоненты, состояние, применения
    4. Экосистема React, основные библиотеки, из чего обычно состоит React-стек

  2. Создание проекта

    1. Конфигурация webpack на клиенте
    2. Конфигурация webpack на сервере
    3. Подключение к проекту HMR и SSR
    4. Подключение Typescript
    5. Подключение CSS modules, Jest, Enzyme

  3. Typescript

    1. Основы TypeScript. Типы
    2. Работа с массивами
    3. Работа с объектами и интерфейсами
    4. Типизация функций и типы TS
    5. Generics
    6. Классы
    7. Infer, typeof, keyof, Mapped Types

  4. Компоненты на примере новостной карточки Reddit

    1. Компоненты в React
    2. Состояния в Class Components
    3. Состояния в Functional Components
    4. Создание Layout приложения. Часть 1
    5. Создание Layout приложения. Часть 2
    6. Создание компонента новостной карточки
    7. Жизненный цикл компонента

  5. Hooks и функциональное программирование

    1. Каррирование и функции высшего порядка
    2. Hooks в React
    3. Map и Reduce в React
    4. Создание компонента dropdown c использованием hooks
    5. Compose, Pipe и их применение в React

  6. Компоненты - продвинутые темы. Введение в тестирование компонентов

    1. Адаптивные и неадаптивные компоненты. Mobile first и desktop first подходы
    2. Создание Dropdown-меню с использованием state
    3. Введение в unit-тесты и Jest
    4. Написание тестов для React компонента. Enzyme vs Snapshots
    5. Вспомогательные компоненты

  7. Работа с публичным API на примере Reddit

    1. Как работать с API
    2. Регистрируем аккаунт разработчика на Reddit
    3. OAuth2
    4. Страница авторизации пользователя
    5. Как структурировать API-запросы в приложении

  8. React Context

    1. Забираем из API данные пользователя
    2. Отображаем данные пользователя в компоненте через prop
    3. Используем React Context для работы с данными
    4. Обновляем данные через контекст

  9. Портал и форма

    1. Верстаем карточку поста, используя ReactPortal
    2. Ref и useRef React hook. Реализуем механизм click outside для скрытия модального окна
    3. Controlled и uncontrolled компоненты на примере поля комментария
    4. Сохраняем состояние формы, используя контекст

  10. Введение в Redux на примере поля для ввода комментария

    1. Введение в Redux
    2. Устанавливаем Redux, подключаем его к приложению
    3. Action + reducer
    4. Presentation Components/Container Components

  11. Использование Redux-Thunk на примере загрузки профиля пользователя

    1. Работа с асинхронными запросами в Redux
    2. Пишем простой logger middleware
    3. Подключаем thunk к приложению. Пишем свой первый асинхронный action
    4. Работа с асинхронным состоянием
    5. Пишем простой loader

  12. Формы на примере комментариев и карточки поста

    1. Экскурс в формы. Проблематика форм React
    2. Состояние полей. Различные подходы
    3. Какие можно использовать библиотеки и почему они могут мешать
    4. Сохраняем состояние формы, валидируем поля и выводим ошибки
    5. Доступности, нативные элементов и возможности работать с формой через табуляцию

  13. «Бесконечные» списки на примере ленты постов

    1. Работа с запросами к API
    2. Делаем загрузку ленты постов
    3. Виды бесконечных скроллов и пагинаций
    4. Делаем подгрузку ленты постов
    5. Эффективный рендеринг больших списков

  14. Сайдбар + роутинг

    1. Создаем сайдбар, используя более продвинутые практики
    2. Роутинг в SPA и в React
    3. Подключаем React Router
    4. Подключаем новостную ленту к роутеру
    5. Дополнительный функционал роутинга

  15. SSR + NextJS

    1. Серверный и статический рендеринг. Изоморфные приложения
    2. Делаем серверный рендеринг, используя express
    3. NextJS
    4. Переносим приложение на Next
    5. Деплой приложения в Zeit

  16. Бонусный модуль: Mobx

Заявка не отправлена!

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

Спасибо!

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

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

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

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

Frontend-разработчик в ТАСС

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

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

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

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

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

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

  • Старт курса: 5 августа
  • Осталось: 6 мест

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

Рассрочка без первого взноса

  • 1 750 ₽/мес
  • 2 500 ₽/мес

Скидка 30% до 4 августа

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