Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:03:45
    1.1 Что такое React
  2. Урок 2. 00:12:24
    1.2 Установка React
  3. Урок 3. 00:08:06
    1.3 Как правильно создавать компоненты
  4. Урок 4. 00:13:46
    1.4 Что такое JSX
  5. Урок 5. 00:11:14
    1.5 Практика JSX
  6. Урок 6. 00:11:50
    1.6 JSX итоги
  7. Урок 7. 00:03:58
    1.7 Функциональные и классовые компоненты в React
  8. Урок 8. 00:07:38
    1.8 Что такое Props в React
  9. Урок 9. 00:04:17
    1.9 props с более сложной логикой
  10. Урок 10. 00:08:46
    1.10 Деструктуризация пропсов
  11. Урок 11. 00:10:22
    1.11 Базовый проброс пропсов
  12. Урок 12. 00:09:30
    1.12 Поток передачи данных
  13. Урок 13. 00:02:42
    1.13 Что такое виртуальный DOM
  14. Урок 14. 00:05:48
    1.14 Концепция children
  15. Урок 15. 00:07:20
    1.15 Пример кнопки
  16. Урок 16. 00:01:02
    1.16 Пример кнопки дополнение
  17. Урок 17. 00:08:18
    1.17 Устанавливаем расширения для работы
  18. Урок 18. 00:02:54
    1.18 Завершение
  19. Урок 19. 00:12:40
    2.01 Полный разбор хука useState
  20. Урок 20. 00:10:36
    2.02 Передаем функцию в начальное состояние
  21. Урок 21. 00:09:56
    2.03 Модальное окно при помощи хука useState
  22. Урок 22. 00:17:46
    2.04 Практика
  23. Урок 23. 00:03:09
    2.05 События
  24. Урок 24. 00:21:57
    2.06 Событие onChange
  25. Урок 25. 00:14:20
    2.07 Событие onSubmit
  26. Урок 26. 00:00:43
    2.08 Событие onSubmit-1
  27. Урок 27. 00:14:43
    2.09 onKeyUp - onKeyDown
  28. Урок 28. 00:05:29
    2.10 onFocus - onBlur
  29. Урок 29. 00:17:31
    2.11 хук useRef
  30. Урок 30. 00:07:56
    2.12 Модули SCSS и Глобальные стили
  31. Урок 31. 00:07:58
    2.13 Метод map
  32. Урок 32. 00:00:48
    2.14 Пояснение кода
  33. Урок 33. 00:03:22
    3.01 О секции
  34. Урок 34. 00:06:25
    3.02 Обзор стартового проекта
  35. Урок 35. 00:06:31
    3.03 Создание Обертки
  36. Урок 36. 00:08:17
    3.04 Как работать с SVG изображениями
  37. Урок 37. 00:21:32
    3.05 Верстка хедера часть-1
  38. Урок 38. 00:02:15
    3.06 Верстка хедера часть-2
  39. Урок 39. 00:27:19
    3.07 Стилизация Хедера
  40. Урок 40. 00:15:05
    3.08 Верстка первой секции About
  41. Урок 41. 00:06:04
    3.09 Верстка стрелок для слайдера
  42. Урок 42. 00:13:49
    3.10 Логика слайдера
  43. Урок 43. 00:27:27
    3.11 Библиотека Swiper
  44. Урок 44. 00:18:13
    3.12 Верстка слайдера swiper
  45. Урок 45. 00:09:49
    3.13 Стилизация слайдера
  46. Урок 46. 00:08:59
    3.14 Адаптация слайдера
  47. Урок 47. 00:16:30
    3.15 Верстка секции с новостями
  48. Урок 48. 00:22:23
    3.16 Стилизация секции с новостями
  49. Урок 49. 00:04:29
    3.17 Объяснение верстки и общего кода секции с новостями
  50. Урок 50. 00:10:30
    3.18 Создание структуры компонента History
  51. Урок 51. 00:14:24
    3.19 Верстка секции History
  52. Урок 52. 00:13:27
    3.20 Стилизация History
  53. Урок 53. 00:05:25
    3.21 Завершение верстки
  54. Урок 54. 00:08:17
    3.22 Адаптация секции
  55. Урок 55. 00:04:42
    3.23 Обзор секции
  56. Урок 56. 00:13:53
    3.24 Верстка и стилизация кнопок
  57. Урок 57. 00:17:32
    3.25 Верстка карточек и стилизация
  58. Урок 58. 00:24:11
    3.26 Верстка модального окна и стилизация
  59. Урок 59. 00:09:47
    3.27 Закрываем модальное окно по нажатию Props
  60. Урок 60. 00:13:43
    3.28 Логика показа карточек
  61. Урок 61. 00:19:12
    3.29 Добавляем свою карточку
  62. Урок 62. 00:08:59
    3.30 Генерация рандомной карточки
  63. Урок 63. 00:04:45
    3.31 Адаптируем секцию
  64. Урок 64. 00:03:32
    3.32 О секции слайдера
  65. Урок 65. 00:12:53
    3.33 Верстка верхней части слайдера
  66. Урок 66. 00:13:06
    3.34 Верстка карточки слайдера
  67. Урок 67. 00:14:18
    3.35 Верстка контента для слайдера
  68. Урок 68. 00:06:20
    3.36 Верстка слайдера
  69. Урок 69. 00:07:15
    3.37 Логика слайдера
  70. Урок 70. 00:09:51
    3.38 Адаптация секции
  71. Урок 71. 00:15:25
    3.39 Создаем слайдер с эффектом flip
  72. Урок 72. 00:13:29
    3.40 Стилизация слайдера swiper
  73. Урок 73. 00:10:58
    3.41 Адаптация слайдера swiper
  74. Урок 74. 00:02:19
    3.42 Завершение верстки
  75. Урок 75. 00:16:45
    4.1 Хук useEffect
  76. Урок 76. 00:07:38
    4.2 Массив зависимостей
  77. Урок 77. 00:15:49
    4.3 Асинхронные запросы
  78. Урок 78. 00:13:07
    4.4 Локальное хранилище
  79. Урок 79. 00:09:56
    4.5 useEffect без массива зависимостей
  80. Урок 80. 00:21:15
    4.6 Форма обратной связи с валидаций
  81. Урок 81. 00:26:46
    4.7 Практика загружаем данные с API и показываем ста
  82. Урок 82. 00:16:07
    5.1 Что такое React Router
  83. Урок 83. 00:18:12
    5.2 createBrowserRouter ,RouterProvider
  84. Урок 84. 00:24:08
    5.3 Разбор компонента Outlet под микроскопом
  85. Урок 85. 00:08:29
    5.4 NavLink
  86. Урок 86. 00:17:17
    5.5 Navigate
  87. Урок 87. 00:20:27
    5.6 Хук useNavigate,и useLocation
  88. Урок 88. 00:31:39
    5.7 Динамические маршруты
  89. Урок 89. 00:21:59
    5.8 Практика с динамическими маршрутами async await
  90. Урок 90. 00:18:36
    5.9 Защищенные маршруты
  91. Урок 91. 00:17:21
    5.10 Что такое useLoaderData
  92. Урок 92. 00:13:31
    5.11 Query-параметры
  93. Урок 93. 00:30:51
    5.12 Пишем логику сортировки
  94. Урок 94. 00:15:09
    5.13 JSX разметка
  95. Урок 95. 00:23:35
    5.14 Ловим ошибку useRouteError
  96. Урок 96. 00:20:02
    5.15 React.lazy()
  97. Урок 97. 00:15:26
    5.16 React Router action
  98. Урок 98. 00:35:25
    6.1 Использование Redux Toolkit
  99. Урок 99. 00:22:16
    6.2 2 Что такое Редьюсер