udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продолжительность
18 ч 23 мин
Категория
React.jsКоличество уроков
142 Видео
Дата добавления
7 янв. 2020 г., 20:05
Язык
Русский
Дата выхода
18 дек. 2019 г., 00:00
Дата обновления
29 апр. 2026 г., 06:19
React JS — один из важнейших инструментов современного фронтенда. В этом практическом курсе вы пройдёте путь от полного нуля до создания полноценного, динамического и адаптивного SPA‑приложения. Материал подаётся последовательно и доступно, а обилие практики поможет уверенно закрепить знания на реальных примерах.
Что вас ждёт в курсе
Фундаментальная база
Вы получите полное теоретическое понимание React, включая ключевые концепции, работу компонентов, жизненные циклы, хуки, JSX и организацию архитектуры приложения. Этот раздел станет вашим справочником, к которому легко возвращаться при работе над любыми проектами.
Практика на реальном проекте
В практической части вы создадите с нуля современное Serverless SPA‑приложение на React с Material Design и Firebase. Такой стек — один из главных трендов, применяемый в реальных коммерческих проектах.
Опыт разработки в реальных условиях
Вы будете работать над задачами, аналогичными тем, с которыми сталкиваются Frontend‑разработчики в компаниях и стартапах: архитектура, взаимодействие с сервером, state‑менеджмент, оптимизация UI.
Чему вы научитесь
- Создавать полноценные React‑приложения — шаг за шагом вместе с преподавателем вы соберёте рабочее SPA, изучите построение компонентов, обработку данных и взаимодействие с сервером Firebase.
- Разрабатывать мобильные приложения — разберётесь с React Native и узнаете, как переиспользовать код для веба и мобильных платформ.
- Работать в стартапах и коммерческих проектах — освоите востребованный стек, позволяющий быстро разрабатывать MVP‑продукты.
- Закрывать полный цикл Frontend‑разработки — проектирование, работа с данными, тестирование, оптимизация, адаптивность и поддержка.
Итоговый проект
Вы создадите React‑приложение для создания и прохождения тестов. Оно включает две части:
- Администраторскую — создание тестов, вопросов и вариантов ответов;
- Пользовательскую — выбор теста, прохождение и взаимодействие с UI.
Этот проект показывает, как совмещать все изученные технологии, и может быть расширен под любые бизнес‑задачи.
Для кого подойдёт курс
Новичкам
Пошаговое обучение с нуля, грамотное объяснение и структурированный подход помогут быстро войти в профессию.
Опытным разработчикам
Вы усвоите самые актуальные практики React, хуки, оптимизацию производительности и подходы к построению архитектуры.
Фрилансерам
Освоив React, вы сможете брать более дорогие и востребованные заказы, значительно ускорив разработку.
Тем, кто хочет работать в студиях
SPA‑приложения — стандарт индустрии. Владение React выделит вас среди кандидатов, ограниченных базовой версткой.
Тем, кто боится устаревших технологий
React — лидер фронтенда, поддерживаемый Facebook. Он стабилен, востребован и развивается уже более 5 лет.
Почему React важен для разработчика
React — это JavaScript‑библиотека для создания интерфейсов, созданная Facebook. Она позволяет строить масштабируемые системы, разделяя UI на независимые компоненты, которые легко поддерживать и переиспользовать.
JSX делает написание интерфейсов интуитивным и быстрым, а архитектурная гибкость React позволяет интегрировать его в любой стек, использовать на сервере через Node.js и создавать мобильные приложения с React Native.
Эти качества делают React обязательным инструментом для разработчика, который хочет оставаться востребованным на рынке.
- Урок 1.00:05:40Что такое React
- Урок 2.00:06:09Как работает React
- Урок 3.00:15:45Что такое компоненты
- Урок 4.00:08:27Create React App
- Урок 5.00:13:55Обзор приложения
- Урок 6.00:10:14Как работает JSX
- Урок 7.00:03:46Ограничения
- Урок 8.00:05:34Inline-стили
- Урок 9.00:08:28Создание простого компонента
- Урок 10.00:04:54Вывод динамических данных
- Урок 11.00:05:25Передача параметров
- Урок 12.00:03:55Передача контента
- Урок 13.00:07:26Создание State
- Урок 14.00:07:03Добавление событий
- Урок 15.00:06:08Изменение State
- Урок 16.00:09:51Передача параметров в функцию
- Урок 17.00:04:06Обработка Input
- Урок 18.00:08:53Работа со списком
- Урок 19.00:08:45Работа с условными операторами
- Урок 20.00:18:03Динамические списки
- Урок 21.00:04:08Inline-стили
- Урок 22.00:03:16Подключение CSS
- Урок 23.00:07:02Динамические классы
- Урок 24.00:08:48Radium
- Урок 25.00:02:58Препроцессоры (SASS/SCSS)
- Урок 26.00:02:54CSS (SCSS) модули
- Урок 27.00:03:17Передача параметров в компонент
- Урок 28.00:02:59Инициализация State
- Урок 29.00:05:51Базовый жизненный цикл
- Урок 30.00:04:22Создание Stateful компонента
- Урок 31.00:10:57Жизненный цикл изменения
- Урок 32.00:01:54Жизненный цикл удаления
- Урок 33.00:06:16Жизненные циклы React 16.3+
- Урок 34.00:08:16ErrorBoundary
- Урок 35.00:09:05Фрагменты. Часть 1
- Урок 36.00:05:00Фрагменты. Часть 2
- Урок 37.00:02:29Правильное изменение State
- Урок 38.00:11:19Введение в компоненты высшего порядка
- Урок 39.00:07:55Валидация параметров с PropTypes
- Урок 40.00:09:05Референции
- Урок 41.00:10:05Context API
- Урок 42.00:04:07Создание проекта
- Урок 43.00:05:22Создание Layout
- Урок 44.00:03:09Подключение CSS-модулей
- Урок 45.00:07:37Создание главной страницы
- Урок 46.00:07:40Компонент активного вопроса
- Урок 47.00:11:25Список вопросов
- Урок 48.00:08:50Обработка клика
- Урок 49.00:05:13Изменение вопроса
- Урок 50.00:11:37Отображение состояния ответа
- Урок 51.00:02:19Проверка правильности
- Урок 52.00:10:53Вывод результатов
- Урок 53.00:16:00Вычисление результатов
- Урок 54.00:09:04Компонент кнопки
- Урок 55.00:08:06Кнопка переключения меню
- Урок 56.00:09:54Реализация меню
- Урок 57.00:06:05Компонент затемнения
- Урок 58.00:04:26Установка и настройка
- Урок 59.00:04:31Регистрация роута
- Урок 60.00:02:39Роутинг и компоненты
- Урок 61.00:02:48Навигация между страницами
- Урок 62.00:06:11Параметры ссылки
- Урок 63.00:06:21Программная навигация
- Урок 64.00:02:44Роутинг и функциональные компоненты
- Урок 65.00:04:53Динамические роуты
- Урок 66.00:03:44Редирект и ошибка 404
- Урок 67.00:03:49Защита роутов
- Урок 68.00:02:01Настройка роутера
- Урок 69.00:06:19Создание страниц
- Урок 70.00:05:33Навигация
- Урок 71.00:08:52Страница списка
- Урок 72.00:02:12Ссылка через кастомный компонент
- Урок 73.00:08:11Страница авторизации
- Урок 74.00:13:47Компонент текстового поля
- Урок 75.00:12:13Валидация. Часть 1
- Урок 76.00:14:11Валидация. Часть 2
- Урок 77.00:03:36Валидация формы
- Урок 78.00:08:08Создание тестов
- Урок 79.00:17:15Создание контролов
- Урок 80.00:09:56Создание компонента Select
- Урок 81.00:08:27Изменение контролов
- Урок 82.00:06:32Добавление вопроса
- Урок 83.00:08:27Настройка проекта
- Урок 84.00:08:35Создание теста
- Урок 85.00:06:59Загрузка списка тестов
- Урок 86.00:06:29Компонент прогресса загрузки
- Урок 87.00:08:05Загрузка теста
- Урок 88.00:08:46Авторизация
- Урок 89.00:01:40Введение
- Урок 90.00:16:19Как работает Redux
- Урок 91.00:06:59React и Redux
- Урок 92.00:06:07Подключение компонента
- Урок 93.00:07:15Изменение State
- Урок 94.00:04:36Передача параметров
- Урок 95.00:12:17Объединение редюсеров
- Урок 96.00:06:12Как работает Middleware
- Урок 97.00:07:21Что такое Action Creator
- Урок 98.00:05:47Асинхронное изменение State
- Урок 99.00:07:18Devtools
- Урок 100.00:06:03Настройка приложения
- Урок 101.00:16:12Список тестов
- Урок 102.00:15:18Страница теста. Часть 1
- Урок 103.00:17:17Страница теста. Часть 2
- Урок 104.00:15:58Страница создания тестов
- Урок 105.00:16:26Авторизация
- Урок 106.00:14:29Пункты меню
- Урок 107.00:05:23Автологин в систему
- Урок 108.00:06:47Деплой в Firebase
- Урок 109.00:22:08Работаем со стейтом - useState
- Урок 110.00:14:08Добавляем эффекты с useEffect
- Урок 111.00:10:40Состояние и ссылки с useRef
- Урок 112.00:11:32Оптимизируем с useMemo
- Урок 113.00:10:06Как работает useCallback
- Урок 114.00:17:11Контекст с useContext
- Урок 115.00:07:24Добавляем redux c useReducer
- Урок 116.00:12:21Пишем свой хук
- Урок 117.00:06:09Настройка приложения
- Урок 118.00:04:41Добавление навигации
- Урок 119.00:04:47Добавление роутинга
- Урок 120.00:06:39Главная страница
- Урок 121.00:07:20Компонент alert. Урок 1
- Урок 122.00:10:08Компонент alert. Урок 2
- Урок 123.00:03:27Компонент поиска
- Урок 124.00:08:23Создание github state. Урок 1
- Урок 125.00:04:56Создание github state. Урок 2
- Урок 126.00:08:41Получение данных с github
- Урок 127.00:04:00Настройка запросов
- Урок 128.00:05:35Отображение главной страницы
- Урок 129.00:15:53Отображение пользователя
- Урок 130.00:04:34Вывод списка репозиториев
- Урок 131.00:07:48Добавление CSS анимаций
- Урок 132.00:10:03Анимирование с Transition
- Урок 133.00:01:43Этапы работы анимаций
- Урок 134.00:05:50Анимация с CSSTransition
- Урок 135.00:08:01Анимирование групп
- Урок 136.00:03:18Настройка приложения
- Урок 137.00:03:33Настройка теста
- Урок 138.00:08:41Создание тестов
- Урок 139.00:09:04Функции высшего порядка
- Урок 140.00:04:17Создание приложения
- Урок 141.00:05:06Оптимизация приложения
- Урок 142.00:05:22Оптимизация с Higher Order Components
Автор - udemy
Комментарии
Nerovinкакая же лажа его курсы
zsgdev NerovinПотому что учиться надо самому
7523460 NerovinПОЧЕМУ?- Nerovin 7523460одна из причин что он не объясняет , а пересказывает. Дело в том что его курсы это перевод и склейка англ курсов
- zsgdev NerovinЯ благодаря его курсу на Ангуляр попал на свою первую работу, так что не нужно недооценивать этого парня
Torvald_cНа udemy сейчас этот курс обновлен от 8/2020, а здесь от 07/01/2020, можно обновить курс?
sinyak26 Torvald_cА что нового добавилось?- Torvald_c sinyak26Я не знаю. Просто вижу что на удеми он обновлен, а здесь нет. Хочу купить здесь премиум, при этом хотелось бы получать свежую инфу.
Anonymous Torvald_cЧто из обновленного в реакте н сего особо не поменялось , можете посмотреть про изменения в js за 2020 ,