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

5Premium-PLUS

Изучите самую популярную библиотеку на основе JavaScript - React.js со всеми необходимыми технологиями (в том числе и Redux)! Научитесь создавать полноценные web-приложения.
В процессе обучения будет много практики и примеров, а также вы создадите как минимум 3-4 приложения с нуля с применением React JS.

Начать обучение Регистрация

О курсе - Чему Вы научитесь?

React - это библиотека на основе языка программирования JavaScript, которая была разработана компанией Facebook для того, чтобы упростить создание пользовательских интерфейсов.
Библиотека React служит для того, чтобы создавать веб-приложения, которые будут работать в браузере очень быстро. React JS является самой популярной из всех JS-технологий и большинство вакансий включает умение работать с этой библиотекой. React заметно «упрощает жизнь» веб-разработчику и делает процесс создания сайта в несколько раз быстрее, проще, и легким для дальнейшей доработки и развития.

В курсе Вы получите и теорию, как работает библиотека, и практику. Напишем, как минимум 3-4 приложения с использованием React.js + Redux.

Изучив компоненты React вы откроете для себя новые горизонты web-разработки!

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

  • Познакомимся и настроим плагин ESLint
  • Вспомним основные фичи ES6. Стандарты ES6-8. Классы в ES6 стандарте
  • Синтаксис React. Модульные структуры
  • Что такое препроцессор JSX, как правильно его использовать
  • Свойства и состояния компонентов. События в React
  • Рассмотрим различные подходы к стилизации приложений. Как улучшить приложение при помощи стилей, препроцессоров, готовых компонентов и др. полезных технологий
  • Научимся работать с формами в React JS
  • Серверная сторона приложения. Узнаем что такое API, познакомимся с Fetch API
  • Как работают React-компоненты в реальных приложениях, жизненный цикл
  • Изучим паттерны в React
  • Познакомимся с понятием маршрутизации и поработаем с библиотекой React Router
  • Познакомимся с хуками в React
  • Узнаем что такое Redux. Соединим вместе React и Redux
  • Познакомимся с технологией React Context
  • Освоим применение React + Redux на реальных приложениях
  • Поговорим про Json-server
  • Освоим тестирование и отладку кода в React. UI тесты
В курсе очень много практики и примеров. Много домашних заданий практического характера. Тренироваться будем на приложениях и шаг за шагом будем создавать реальные приложения. К концу курса вы создадите, как минимум, 3-4 приложения на основе React.

  • Начнем изучение React JS с абсолютного нуля (по Реакт). Посмотрим, что такое библиотека, из чего она состоит, как она собирается и т.д.
  • Изучим всё, что необходимо для сборки полноценных web-приложений, которые работают с сервером и без сервера, с маршрутизацией и т.п.
  • И добавим дополнительные технологии, в частности, Redux - очень часто встречается, как в дополнительных проектах, так и в требованиях к вакансиям.

Требования для прохождения курса
  • Базовые знания веб-разработки и HTML/CSS
  • Знания языка программирования JavaScript
Прежде чем углубляться в изучение библиотеки React, лучше сначала разобраться как следует с базовыми технологиями - рекомендуем изучить наши курсы:
ВЕБ-разработчик - с нуля до результата!
Верстальщик - HTML, CSS, Bootstrap, JavaScript
JavaScript - полный курс с нуля до результата!

Начать обучение

Получите +4 проекта в личное портфолио

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

Начать обучение

План курса

Программа обучения включает видео уроки по изучению React JS для начинающих. Благодаря практическим заданиям и примерам, Вы сможете закрепить полученные знания по использованию ReactJS + Redux на практике.

развернуть все

свернуть все

Введение - О курсе React JS для начинающих + Redux
1. Библиотека React. Базовый уровень
  • 1.1 Как работать с ESLint07:43
  • 1.2 Знакомимся с React.js Стандарты ES6-846:31
  • 1.3 Практическое домашнее задание04:05
  • 1.4 Модульная структура, зачем она нужна в React. Собираем проект31:40
  • 1.5 Препроцессор JSX | Теория23:43
  • 1.6 Препроцессор JSX | Практика31:01
  • 1.7 Практическое домашнее задание02:07
  • 1.8 Свойства и состояния компонентов. События в React | Теория23:59
  • 1.9 Свойства и состояния компонентов. События в React | Практика32:40
  • 1.10 Подключаем стили и знакомимся с styled-components | Теория31:03
  • 1.11 Практика. Создаем собственные события и работаем с иммутабильностью26:33
  • 1.12 Работа с формами в React58:39
2. Библиотека React. Средний уровень
  • 2.1 Начинаем работать с сервером. Fetch API34:10
  • 2.2 Продолжаем работать с сервером. Работа с API45:30
  • 2.3 Практическое домашнее задание02:19
  • 2.4 Жизненный цикл компонентов41:53
  • 2.5 Паттерны React43:29
  • 2.6 Навигация в приложении с помощью React Router30:15
  • 2.7 Дополнительно: Свойства по умолчанию16:03
  • 2.8 Дополнительно: Компоненты высшего порядка11:49
  • 2.9 Хуки в React32:37
3. React + Redux
  • 3.1 Основные принципы Redux31:10
  • 3.2 Дополнительно: Знакомимся с Figma для домашнего задания07:13
  • 3.3 Соединяем React и Redux40:22
  • 3.4 React Context16:05
  • 3.5 Начинаем создавать новое приложение React + Redux23:29
  • 3.6 Json-server и домашнее задание03:53
  • 3.7 Работа с React - redux приложением. Организация работы с сервером34:00
  • 3.8 Работа с React - redux приложением. События24:37
  • 3.9 Бонус-урок. Тестирование и отладка кода в React. Пишем UI тесты50:55
4. Заключительная часть
  • 4.1 Эпилог01:36
Завершение курса - Получение Сертификата

Начать обучение

Студенты также изучают

online_course
new
5
  • 30 видео
  • 8 часов
online_course
new
5
  • 94 видео
  • 13 часов
online_course
new
5
  • 48 видео
  • 19 часов
online_course
4.7
  • 10 видео
  • 21 заданий
  • 1 час
online_course
new
5
  • 65 видео
  • 24 часа
online_course
new
5
  • 97 видео
  • 34 часа

Отзывы студентов о курсе

Мы собрали отзывы учеников, прошедших онлайн курс. Оставьте свой отзыв после прохождения Курса React JS для начинающих + Redux.

Илья Гайворонский

Всё понравилось

Александр Казимиров

Курс очень информативный и полный, материала реально очень много и чтобы его изучить полностью, нужно прорабатывать все обязательно самому. Немного не хватает объяснения нюансов и какого то итогового конспекта, достаточно быстро идет объяснение. Спасибо Ивану, он лучший на этом ресурсе!!!

Dmytro Urazovskyi

Все подробно и понятно! Спасибо!!!

Столбовий Євген

Крутой курс спасибо

Валерий Беленко

Очень понравился курс. понятно и наглядно

Снежана Ашанина

Хороший курс, дает понимание базовых вещей в React, Redux

Sergey Melnikov

Отлично!!! Great!!!

Евгений Шевцов

Спасибо за курс. Мне понравилось! Очень доходчиво! Благодарен создателям курса!

Константин Мирошин

Очень интересный курс, но всё же трудный, потому что Реакт это трудно....)))

Artem Puryshev

Хороший курс! Советую!!!

Начать обучение

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

Course Author
Иван Петриченко

О преподавателе курса

  • Практикующий frontend-разработчик и консультант
  • Более 10 лет профессионально занимается frontend-разработкой и создает сайты "под ключ". Обучает этому взрослых и детей, организовывает и проводит мероприятия. Проводит консалтинг и аудит сайтов.

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

Я фрилансер и очень люблю путешествовать и выступать на различных конференциях."

Всего заданий: 32

Видеоуроки: 28

Практические задания: 4


Продолжительность: ~14 часов