ТОП 30 онлайн-курсов по разработке на React.js для JavaScript-программистов

React.js — JavaScript-библиотека с открытым исходным кодом, которая используется для создания интерактивных пользовательских интерфейсов. Она позволяет использовать JSX (язык программирования со сходным с синтаксисом HTML). По сравнению с другими фреймворками JavaScript синтаксис React.js проще понять.

Пройдя обучение на онлайн курсах React вы научитесь верстать веб-страницы с помощью CSS и HTML, создавать интерактивные приложения и многое другое.

На этой странице размещены бесплатные и платные курсы. Для удобства поиска они разделены на 2 группы.

Внимание: Все указанные цены ориентировочные и были актуальны на момент публикации статьи.

Платные курсы

Школа: Skillbox - онлайн-университет digital и IT профессий

Сайт: https://skillbox.ru/

Спикеры: Александр Кузнецов, Ольга Климонова, Алексей Авдеев

Длительность: 3 месяца

Интенсивность: приблизительно 3-5 часов в неделю

Формат обучения: Выполнение домашних заданий, видеоуроки, занятия в записи, онлайн чат, онлайн-лекции, практические задания.

Кому подойдет: практикующим JavaScript-разработчикам, frontend-разработчикам

Программа:

16 тематических модулей, 76 видеоматериалов

1. Введение в React
2. Создание проекта
3. Typescript
4. Компоненты на примере новостной карточки Reddit
5. Hooks и функциональное программирование
6. Компоненты - продвинутые темы. Введение в тестирование компонентов
7. Работа с публичным API на примере Reddit
8. React Context
9. Портал и форма
10. Введение в Redux на примере поля для ввода комментария
11. Использование Redux-Thunk на примере загрузки профиля пользователя
12. Формы на примере комментариев и карточки поста
13. «Бесконечные» списки на примере ленты постов
14. Сайдбар + роутинг
15. SSR + NextJS
16. Бонусный модуль: Mobx

Вы научитесь:

• Тестировать свое приложение
• Профилировать свое приложение
• Создавать приложения с нуля
• Познакомитесь с Flux, Redux, Mobx
• Работать с публичными API
• Создавать SPA и RIA приложения с нуля

Особенности обучения:

• Обучение на практике
• Доступ к курсу навсегда
• Работа с наставником
• Свободный график занятий
• Стажировка для лучших студентов
• Диплом по специальности

[Нетология] React: Библиотека №1 в современной фронтенд-разработке

Курс для программистов JavaScript, которые хотят расширить свои знания и решить более сложные задачи при разработке веб-сайта или приложения.

Школа: Нетология - университет интернет-профессий

Сайт: https://netology.ru/

Длительность: 2,5 месяца

Формат обучения: Онлайн-вебинары и практические задания.

Кому подойдет: для начинающих разработчиков и разработчиков на JavaScript

Программа:

Компоненты

Ознакомимся с компонентным подходом, позволяющим создавать сложные интерфейсы на основе композиции простых блоков.

Продвинутые техники, одностраничные приложения

Научимся организовывать сложные интерфейсы, используя композицию компонентов, интегрируемся с REST API.

Redux — управление состоянием

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

GIT — система контроля версий

Научитесь работать с системой Git и с сервисом GitHub.

Вы научитесь:

• Разбираться в Store, Actions, Reducers, Redux Thunk, Redux Observable, Redux Saga
• Создавать многостраничные приложения с React Router
• Работать с библиотекой React
• Интегрироваться с REST API

Особенности обучения:

• Задания на основе реальных проектов
• Диплом установленного образца
• Помощь в обучении от координатора и наставников
• Помощь с составлением резюме
• Трудоустройство или стажировка

Школа: Хекслет - школа программирования

Сайт: https://ru.hexlet.io/

Дата начала: В любое время

Длительность: 5 часов

Интенсивность: Обучение в свободном режиме

Формат обучения: Короткие лекции в виде текста или видео, тесты, упражнения.

Данный курс подойдет: JavaScript-разработчикам

Программа:

4 урока (видео и/или текст), 3 упражнения в тренажере, 19 проверочных тестов, дополнительные материалы

1. Введение
2. Redux
3. Редьюсеры
4. Мидлвары

Вы научитесь:

• Использовать Redux для хранения состояния приложения
• Использовать redux-forms для обработки форм
• Организовывать состояние в Redux
• Соединять Redux с React
• Строить асинхронную логику

Особенности обучения:

• Тренажер с практикой
• Бессрочный доступ к теории
• Асинхронный формат обучения
• Дополнительные материалы
• Доступ ко всем курсам платформы при оплате
• Есть отзывы на странице
• Помощь в «Обсуждениях»

[Яндекс.Практикум] Как стать React-разработчиком

В курсе React Developer, который длится три месяца, слушатели получают знания о том, как устроена экосистема React. Вам предстоит изучить теорию, поработать на симуляторе, написать собственное приложение и, при необходимости, поработать в командах над проектной задачей. Данный курс предназначен для тех, кто умеет верстать, знает основы HTML и имеет навыки программирования на JavaScript.

Школа: Яндекс.Практикум - сервис онлайн-образования в сфере IT

Сайт: https://practicum.yandex.ru/

Преподаватели: Специалисты Яндекса и Школы анализа данных.

Длительность: 3 месяца

Интенсивность: 80 часов в месяц

Формат обучения: Программа с теорией, практикой, постоянным общением и дополнительными материалами. Онлайн-тренажёр.

Для кого этот курс: Курс подойдёт тем, кто уже владеет основами веб-разработки и хочет освоить React и его экосистему.

Программа:

В основной программе — вся базовая теория для разработки современных приложений на React и TypeScript.

Бесплатное входное тестирование

Вам предстоит решить несколько задач по вёрстке

Погружение в React и Redux

В этом модуле вы изучите основы и инструментарий React. Научитесь работать с классовыми и функциональными компонентами и попрактикуетесь в их написании.

Ваши знания и навыки после обучения:

• Изучить востребованный на рынке стек
• Повысить вероятность трудоустройства
• Разобрать хорошие и плохие практики
• С нуля создать готовое к публикации приложение

Особенности обучения:

• Вступительное тестирование — бесплатно
• Особый формат
• Рассрочка
• Сертификат
• Помощь с трудоустройством

Школа: GeekBrains - образовательный портал от Mail.ru Group

Сайт: https://gb.ru/

Дата начала: В любое время

Длительность: 1 месяц

Интенсивность: 2-3 занятия в неделю

Формат обучения: Вебинары. Домашние задания без проверки.

Кому подойдет: Веб-разработчикам. Фронтенд-разработчикам. Фулстек-разработчикам.

Программа:

1. Знакомство с ReactJS. Первые компоненты
2. Жизненный цикл компонента
3. Virtual DOM. Material UI. PropTypes
4. Children. Роутинг в React
5. Контекст. Компоненты высшего порядка. Знакомство с Redux
6. Погружение в react-redux
7. Redux middlewares. Redux-persist.
8. Работа с API
9. Знакомство с Firebase
10. Тестирование и оптимизация приложений на React

Вы научитесь:

• Использовать концепцию Flux с применением библиотеки Redux
• Настраивать и применять роутинг в ReactJS-приложении
• Настраивать сборку приложения при помощи Webpack
• Применять на практике ES6
• Работать с библиотекой ReactJS
• Разбираться в реализации backend на примере использования NodeJS, ExpressJS и MongoDB

Особенности обучения:

• Воркшопы
• Диплом
• Дополнительные материалы
• Доступ к материалам навсегда
• Закрытая группа в мессенджере
• Курс от практикующих специалистов
• Портфолио
• Упор на практику

[OTUS] React.js Developer

Вы узнаете, как Webpack и Babel работают под капотом, освоите шаблоны функционального программирования и узнаете, как применять их в React.

Школа: OTUS - авторские курсы для IT-специалистов

Сайт: https://otus.ru/

Преподаватели: Игорь Звягин, Марат Минулин, Василий Ванчук

Длительность: 4 месяца

Интенсивность: 4 ак. часа в нед.

Формат обучения: Вебинары, общение с преподавателями и вашей группой в слаке курса, сдача домашних работ и обратная связь от преподавателя.

Кому подойдет: JavaScript-разработчикам. Backend-разработчикам. Начинающим React-разработчикам.

Программа:

Программа состоит из 5 модулей разделенных на несколько тем.

Модуль 1 Preface

1. Webpack + babel
2. Typescript (часть 1)
3. Установка и настройка React
4. Консультация
5. Консультация по проекту
6. JSX как основа ReactJS. Functional components
7. JSX + CSS
8. TDD + React
9. CI/CD GitHub actions

Модуль 2 React

1. Typescript (часть 2)
2. Components Lifecycle
3. React-hooks
4. Обзор React testing library
5. React hooks advanced
6. Основные концепты Redux и useReducer
7. Списки, события, формы
8. React patterns часть 1
9. React patterns часть 2
10. React router

Модуль 3 React + Redux

1. Основы функционального программирования
2. Redux middwares and side effects
3. Redux toolkit
4. React + redux пример приложения
5. JS Generators, введение в Redux-Saga
6. Redux-saga и интеграционное тестирование
7. Redux-saga примеры использования effects

Модуль 4 Процесс разработки приложения, HTTP, WebSockets, GraphQL

1. Процесс разработки React-приложения
2. Продвинутая конфигурация приложения
3. Test quality tools
4. HTTP and REST API
5. Потоки событий и WebSockets. WebWorkers и comlink для отложенной работы.
6. Обзор GraphQL

Модуль 5 Проектный модуль

1. Выбор темы и организация проектной работы
2. Консультация по проектам и домашним заданиям
3. Защита проектных работ

Вы научитесь:

• Как работает под капотом Webpack и Babel
• Научитесь их применять в React
• Освоите паттерны функционального программирования
• Писать чистый и лаконичный код с TypeScript
• Применять интеграционные и юнит-тесты
• Продвинутым возможностям Redux, Redux-Saga, Redux-thunk
• Работать в GraphQL, Apollo, Relay
• Создавать SPA-приложения

Особенности обучения:

• Диплом
• Дополнительные материалы
• Доступ к материалам
• Доступ к открытым вебинарам курса
• Закрытая группа в мессенджере
• Личный куратор
• Собеседования в компаниях-партнёрах при успешной учёбе

[LOFT] React.js. Разработка веб-приложений

Эта специальность для тех, кто уже имеет опыт и хочет углубиться в веб-разработку. Попробуйте максимально приблизиться к условиям работы в компании по разработке ИТ-приложений.

Школа: LOFT - школа онлайн обучения IT профессиям

Сайт: https://loftschool.com/

Преподаватели: Наставники Loft – практикующие эксперты в IT отрасли

Длительность: 2 месяца

Интенсивность: 3-4 занятия в неделю

Формат обучения: Вебинары. Записанные видеоуроки. Домашние задания с проверкой.

Для кого этот курс: Курс рассчитан на веб-разработчиков с опытом от 1 года.

Программа:

19 обучающих модулей, 100+ часов обучения.

Неделя 1 — Введение в React.js

• Знакомимся с командой
• Изучаем JSX и Virtual DOM
• Рассматриваем компонентный подход и способы передачи данных

Неделя 2 — Паттерны React.js, тестирование

• Изучаем компоненты, элементы и экземпляры класса
• Рассматриваем библиотеку Recompose
• Разбираемся в преимуществах тестов

Неделя 3 — Redux, роутинг

• Изучаем роутинг
• Знакомимся с библиотекой Redux
• Рассматривается middleware как способ работы с Sideeffect

Неделя 4 — Redux-saga

• Изучаем библиотеку Redux-saga
• Разбираем метод Take. Изучаем select, как способ получения данные из Store
• Рассматриваем способы стилизации React приложения

Неделя 5 — Формы, CI & DI & Client error handling

• Рассматриваем работу с формами
• Рассматриваем методы обеспечения качества production кода
• Изучаем набор полезных библиотек
• Рассматриваем TypeScript

Неделя 6 — Работа над проектом

• Доделываем приложение и отправляем на проверку

Вы узнаете как:

• Выбирать правильные инструменты для вашего стартапа
• Оптимизировать React.Js приложения
• Разделять работу с данными и представлением
• Разрабатывать SPA на React.Js
• Тестировать приложения
• Управлять потоками ваших данных

Особенности обучения:

• Быстрая обратная связь
• Воркшопы
• Гарантия возврата денег
• Диплом
• Дополнительные материалы
• Доступ к материалам навсегда
• Закрытая группа в мессенджере
• Курс от практикующих специалистов
• Курс по разработке сайта на CMS WordPress в подарок
• Работы для портфолио
• Упор на практику

[HTML Academy] React-разработчик

Курс React-разработки с изучением HTML, CSS JS и React.js для начинающих и работающих специалистов, которые хотят сменить профессию. Всего за несколько месяцев станете первоклассным специалистом с практическим опытом. Много заданий и гибкий график занятий.

Школа: HTML Academy - интерактивные онлайн-курсы

Сайт: https://htmlacademy.ru/

Длительность: 1 год и 2 месяца (Стандартный формат)

Интенсивность: 20 часов в неделю

Формат обучения: Вебинары 2 раза в неделю, выполнение практических заданий, работа над проектом с наставником.

Кому подойдет: Данный курс нацелен на новичков со знанием основ компьютерной грамотности.

Программа:

1. Подготовка к профессии
2. JavaScript. Профессиональная разработка веб-интерфейсов
3. JavaScript. Архитектура клиентских приложений
4. React. Разработка сложных клиентских приложений
5. Производство

Ваши навыки после обучения:

• HTML
• CSS
• JavaScript
• React

Особенности обучения:

• Высокая интенсивность
• Домашние задания
• Личный наставник
• Рассрочка
• Электронный сертификат
• Карьерные консультации

[Специалист] JavaScript. Уровень 7. Redux и react - router

Цель курса: дать представление о библиотеке Redux и ее взаимодействии с React, а также научить настраивать роутинг приложения с помощью компонентов.

Школа: Специалист - учебный центр при МГТУ им.Н.Э.Баумана

Сайт: https://www.specialist.ru

Длительность: 24 ак. ч.

Формат обучения: Очное или онлайн обучение.

Кому подойдет: Начинающим react-разработчикам, желающим изучить библиотеку Redux.

Программа:

1. Сторонние компоненты (4 ак. ч.)
2. Redux (8 ак. ч.)
3. Маршрутизация в React (4 ак. ч.)
4. Дополнительные возможности (2 ак. ч.)
5. Практическая работа (6 ак. ч.)

Чему научитесь:

• Настраивать маршруты в приложении
• Настраивать редукторы
• Работать с действиями
• Работать с компонентом
• Создавать единое хранилище приложения

Особенности обучения:

• Свидетельство, сертификат или удостоверение (в зависимости от программы обучения )

[Thinknetica] React для веб-разработчиков

Вы изучите основы и принципы устройства React, а также самые популярные решения в его экосистеме. Вы поймете, как следует и как не следует использовать React и другие библиотеки, поймете плюсы и минусы различных решений и научитесь применять лучшие практики и подходы.

Сайт: https://thinknetica.com

Автор: Эдуард Анцупов

Длительность: 9 недель

Интенсивность: Обучение в своем темпе

Формат обучения: Вебинары, теория, одомашнение задания с проверкой

Кому подойдет: Для веб-разработчиков, желающих научиться создавать современный фронтенд.

Программа:

14 видео-уроков с заданиями + вебинары с ответами на вопросы

1. Знакомство с React
2. Способы создания React-приложения
3. Стили в React-приложении
4. Свойства и состояние компонента
5. Stateful- и Stateless- компоненты
6. Жизненный цикл компонента
7. Встроенные и пользовательские хуки (React Hooks)
8. Тестирование с помощью Jest и React Testing Library
9. Взаимодействие с API
10. Роутинг в приложении (React Router), порталы (React Portals)
11. Обработка событий
12. Контекст и аутентификация
13. Способы создания форм
14. Production-сборка и Deployment
15. Факультатив. Redux

Чему научитесь:

• Изучите лучшие практики Frontend-разработки
• Освоите один из самых востребованных работодателями навык
• Повысите свою стоимость как разработчик
• Сможете работать в лучших компаниях
• Сможете создавать сложные SPA-приложения

Особенности обучения:

• Форум, чат, вебинары
• Интенсивная практика
• Наставники
• Сертификат
• Возможен возврат средств в течении 14 дней

[Трактор] Экспертный курс по React

Автор: Трактор

За 4 месяца вы пройдете все этапы работы с React: от основ — до реального рабочего приложения, которое вы создадите и протестируйте сами.

Школа: Трактор - школа программирования

Сайт: https://traktorschool.ru/

Наставники: Максим Иванов, Никита Кабардин

Дата начала: В любое время

Длительность: 4 месяца

Интенсивность: 5 часов в неделю

Формат обучения: Материалы записаны на видео, поддержка, проверка домашних заданий

Требования: Опыт программирования на JavaScript, HTML, CSS, знание git

Программа:

1. Введение в React
2. Деплой React приложений
3. Навигация
4. Формы
5. Общение с сервером
6. Работа со стейтом в Redux
7. Используем Redux-Toolkit
8. Стили
9. Авторизация
10. Безопасность
11. Серверный рендеринг
12. Бонусный модуль: Карьера разработчика

Особенности обучения:

• Доступ на год к сообществу: воркшопы, стримы, обмен опытом и общение с профессиональными разработчиками
• Discord-сообщество
• Воркшопы
• Помощь в составлении резюме

[Skill Branch] React в веб-разработке

В ходе курса вы разработаете 3 веб-приложения, освоите React и познакомитесь с его экосистемой — напишете свой первый тест для своего веб-приложения и создадите библиотеку пользовательского интерфейса. В дополнение к техническим навыкам приобретайте soft skills — опыт работы в команде и советы для успешного прохождения собеседования.

Сайт: https://skill-branch.ru

Преподаватель: Алексей Олейник

Длительность: 5 месяцев

Формат обучения: Интерактивная система пошагового обучения , тематический Telegram чат, поддержка менторов и сообщества

Программа:

1. Введение
2. Сложные концепции в JS
3. Подготовка рабочего места
4. React
5. Redux
6. Продвинутая работа с React, React Thunk
7. Маршрутизация. React Router
8. Вспомнить всё!
9. Jest
10. Пишем стили правильно. Styled-Components. Storybook.
11. Архитектура React приложений
12. Зачем писать код, если есть no-code
13. Как найти работу
14. Подводим итоги

Навыки после обучения:

• Умение применять широкий спектр технологий и библиотек
• Умение работы по Agile
• Умение работать с ТаскТрекерами
• Знание и умение работы с Git
• Владение культурой написания кода

Особенности обучения:

• 3 веб-приложения для портфолио
• 14 модулей с бессрочным доступом к записям в личном кабинете
• Актуальные инструменты
• Выпускной проект
• Сообщество для общения с коллегами, менторами и преподавателями
• Упор на юнит-тестах и проектировании веб-приложений
• Помощь в составлении резюме и поиске работы
• Сертификат, подтверждающий обучение в Skill-Branch

[beONmax] Курс React JS для начинающих + Redux

Автор: beONmax

Изучите самую популярную библиотеку на основе JavaScript — React.js со всеми необходимыми технологиями. Узнайте, как создавать полноценные веб-приложения. В процессе обучения будут проводиться различные практические задания и примеры, а также вы создадите несколько приложений с нуля.

Школа: beONmax - онлайн курсы программирования

Сайт: https://beonmax.com/

Преподаватель: Иван Петриченко

Дата начала: В любое время

Длительность: 14 часов

Формат обучения: Видеоуроки. Практические задания.

Кому подойдет: Курс подходит для тех, кто интересуется разработкой веб-приложений React JS. Требования для прохождения курса: базовые знания веб-разработки и HTML/CSS, знания языка программирования JavaScript.

Программа:

Программа включает видео уроки по изучению React JS.

1. Введение - О курсе React JS для начинающих + Redux
2. Библиотека React. Базовый уровень
3. Библиотека React. Средний уровень
4. React + Redux
5. Заключительная часть

Навыки после обучения:

• Изучим паттерны в React
• Как работают React-компоненты
• Как улучшить приложение при помощи стилей, препроцессоров, готовых компонентов
• Научимся работать с формами в React JS
• Освоим применение React + Redux
• Освоим тестирование и отладку кода в React
• Подходы к стилизации приложений
• Познакомимся с понятием маршрутизации
• Познакомимся с технологией React Context
• Познакомимся с хуками в React
• Свойства и состояния компонентов
• Соединим вместе React и Redux
• Узнаем что такое API, познакомимся с Fetch API

Особенности обучения:

• Много практики и примеров
• Сертификат

[Москодинг] React шаг за шагом

Этот курс рассчитан на людей имеющих базовые знания в JS и желающих развиваться дальше. Учащиеся начнут с пустого файла index.html и постепенно будут дополнять его кодом по мере того, как постепенно будут понимать основные принципы работы React. После прохождения курса выдается сертификат.

Школа: Москодинг - онлайн-курсы с поддержкой наставников

Сайт: https://moscoding.ru/

Преподаватели: Лиза Чуйко, Хаз Байкулов, Надя Королёва, Александр Пшеничников.

Дата начала: Старт в день оплаты

Интенсивность: Учеба в свободном темпе

Формат обучения: Видеоуроки, практические задания и проверочные тесты.

Кому подойдет: Программистам, работающим в команде. Разработчикам, желающим ускорить процесс разработки.

Программа:

1. Интро
2. Виртуальный DOM
3. JSX
4. Компоненты
5. Пропсы
6. Продвинутый JSX
7. Стейт
8. События

Вы узнаете как:

• Разрабатывать веб-приложения
• Использовать инструмент разработки
• Понимать компонентный подход
• Переводить JSX в обычные вызовы функций
• Совмещать лучшие фреймворки

Особенности обучения:

• Безлимитная поддержка личного наставника
• Пожизненный доступ к обновлениям курса
• Cертификат по почте об окончании курса
• Помощь и консультации по поиску работы

[Javascript.ru] Курс по React

На этом курсе вы шаг за шагом пройдете от знакомства с основными идеями до использования новейших инструментов и фреймворка React. Подробно изучите классическую архитектуру для React-приложений, а также научитесь создавать ее, используя современную и самую популярную реализацию — Redux.js.

Сайт: https://learn.javascript.ru

Преподаватель: Артём Сенюков

Длительность: около 1 месяца

Интенсивность: 2 раза в неделю

Формат обучения: Занятие проходит в формате вебинара. Домашние задания, обратная связь по ним. Чат.

Требования: Знание JavaScript, включая ООП, классы.

Программа курса:

Курс состоит из 4-х блоков

1. Знакомство с React, и его экосистемой
2. Построение приложений с React: Redux.js
3. React для SPA: react-router и продвинутые API Реакта
4. Куда развиваться дальше

Чему научитесь:

Курс посвящён профессиональной разработке веб-приложений

Особенности обучения:

• Возможен возврат денег
• Есть комментарии на странице

[ITVDN] React Developer

Данный курс предназначен для тех людей, которые хорошо владеют языком программирования JavaScript и хотят изучить набор инструментария для разработки высококачественных веб-приложений. Тем, у кого уже есть некоторый набор знаний и навыков работы с элементами react-стека разработчика, но они хотят его усовершенствовать.

Сайт: https://itvdn.com

Длительность: 4 месяца

Формат обучения: Видео уроки. Общение с ментором. Вебинары. Форум. Онлайн тестирование. Домашние задания после каждого урока.

Кому подойдет: Тем, кто хорошо владеет JavaScript. Тем, кто уже имеет определенный набор знаний и навыков по работе с элементами стека React.

Программа:

Видео курсы

• HTML5 и CSS3 Стартовый
• Верстка сайта на CSS Grid
• Верстка сайта на FlexBox CSS
• Bootstrap 4
• JavaScript Стартовый
• JavaScript Базовый
• ECMAScript 6
• JavaScript: Расширенные возможности
• React Базовый
• React Углубленный
• React Native
• Методологии управления проектами. Вступление в SCRUM
• Visual Studio 2019 Tips & Tricks
• Основы работы с Git

Записи бесплатных вебинаров

• React Native для начинающих
• React Native лучшие практики
• Разработка SPA на React, NodeJS, Express и MongoDB
• Как стать Full-Stack разработчиком
• React и Redux на примере реального приложения
• Roadmap React разработчика 2021
• Flutter в веб-разработке и создании мобильных приложений для Android и iOS
• Angular vs React vs Vue.js. Что выбрать в 2021
• React против jQuery на примере одного приложения
• Как разобраться в исходниках React.js

Навыки после обучения:

• Написание одностраничных приложений
• Настройка маршрутизации
• Отлавливание ошибок
• Применение для стилизации приложения Inline CSS и CSS модулей
• Проведение тестирования
• Работа с server-side рендерингом
• Работа с состояниями
• Улучшение производительности

Особенности обучения:

• Закрытый групповой чат
• Наставник
• Домашние задания (без проверки)
• Бонусная программа
• Сертификат

[Glo Academy] React.js

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

Школа: Glo Academy - школа веб-разработки

Сайт: https://glo.academy/

Длительность: 5 недель

Формат обучения: Записанные видеоуроки, поддержка, практика, домашние задания

Требования: Для изучения React вам нужно знать JavaScript

Программа:

20 уроков, 40 заданий, 3 проекта

• Знакомство с React
• React на практике, что необходимо знать для полноценного SPA
• Продвинутое использование React, работаем с Redux
• Дипломный проект

Особенности обучения:

• Обучение на практике
• Поддержка куратора
• Награда лучшим студентам
• Закрытое сообщество выпускников после обучения
• 3 полноценных работы в портфолио

React - интенсивный курс для программистов

Автор: Дмитрий Лаврик

Интенсивный курс для программистов от Дмитрия Лаврика. Вы поймете философию и дух компонентного подхода современных javascript-фреймворков, научитесь использовать React для решения практических задач.

Дата начала: В любое время

Длительность: 8 онлайн уроков

Формат обучения: Видеозаписи уроков, домашние задания, обратная связь от преподавателя, доступ в закрытую группу

Требования: Необходимо нормальное владение javascript, в том числе, понимание ООП, контекста, замыканий и стандарта ES6!

Программа:

Школа: Хекслет - школа программирования

Сайт: https://ru.hexlet.io/

Дата начала: В любое время

Длительность: 26 часов

Формат обучения: Короткие лекции в виде текста или видео, тесты, упражнения. Практические задания после завершения курса.

Кому подойдет: Данный курс подойдет JavaScript-программистам, знакомым с DOM API.

Программа:

22 урока (видео и/или текст), 20 упражнений в тренажере, 42 проверочных теста, дополнительные материалы

1. Введение
2. Компоненты
3. JSX
4. Props
5. Работа с коллекциями
6. Различия jsx и html
7. Обработка имён классов
8. Children
9. Состояние
10. События
11. Автоматное программирование
12. Формы
13. Неизменяемость
14. Вложенные компоненты
15. Функциональные компоненты
16. Контекст (Context API)
17. Virtual Dom
18. Тестирование
19. Асинхронная обработка
20. Жизненный цикл компонента
21. Производительность
22. Refs

Вы научитесь:

• Взаимодействовать с бекендом по API
• Грамотно организовывать состояние приложения
• Интегрировать React со сторонними библиотеками
• Создавать полноценные приложения на React

Особенности обучения:

• Тренажер с практикой
• Бессрочный доступ к теории
• Асинхронный формат обучения
• Дополнительные материалы
• Доступ ко всем курсам платформы при оплате
• Есть отзывы на странице
• Помощь в «Обсуждениях»

Школа: HTML Academy - интерактивные онлайн-курсы

Сайт: https://htmlacademy.ru/

Наставники: Опытные профессионалы работающие в индустрии

Длительность: 2 месяца

Интенсивность: 15-20 часов в неделю

Формат обучения: Теория, домашние задания, наставник проверяет качество выполнения заданий, наставник

Предварительная подготовка: Базовые навыки работы с JavaScript

Программа:

1. Знакомство с TypeScript
2. React
3. Маршрутизация (React Router)
4. React-компоненты. Hooks
5. React и паттерны
6. Управление состоянием. Redux
7. Асинхронность в Redux
8. Оптимизация производительности
9. Тестирование React
10. Первая неделя защиты
11. Вторая неделя защиты
12. Третья неделя защиты
13. Финал
14. Четвёртая неделя защиты

Особенности обучения:

• Актуальные стандарты качества
• Во время курса вас будет сопровождать наставник
• Прямые эфиры, на которых преподаватели разбирают сложные моменты
• Голосовые консультации
• Электронный сертификат

[ITVDN] React 0.14 Базовый

Компонентный подход, возможность повторного использования кода и легкость модификации существующих компонентов делают разработку с помощью React быстрой и простой. Успешно пройдя этот курс, вы убедитесь в этом сами. Автор предоставляет всю необходимую теоретическую информацию вместе с простыми для понимания практическими примерами, которые дадут вам максимальное понимание учебного материала.

Сайт: https://itvdn.com

Дата начала: В любое время

Длительность: 5 ч 7 м

Формат обучения: Видеокурс

План курса:

7 уроков

1. Что такое React?
2. DOM-дерево
3. Как скачать библиотеку React
4. Как подключить библиотеку React
5. JSX
6. Как поместить компонент в DOM-дерево
7. Параметры компонентов
8. Компоненты в React
9. Написание списка контактов на React
10. События в React
11. Подведение итогов

Чему научитесь:

• Вы узнаете, как работает виртуальный DOM
• Что такое React-компонент
• Научитесь обрабатывать события
• Напишете простое React-приложение

Бесплатные курсы

[LOFT] React I

В этом видеокурсе вы получите базовые знания по React: JSX, State, Props, события, рендеринг, компоненты. Курс для тех, кто уже знаком с основами JavaScript.

Школа: LOFT - школа онлайн обучения IT профессиям

Сайт: https://loftschool.com/

Преподаватели: Максим Иванов

Дата начала: В любое время

Длительность: 42 минуты видео

Интенсивность: Обучение в свободном режиме

Формат обучения: Видеоуроки в записи.

Для кого этот курс: JavaScript разработчиков

Программа:

10 видеоуроков продолжительностью 42:00

1. Что такое React
2. Virtual DOM
3. JSX
4. Рендеринг с условиями
5. Работа со списками
6. Компоненты
7. Props
8. State
9. События
10. React Devtools

Что вы освоите: базовые знания по React: JSX, State, Props, события, рендеринг, компоненты

[itProger] React JS приложение

Автор: Гоша Дударь

Курс способствует развитию в профессиях программистов и разработчиков. В ходе обучения студенты научатся работать с React JS на практике, работать с API, а также создавать полноценные веб-приложения.

Школа: itProger - онлайн-школа IT профессий

Сайт: https://itproger.com/

Дата начала: В любое время

Интенсивность: Обучение в свободном режиме

Формат обучения: Видеолекции с практическими заданиями и тестированием.

Для кого этот курс: JavaScript разработчиков

Программа:

1. Создание погодного приложения
2. Работа с компонентами
3. Работа с API (получение данных про погоду)
4. Создание формы и работа со свойствами
5. Вывод погодной информации в компоненте
6. Вывод ошибки и оптимизация кода
7. Добавление стилей и завершение

Чему научитесь:

• Использовать API
• Обрабатывать различные запросы и данные
• Получать данные через API
• Работать с React JS на практике
• Разрабатывать приложения с дизайном и функциями
• Создавать веб приложения на React

Особенности обучения:

• Консультации
• Тесты и практика

[YouTube] Основы React.JS

Автор: JavaScript.ru

Вам предстоит познакомиться с основными принципами работы, а также узнать о том, как работает React.js. Рассмотрим ряд подводных камней, на которые часто наступают начинающие React-разработчики. Рассмотрим, как создавать компоненты в React и как их использовать Reactjs.

Дата начала: В любое время

Интенсивность: Обучение в свободном режиме

Формат обучения: Видеокурс

Данный курс подойдет: JavaScript разработчикам

Программа:

12 уроков продолжительностью до 10 минут

1. Введение, компонентный подход
2. Настройка окружения, create-react-app
3. JSX - синтаксис для разметки в React.js
4. React-компонент, передача данных
5. Интерактивность, состояние компонентов
6. Virtual DOM - основной алгоритм React.js
7. Отображение массивов, смысл атрибута key
8. Оформление компонентов, работа с CSS
9. Жизненный цикл React-компонентов
10. Оптимизация приложений, shouldComponentUpdate
11. Отладка React-приложений
12. Обратный поток данных, подъём состояния

[Академия IT] React

React — бесплатный и доступный онлайн-курс. Пройдя этот курс, вы сделаете первый шаг к серьезному обучению и сможете четко определить свои интересы. Курсы доступны после регистрации.

Школа: Академия IT - бесплатная онлайн академия

Сайт: https://academiait.ru/

Автор: CodeBurger

Дата начала: В любое время

Интенсивность: Свободный график

Кому подойдет: Для JavaScript-разработчиков

Программа:

12 уроков

1. Введение
2. Настройка окружения
3. Компоненты и элементы
4. Свойства компонентов
5. Условный рендеринг
6. Состояние компонентов
7. Жизненные циклы компонентов
8. Списки и ключи
9. Формы
10. Контекст
11. Компоненты высшего порядка
12. Redux

[YouTube] React JS фундаментальный курс от А до Я

Автор: Ulbi TV

Полный курс от А до Я. Рассмотрены основные концепции. Разработаете функционал, который встречается в каждом приложении.

Дата начала: В любое время

Длительность: 3 ч видео

Интенсивность: Свободный график

Программа:

[YouTube] Курс "React JS - путь самурая 1.0", уроки, практика

Автор: IT-KAMASUTRA

В рамках этого плейлиста вы сделаете большой проект с использованием библиотек React и Redux. В каждом видео автор будет не просто писать код, а подробно объяснять, что происходит. Это не просто курс, это ваш путеводитель по поиску работы. Более 100 видеоуроков.

Дата начала: В любое время

Интенсивность: Свободный график