4.8 из 5
4.8
264 отзыва на Udemy

React с нуля для начинающих. +3 проекта в портфолио!

React 17 от азов до создания полноценного SPA-приложения - с роутингом и продвинутым управлением состоянием.
Инструктор:
Михаил Непомнящий
920 студентов зачислены
React 17
Классовые и функциональные компоненты
Управляемые и неуправляемые компоненты
Хуки
Работа с состоянием приложения
Работа с жизненным циклом приложения
JSX
Создание SPA (single page application) с react-router

Frontend-разработка – одна из самых популярных и востребованных профессий современности. Интересная и увлекательная. А React – самый популярный ее инструмент, разработанный компанией Facebook. На React сделаны Instagram, Facebook, Twitter, AirBnb, PayPal, Uber, Netflix, Vkontakte, Vimeo, Trello, сервисы Яндекса, сам проект курсов Udemy и много-много других крупных продуктов.

Курс “React с нуля для начинающих” позволит не только освоить азы данного инструмента, но и получить современные продвинутые техники его использования. В курсе используется актуальная версия React 17.

*** ЧТО ВКЛЮЧЕНО В КУРС? ***

  • 3 полноценных разноплановых проекта, которые можно как добавить себе в портфолио, так и сделать на базе них свои собственные уникальные проекты

  • Базовые навыки по работе с React – создание простых компонентов, управление состоянием приложения и его жизненным циклом

  • Продвинутые навыки по работе с React – современные техники, позволяющие добиваться хороших результатов

  • Создание single page application – популярных SPA-приложений за счет “магии”, позволяющей посетителям сайта переходить между страницами без полной перезагрузки в браузере

  • Разбор ВСЕХ доступных хуков и создание собственных – встроенных методов, которые изменили представление о работе с React-приложениями

  • Публикация проектов онлайн – через популярный и бесплатный сервис GitHub Pages

Почему это именно тот курс, который даст результат?

Меня зовут Михаил Непомнящий и я профессиональный веб-разработчик. Я работаю с React каждый день и решаю с его помощью задачи самого разного уровня сложности.

При этом я также профессиональный преподаватель и обучаю людей веб-разработке с 2016 года. А курсы по React также провожу в учебном центре “Специалист” в Москве.

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

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

РЕСУРСЫ КУРСА

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

  • Качайте и смотрите где угодно! Все видео скачиваемы в мобильных приложениях Udemy.

  • Я подготовил для вас материалы для скачивания к самым сложным блокам курса. Скачивайте код и используйте для самопроверки!

  • Ответы на вопросы – спрашивайте сами и читайте ответы на вопросы других пользователей к урокам. Прокачивайте свои навыки!

Для кого этот курс

  • Для тех, кто хочет изучить самый популярный frontend фреймворк и подготовить портфолио

  • Для тех, кто пробовал сам изучать React, но по какой-либо причине не справился и хочет закрыть пробелы

  • Для тех, кто хочет углубиться в веб-разработку и взять лучшее из современных практик

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

  • Для тех, кто хочет получить актуальные навыки и стать более востребованным на рынке веб-разработки

Введение

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

React с JSX и без

1
Библиотеки React и ReactDOM
2
Простое приложение на чистом React
3
Преобразование приложения в JSX
4
Преобразование компонента в JSX
5
Разбор задания по преобразованию компонента в JSX
6
Особенности JSX
7
Разделение приложения на модули
8
Условная отрисовка
9
Пример с прелоадером

Классовые React-компоненты

1
Разбор составляющих базового React-шаблона
2
Понятие React-компонента
3
Состояние компонента и управление им
4
Нюансы создания методов в классовых компонентах
5
Создание полноценного кликера
6
Разбор практики с кликером
7
Понятие жизненного цикла React-компонента
8
Задание на создание таймера: что надо сделать
9
Создание таймера
10
Разбор практики по созданию таймера
11
Работа с коллекциями и атрибутом key
12
Однонаправленный поток данных и состояния
13
Задание на обновление состояния через дочерние компоненты: что надо сделать
14
Обновление состояния через дочерние компоненты
15
Разбор практики по обновлению состояния через дочерние компоненты
16
Отличие классовых компонентов от функциональных в классическом понимании

Работа с формами в React

1
Управляемые компоненты - принцип единой ответственности
2
Валидация значений формы
3
Элементы checkbox, radio button, select, textarea
4
Задание на создание формы подписки: что надо сделать
5
Создание формы подписки с валидацией
6
Решение практики по созданию формы подписки
7
Использование рефов и управление фокусом
8
Неуправляемые компоненты

Проект "Фильмы"

1
Обзор проекта "Фильмы". Постановка задачи
2
Подготовка проекта, создание шапки и подвала
3
Знакомство с API базой фильмов
4
Задание на создание общего списка фильмов
5
Создание общего списка фильмов
6
Решение практики по созданию общего списка фильмов
7
Добавление строки поиска
8
Реализация поиска фильмов
9
Решение практики по реализации поиска фильмов
10
Задание на добавление фильтрации по категории: что надо сделать
11
Добавление фильтрации по категориям
12
Решении практики по добавлению фильтрации по категориям
13
Обработка неудачного поиска
14
Безопасное хранение ключа API
15
Сборка приложения и выгрузка на продакшн

Функциональные React-компоненты

1
Работа с состоянием в функциональном компоненте
2
Кликер в функциональном компоненте
3
Решение практики по созданию кликера через функциональный компонент
4
Управление жизненным циклом через функциональный компонент
5
Использование рефов в функциональном компоненте
6
Рефакторинг таймера на функциональный компонент
7
Решение практики по рефакторингу таймера в функциональный компонент
8
Рефакторинг проекта с фильмами, часть 1
9
Рефакторинг проекта с фильмами, часть 2

Хуки подробно

1
useState
2
useEffect
3
useContext
4
useLayoutEffect
5
useCallback, useMemo
6
useImperativeHandle
7
useReducer
8
Пользовательские хуки
9
Правила использования хуков
10
Рефакторинг таймера с использованием useReducer

Проект "Витрина"

1
Презентация проекта
2
Обзор API, что доступно, как использовать
3
Подготовка проекта, шапка и футер
4
Вывод списка товаров
5
Состояние заказа, иконка корзины
6
Функция добавления товара в заказ
7
Решение: функция добавления товара в заказ
8
Создание корзины, пересчет суммы заказа в корзине
9
Функция удаления товара из корзины
10
Изменение количества товара в корзине
11
Решение: Изменение количества товара в корзине
12
Добавление подсказки о добавлении товара
13
Публикация проекта на GitHub Pages

Продвинутое управление состоянием приложения

1
Концепция использования Context API и useReducer вместо пропсов
2
Создание контекста с провайдером
3
Создание редюсера, добавление первых кейсов
4
Доработка редьюсера и методов в контексте
5
Решение: Доработка редьюсера и методов в контексте
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
c9200d3c188f13280d13759d864c9c73
3-дневная гарантия возврата денег

Включает

12 часов видео по запросу
3 статьи
Полный пожизненный доступ
Доступ с мобильного и ТВ
Сертификат об окончании
React с нуля для начинающих. +3 проекта в портфолио!
Цена:
0,12 ₽ 15,990 ₽