Курсы разработки React.js в Skillbox

Мы собрали для вас 2 лучших онлайн курсов по разработке на React.js в школе Skillbox. Сравните варианты онлайн обучения от 20 разных школ и центров со 💴 стоимостью курсов от 500 рублей и до 450 000 рублей 🥇 Средний рейтинг - 3 балла.
Длительность4 месяца Домашние заданияС проверкой НаправлениеПрограммирование РассрочкаДа СложностьНачинающий
21 000 Руб.
Проводиться
Перейти на skillbox.ru
Длительность2,5 месяца Документ об окончанииДиплом школы Домашние заданияДа НаправлениеПрограммирование Обратная связьДа
26 565 Руб.
Проводиться
Перейти на skillbox.ru

ТОП курсы

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

Курс JavaScript фреймворк React.js от Skillbox

Программа обучения
  • Введение в React.
  • Создание проекта.
  • Составляющие на примере новостной карточки в Reddit.
  • Больше о компонентах и введение в тестирование компонент.
  • Работа с общественными API на примере Reddit.
  • Введение в Redux на примере новостной ленты.
Чему обучитесь
  • Познакомитесь с Flux, Redux, Mobx
  • Профилировать свое приложение
  • Работать с публичными API
  • Создавать SPA и RIA приложения с нуля
  • Создавать приложения с нуля
  • Тестировать свое приложение

 

Преимущества
  • Упор на практику — создание и оптимизацию актуальных проектов.
  • Умеренная занятость, возможно совмещение.
  • Диплом о повышении квалификации.

Javascript-фреймворк React js Skillbox

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

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

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

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

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

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

Преимущества
28-19
Города, в которых можно пройти курсы
Фильтры
Длительность
Трудоустройство
Формат обучения
Цена

Руб.  –  Руб.

  • 21000Руб.
  • 26565Руб.
Школа (1)