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

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

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

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

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

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

Зарплата

Зарплата React-специалиста в России.

ЗарплатаКол-во вакансий
от 125 000 руб. 1 374
от 220 000 руб. 816
от 315 000 руб. 401
от 410 000 руб. 157
от 505 000 руб. 55

Навыки

ТОП 20 навыков React-специалиста, которые чаще всего требуются при приеме на работу.

TypeScript
Git
HTML
CSS
Английский язык
Redux
React Native
Node.js
GraphQL
Webpack
REST
PostgreSQL
Docker
MobX
Android
Linux
Frontend
MongoDB
Sass
Atlassian Jira
0113226
Показать все
По данным: https://hh.ru/

На этом курсе вы изучите React.js – один из популярнейших фреймворков для создания сайтов или приложений.

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

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

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

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

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

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

Стоимость: 2 214 ₽/мес

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

Кому подойдет: практикующим 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 месяца

Стоимость: 21 000 ₽ / курс

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

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

Программа:

Компоненты

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

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

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

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

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

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

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

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

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

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

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

Курс позволят JavaScript-разработчику освоить практические навыки работы с библиотеками Redux Actions, Reselect, Redux Forms, React.

JS: Redux (React)

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

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

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

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

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

Стоимость: 3 900 ₽ в месяц

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

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

Программа:

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

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

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

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

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

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

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

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

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

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

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

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

Стоимость: 51 000 ₽ / курс

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

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

Программа:

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

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

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

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

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

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

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

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

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

Это отличный курс для тех, кто знаком с созданием статических веб-страниц, работал с JavaScript и теперь хочет улучшить свои навыки разработки интерфейса. Обучение проводится на фреймворке React. Студенты узнают, как кодировать клиентскую часть веб-сайта и тестировать работу веб-приложения. Сможете применять полученные навыки в проектах с различной нагрузкой. Обучение полезно для широкого круга разработчиков.

ReactJS. Базовый курс

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

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

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

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

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

Стоимость: 11 970 ₽ / курс

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

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

Программа:

  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

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

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

Вы узнаете, как 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-приложения

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

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

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

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

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

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

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

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

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

Стоимость: от 2 375 руб./мес

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

Для кого этот курс: Курс рассчитан на веб-разработчиков с опытом от 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 в подарок
  • Работы для портфолио
  • Упор на практику

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

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

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

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

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

Стоимость: 8 550 ₽ в месяц

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

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

Программа:

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

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

  • HTML
  • CSS
  • JavaScript
  • React

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

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

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

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

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

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

Стоимость: 22 490 ₽

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

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

Программа:

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

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

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

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

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

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

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

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

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

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

Стоимость: 27 900 руб.

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

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

Программа:

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 дней

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

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

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

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

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

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

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

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

Стоимость: 36 000 руб.

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

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

Программа:

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

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

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

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

Сайтhttps://skill-branch.ru/
ПреподавательАлексей Олейник
Длительность5 месяцев
Стоимость44 000 ₽

Формат обучения: Интерактивная система пошагового обучения , тематический 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

Изучите самую популярную библиотеку на основе 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

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

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

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

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

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

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

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

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

Стоимость: 3 750  / мес

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

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

Программа:

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

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

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

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

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

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

Сайтhttps://learn.javascript.ru/
ПреподавательАртём Сенюков
Длительностьоколо 1 месяца
Интенсивность2 раза в неделю
Стоимость19000 ₽
ТребованияЗнание JavaScript, включая ООП, классы.

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

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

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

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

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

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

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

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

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

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

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

Стоимость: 30.00 USD

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

Кому подойдет: Тем, кто хорошо владеет 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 рендерингом
  • Работа с состояниями
  • Улучшение производительности

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

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

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

ШколаGlo Academy - школа веб-разработки
Сайтhttps://glo.academy/
Длительность5 недель
Стоимость10 990 руб.
Формат обученияЗаписанные видеоуроки, поддержка, практика, домашние задания
ТребованияДля изучения React вам нужно знать JavaScript

Программа:

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

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

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

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

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

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

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

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

Стоимость: 9 800 руб.

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

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

Программа:

Урок 1
  1. Простая сборка с webpack
  2. Основы компонентного подхода
  3. Понимание JSX
  4. Функциональные компоненты vs классы
  5. Классический React vs функции + хуки
  6. Изменение состояния и иммутабельность
Урок 2
  1. JSX и ветвления при рендеринге
  2. Рендеринг элементов в цикле
  3. Нюансы атрибута key
  4. Понимание основных хуков
  5. useState, useEffect, useRef
  6. Создание своих хуков
Урок 3
  1. Взаимодействие между компонентами
  2. Однонаправленный поток данных
  3. Обработка событий
  4. Модульный CSS vs CSS in JS
  5. Работа с формами
Урок 4
  1. Children - передача контента в компонент
  2. Проблемы большой иерархии компонентов
  3. Идеи хука useContext
  4. Идеи единого склада данных
  5. Состояние и хук useReducer
Урок 5
  1. Управление состоянием приложения
  2. Централизованный склад данных
  3. Понимание flux-архитектуры
  4. Redux, который бесит новичков
  5. Основы работы с Mobx
Урок 6
  1. Организация работы с Mobx
  2. Модули и rootStore
  3. Основы React Router
  4. Api History
  5. Создание небольшого SPA
Урок 7
  1. Общение с серверным API
  2. Fetch и промисы
  3. Обработка ошибок
  4. Подключение полифилов
  5. Построение архитектуры приложения
Урок 8
  1. Доработка SPA
  2. Применение изученных тем
  3. Сборка в production
  4. Перенос SPA на сервер
  5. План дальнейшего развития

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

JS: React

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

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

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

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

Стоимость: 3 900 ₽ в месяц

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

Кому подойдет: Данный курс подойдет 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

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

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

В этом курсе вы научитесь делать проекты такого же уровня сложности и качества, как и в индустрии. Для достижения этого используется профессиональная триада «критерии-проекты-наставники». Ваши проекты проверяются на соответствие критериям качества наставниками, которые являются профессиональными разработчиками.

React. Разработка сложных клиентских приложений

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

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

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

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

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

Стоимость: 3 900 ₽ в месяц

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

Предварительная подготовка: Базовые навыки работы с 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. Четвёртая неделя защиты

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

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

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

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

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

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

Стоимость: 9.99 USD за 30 дней доступа

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

План курса:

7 уроков

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

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

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

В этом видеокурсе вы получите базовые знания по 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, события, рендеринг, компоненты


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

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

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

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

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

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

Стоимость: Бесплатно

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

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

Программа:

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

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

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

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

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

Автор: 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. Обратный поток данных, подъём состояния

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

ШколаАкадемия IT - бесплатная онлайн академия
Сайтhttps://academiait.ru/
АвторCodeBurger
Дата началаВ любое время
ИнтенсивностьСвободный график
СтоимостьБесплатно
Кому подойдетДля JavaScript-разработчиков

Программа:

12 уроков

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

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

Автор: Ulbi TV

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

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

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

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

Программа:

Показать программу
  • Введение
  • Теория
  • Начало разработки. Создание проекта
  • Что такое JSX?
  • Компонент App. Работа с состоянием. UseState
  • Управляемый инпут
  • Первый функциональный компонент
  • Первый классовый компонент
  • Что такое хуки? useState, useEffect
  • Стили. CSS. Классы
  • Props. Аргументы компонента.
  • Работы со списками. Преобразование массива объектов в массив React элементов
  • Форма создания поста. Управляемые и неуправляемые компоненты
  • Создание UI библиотеки. Первые компоненты. CSS модули. Пропс children
  • Предотвращаем обновление страницы при submit формы
  • хук useRef. Доступ к DOM элементу. Неуправляемый компонент
  • React Devtools. Инструменты разработчика React
  • Обмен данными между компонентами. От родителя к ребенку. От ребенка к родителю.
  • Отрисовка по условию
  • Сортировка. Выпадающий список
  • Поиск. Фильтрация.
  • useMemo. Мемоизация. Кеширование
  • Модальное окно. Переиспользуемый UI компонент
  • Анимации. React transition group
  • Декомпозиция. Кастомные хуки
  • Работа с сервером. Axios
  • Жизненный цикл компонента. useEffect
  • API. PostService
  • Индикация загрузки данных с сервера
  • Компонент Loader. Анимации
  • Кастомный хук useFetching(). Обработка ошибок
  • Постраничный вывод. Пагинация (pagination)
  • Объяснение механизма изменения состояния
  • React router. Постраничная навигация. BrowserRouter, Route, Switch, Redirect
  • Динамическая навигация. useHistory, useParams
  • Загрузка комментариев к посту
  • Улучшаем навигацию. Приватные и публичные маршруты
  • useContext. Глобальные данные. Авторизация пользователя
  • Бесконечная лента. Динамическая пагинация. useObserver
  • План на дальнейшее обучение. Ставим лайки и пишем комментарии

Автор: IT-KAMASUTRA

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

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

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

Стоимость: Бесплатно


Другие курсы по веб-разработке в рамках которых изучают React

Веб-разработчик от sky.pro – общий курс по веб-разработке. Реакт изучают на 5 курсе. На его изучение отведено 10 недель, 100 часов. В рамках этого курса вы с нуля создадите SPA-приложение — билетный портал с продажей билетов и интерфейсом билетного контролера, который с телефона может проверить QR-код на билете.

Профессия Fullstack-разработчик на JavaScript от skillbox.ru – обширный полный курс по веб-разработке. Кроме установленных в программе курсов, есть возможность выбора одного из трех курсов на выбор, один из которых это изучение React.js.

JavaScript: Новый Уровень от wayup.in – курс изучения JavaScript. Изучение React начинается в блоке 12. 7 занятий.

НайтиКурс.Ру
Добавить комментарий