udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продолжительность
13 ч 4 мин
Категория
React.jsКоличество уроков
61 Видео
Дата добавления
7 авг. 2023 г., 21:34
Язык
Русский
Дата выхода
1 авг. 2023 г., 01:00
Дата обновления
29 апр. 2026 г., 18:33
React — одна из самых востребованных библиотек для создания интерфейсов, и этот курс помогает быстро и последовательно освоить её с нуля. Вы будете изучать новые концепции прямо на практике, создавая свой учебный проект шаг за шагом — без разрозненных примеров и лишней теории.
Что делает этот курс по React особенно эффективным
Обучение выстроено вокруг реального проекта. Каждый новый модуль логично вытекает из предыдущего, поэтому вы не просто изучаете темы — вы применяете их сразу в коде.
Практико‑ориентированный подход
- Разработка собственного проекта с первых занятий.
- Постепенное погружение в хуки, управление состоянием, маршрутизацию и другие ключевые аспекты.
- Единая структура обучения без разрозненных примеров.
Актуальная версия React
Курс ориентирован на современные подходы: функциональные компоненты и хуки. При этом предусмотрены и лекции по классовым компонентам для расширения кругозора.
Изучаемые технологии и инструменты
Вы освоите не только ключевой функционал React, но и инструменты, которые используются практически в каждом современном SPA‑приложении.
В рамках курса подробно разбираются:
- React Router — для маршрутизации и динамических страниц.
- Redux Toolkit — удобный и современный стейт‑менеджер.
- Современные хуки: useEffect, useMemo, useCallback и другие.
- Контекст и управление глобальным состоянием через useContext.
- Работа с URL‑параметрами и динамическим контентом.
- Подходы к стилизации компонентов: CSS‑модули, styled‑компоненты и др.
- Механизмы работы React «под капотом».
Требования к подготовке
Для комфортного старта вам понадобится базовое понимание HTML, CSS и JavaScript. В курсе предусмотрены отдельные лекции по тем аспектам JS, которые необходимы для уверенной работы с React.
Чему вы научитесь
По завершении курса вы сможете:
- создавать продуманные и гибкие пользовательские интерфейсы на React;
- структурировать приложение на компоненты и грамотно проектировать их логику;
- организовывать взаимодействие между компонентами через props и глобальный стейт;
- использовать Redux Toolkit для управления сложным состоянием;
- строить маршрутизацию и работать с динамическими страницами;
- обрабатывать параметры запроса и менять контент на основе URL.
Почему вам будет легко пройти этот курс
Материал разделён на 50 последовательных лекций по React, а также дополнительные занятия по JavaScript. Вы будете изучать только то, что реально пригодится — без воды и устаревших подходов.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:14:00Переменные
- Урок 2. 00:04:21Шаблонный литерал. Динамика в строках
- Урок 3. 00:11:45Условный оператор if
- Урок 4. 00:13:12Тернарный оператор
- Урок 5. 00:19:59Оператор нулевого слияния и &&
- Урок 6. 00:05:27Метод foreach
- Урок 7. 00:05:23Массивы - метод Find
- Урок 8. 00:07:34Массивы - метод Filter
- Урок 9. 00:07:15Массивы - метод Map
- Урок 10. 00:13:42Массивы - метод Reduce
- Урок 11. 00:08:42Что такое React
- Урок 12. 00:06:56Знакомство с синтаксисом
- Урок 13. 00:05:17Создаём первый компонент
- Урок 14. 00:11:36JSX разметка. Синтаксис и размещение элементов
- Урок 15. 00:10:04Композиция компонентов, родители и потомки
- Урок 16. 00:12:59Динамические значения и выражения в JSX
- Урок 17. 00:15:20Под капотом JSX
- Урок 18. 00:08:45Установка шаблона приложения CreateReactApp
- Урок 19. 00:07:24Подготовка структуры проекта
- Урок 20. 00:16:27Подготовка файлов для будущих компонентов
- Урок 21. 00:16:46Styled Components. Стилизация
- Урок 22. 00:12:01React Props - передача данных между компонентами
- Урок 23. 00:12:11Как работают пропсы с точки зрения JS
- Урок 24. 00:06:47Пропсы в Styled Components
- Урок 25. 00:14:55Состояние, реактивность, useState
- Урок 26. 00:27:43state vs props. Практика работы с состоянием
- Урок 27. 00:05:59Поднятие состояние. Более совершенная передача данных
- Урок 28. 00:15:43Рендеринг списков в React
- Урок 29. 00:24:59Практика работы со списками
- Урок 30. 00:29:41Возможности условного рендеринга
- Урок 31. 00:29:38Улучшаем компонент статистики
- Урок 32. 00:15:01Добавляем новые компоненты из MUI
- Урок 33. 00:50:01Строим графики с библиотекой Nivo
- Урок 34. 00:12:56Фрагменты - удобная группировка элементов
- Урок 35. 00:09:39useState и использование предыдущего значения состояния
- Урок 36. 00:04:45useState и сложные типы данных
- Урок 37. 00:07:31useEffect - использование зависимостей
- Урок 38. 00:13:45Разбор типов роутинга
- Урок 39. 00:10:13Построение базовых маршрутов приложения
- Урок 40. 00:15:01useNavigate и useParams
- Урок 41. 00:07:53useSearchParams
- Урок 42. 00:06:23Советы по маршрутизации, маршрут индексной страницы, маршрут заглушки
- Урок 43. 00:11:50Применяем новые знания в приложении
- Урок 44. 00:13:23Концепции рендеринга, иммутабельность элементов, принцип объектного интерфейса
- Урок 45. 00:16:31Классовые компоненты, работа с состоянием и пропсами
- Урок 46. 00:11:45Жизненный цикл компонента и его методы
- Урок 47. 00:12:09setState, привязка контекста внутри классовых компонентов
- Урок 48. 00:09:11Работа с состоянием - продвинутый уровень
- Урок 49. 00:17:34Знакомство с Redux Toolkit
- Урок 50. 00:07:56Редюсер и слайс
- Урок 51. 00:06:56Глобальное состояние. useSelector и useeDispatch
- Урок 52. 00:07:56Продолжаем применять Redux в приложении
- Урок 53. 00:17:14Вынос всего ключевого состояния
- Урок 54. 00:08:21Особенности компонентов высшего порядка
- Урок 55. 00:13:59Расширение функционала с помощью HOC
- Урок 56. 00:12:34Виды стилизации и ещё немного о HOC
- Урок 57. 00:23:51useRef и useContext
- Урок 58. 00:12:11useMemo
- Урок 59. 00:04:49useCallback
- Урок 60. 00:09:45Создание пользовательских хуков
- Урок 61. 00:10:56Заключение
Автор - udemy
Комментарии
- Поиск курса на торрентах - отмена!