udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продолжительность
31 ч 14 мин
Категория
React.jsКоличество уроков
242 Видео
Дата добавления
4 мая 2022 г., 09:56
Язык
Русский
Дата выхода
10 мар. 2022 г., 02:00
Дата обновления
11 мар. 2023 г., 08:03
Изучи разработку приложений при помощи самой популярной JS библиотеки простым и понятным для новичков языком! React.js — это самая популярная на данный момент библиотека JavaScript, которую вы можете использовать во фронтенде для создания современных пользовательских интерфейсов. В этом курсе вы изучите современный React с самого начала, шаг за шагом, используя практические и интересные примеры кода, важную теорию о том, как React работает под капотом, а также много практических заданий.
Все, что вам нужно, это базовые знания в области веб-разработки и JavaScript.
Вы изучите React на практике, используя все современные паттерны, поймёте ключевые понятия, а также продвинутые концепции и связанные с ними темы.
Вы не только будете изучать React, но и научитесь как решать проблемы, научитесь как структурировать и организовать код.
Всё это поможет вам стать React разработчиком!
Что вы узнаете в этом курсе?
Что такое React.js и зачем его использовать
Как работает React
Создание React компонентов
Создание пользовательских интерфейсов
Что такое props и two-way binding
Cобытия и состояние для создания интерактивных приложений
Как React работает под капотом
Работа со списками и контентом по условию
Стилизация компонентов
Хуки
Этот курс отличается тем, что речь идет не только о написании кода, но и о том, как и почему код работает так, как работает. Потому что это идеальное сочетание теории и практики.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:05:54Что Такое React.js?
- Урок 2. 00:10:08Зачем Нужно Использовать React?
- Урок 3. 00:01:58Создание Single Page Applications (SPA) при Помощи React
- Урок 4. 00:03:41Альтернативы React (Angular, Vue)
- Урок 5. 00:08:07Обзор Курса
- Урок 6. 00:04:25Настраиваем Инструменты Разработки
- Урок 7. 00:05:23Краткий Обзор Раздела
- Урок 8. 00:08:05Компоненты - Фундаментальные Блоки Приложений React
- Урок 9. 00:03:48Декларативное Программирование
- Урок 10. 00:09:48Создание Проекта
- Урок 11. 00:03:28Подготовка Проекта
- Урок 12. 00:11:52Обзор Проекта React
- Урок 13. 00:03:50Знакомство с JSX
- Урок 14. 00:05:11Как Работает React
- Урок 15. 00:09:01Создание Компонента
- Урок 16. 00:04:34Более Сложный JSX код
- Урок 17. 00:06:04Добавление CSS Стилей
- Урок 18. 00:09:17Отображение Динамических Данных в JSX
- Урок 19. 00:14:31Передача Данных при Помощи props
- Урок 20. 00:07:22JavaScript Логика в Компонентах
- Урок 21. 00:11:31Разделение Компонента на Несколько Компонентов
- Урок 22. 00:02:47Задание 1
- Урок 23. 00:06:52Задание 1. Решение
- Урок 24. 00:15:55Композиция (props.children)
- Урок 25. 00:04:25Первые Итоги
- Урок 26. 00:08:16Подробнее о JSX
- Урок 27. 00:03:15Организация Файлов Компонентов
- Урок 28. 00:03:50Альтернативный Синтаксис Функций
- Урок 29. 00:02:31Краткий Обзор Раздела
- Урок 30. 00:09:07"Прослушивание" Событий и Работа с Обработчиками Событий
- Урок 31. 00:07:05Как Выполняются Функции-Компоненты
- Урок 32. 00:12:22Работа с "Состоянием"
- Урок 33. 00:06:59Подробнее о Хуке "useState"
- Урок 34. 00:08:33Добавление Формы Ввода
- Урок 35. 00:05:18Прослушивание Ввода Пользователя
- Урок 36. 00:06:57Работа с Несколькими Состояниями
- Урок 37. 00:06:02Использование Одного Состояния
- Урок 38. 00:05:43Обновление Состояния, Зависящего от Предыдущего Состояния
- Урок 39. 00:06:17Обработка Отправки Формы
- Урок 40. 00:03:40Добавление Двустороннего Связывания
- Урок 41. 00:17:16Коммуникация Компонентов Наследник-Родитель (Снизу Вверх)
- Урок 42. 00:07:33Подъём Состояния Вверх
- Урок 43. 00:03:03Задание 2
- Урок 44. 00:09:16Задание 2. Решение
- Урок 45. 00:07:50Компоненты - Контролируемые vs Неконтролируемые, с Состоянием vs без Состояния
- Урок 46. 00:01:05Краткий Обзор Раздела
- Урок 47. 00:08:24Отображение Списков Данных
- Урок 48. 00:06:07Использование Списков с Состоянием
- Урок 49. 00:07:14Keys
- Урок 50. 00:01:33Задание 3
- Урок 51. 00:06:16Задание 3. Решение
- Урок 52. 00:09:16Отображение Контента по Условию
- Урок 53. 00:07:29Возвращение Значения по Условию
- Урок 54. 00:01:23Задание 4
- Урок 55. 00:07:12Задание 4. Решение
- Урок 56. 00:08:43Добавляем Диаграмму Расходов
- Урок 57. 00:08:21Динамические Стили
- Урок 58. 00:16:10Завершаем Разработку Приложения
- Урок 59. 00:06:06Краткий Обзор Раздела
- Урок 60. 00:09:48Динамическое Добавление Стилей Inline
- Урок 61. 00:04:43Динамическое Добавление CSS Классов
- Урок 62. 00:09:14Знакомство со Styled Components
- Урок 63. 00:11:49Styled Components и Динамические Props
- Урок 64. 00:02:32Styled Components и Media Queries
- Урок 65. 00:06:47Использование CSS Модулей
- Урок 66. 00:05:48Динамические Стили и CSS Модули
- Урок 67. 00:02:08Краткий Обзор Раздела
- Урок 68. 00:06:29Сообщения об Ошибках в React
- Урок 69. 00:06:43Анализ Кода и Предупреждения
- Урок 70. 00:06:10Работа с Breakpoints
- Урок 71. 00:05:36Использование React DevTools
- Урок 72. 00:04:47Краткий Обзор Раздела
- Урок 73. 00:06:18Добавление Компонента CreateUser
- Урок 74. 00:09:34Добавление Компонента Card
- Урок 75. 00:04:56Добавление Компонента Button
- Урок 76. 00:06:47Управление Состоянием Ввода Данных
- Урок 77. 00:05:12Добавление Валидации и Логики Сброса
- Урок 78. 00:09:59Добавление Компонента UserList
- Урок 79. 00:12:08Управление Списком Пользователей Через Состояние
- Урок 80. 00:09:20Добавление Компонента ErrorModal
- Урок 81. 00:09:22Управление Состоянием Ошибок
- Урок 82. 00:01:11Краткий Обзор Раздела
- Урок 83. 00:06:36Ограничения JSX
- Урок 84. 00:05:25Создание Компонента Обёртки. Фрагменты
- Урок 85. 00:06:20Порталы
- Урок 86. 00:14:24Работа с Порталами
- Урок 87. 00:13:03Работа с refs
- Урок 88. 00:01:40Краткий Обзор Раздела
- Урок 89. 00:07:43Что Такое Побочные Эффекты
- Урок 90. 00:13:33Использование Хука useEffect
- Урок 91. 00:07:43useEffect и Зависимости
- Урок 92. 00:09:54Использование Функции Очистки
- Урок 93. 00:09:49Reducers
- Урок 94. 00:16:49Использование Хука useReducer
- Урок 95. 00:10:19useReducer и useEffect
- Урок 96. 00:03:21useState vs useReducer
- Урок 97. 00:07:05Context
- Урок 98. 00:09:19Использование Context API
- Урок 99. 00:01:53Использование Хука useContext
- Урок 100. 00:04:31Динамический Context
- Урок 101. 00:10:02Кастомный Компонент Context Provider
- Урок 102. 00:03:20Ограничения Context
- Урок 103. 00:05:14Правила Хуков
- Урок 104. 00:07:19Рефакторинг Компонента Input
- Урок 105. 00:14:01forwardRef & useImperativeHandle
- Урок 106. 00:02:29Краткий Обзор Раздела
- Урок 107. 00:04:52Создание Структуры Проекта
- Урок 108. 00:06:34Добавление Компонента Header
- Урок 109. 00:05:14Добавление Компонента HeaderCartButton
- Урок 110. 00:08:31Добавление Компонентов для Отображения Блюд
- Урок 111. 00:09:09Отображение Блюд
- Урок 112. 00:08:17Добавление Формы
- Урок 113. 00:05:09Исправление Небольшого Бага
- Урок 114. 00:05:43Добавление Компонента Cart
- Урок 115. 00:06:46Добавление Модального Окна
- Урок 116. 00:09:03Управление Состоянием Cart и Modal
- Урок 117. 00:07:19Добавление Контекста Cart
- Урок 118. 00:05:23Использование Контекста
- Урок 119. 00:11:41Добавление Reducer в Cart
- Урок 120. 00:12:10Использование refs
- Урок 121. 00:07:46Отображение Элементов Корзины
- Урок 122. 00:07:09Усложнение Логики Reducer
- Урок 123. 00:09:47Добавление Функциональности Удаления Элементов
- Урок 124. 00:07:42Использование useEffect
- Урок 125. 00:01:47Краткий Обзор Раздела
- Урок 126. 00:07:43Как Работает React
- Урок 127. 00:08:55Обновление Компонентов
- Урок 128. 00:13:40Переоценка Дочернего Компонента
- Урок 129. 00:11:42Предотвращение Ненужных Переоценок при Помощи React.memo()
- Урок 130. 00:04:59Предотвращение Пересоздания Функций при Помощи useCallback()
- Урок 131. 00:08:01useCallback & dependencies
- Урок 132. 00:05:10Первые Итоги
- Урок 133. 00:04:07Подробнее о Состоянии и Компонентах
- Урок 134. 00:04:29Планирование Состояний
- Урок 135. 00:01:55Краткий Обзор Раздела
- Урок 136. 00:03:36Что Такое Компоненты на Основе Классов?
- Урок 137. 00:06:56Первый Компонент на Основе Класса
- Урок 138. 00:11:01Работа с Состояниями и Событиями
- Урок 139. 00:07:42Жизненный Цикл Компонентов на Основе Классов
- Урок 140. 00:11:02Life-cycle Методы
- Урок 141. 00:04:12Компоненты на Основе Классов и Контекст
- Урок 142. 00:02:41Компоненты на Основе Классов vs Функциональные Компоненты
- Урок 143. 00:10:18Error Boundaries
- Урок 144. 00:01:25Краткий Обзор Раздела
- Урок 145. 00:02:41Соединение с Базой Данных
- Урок 146. 00:04:20Стартовый Проект
- Урок 147. 00:08:44Отправка Запроса GET
- Урок 148. 00:02:27Использование async / await
- Урок 149. 00:06:01Управление Загрузкой и Состояниями Данных
- Урок 150. 00:13:49Обработка HTTP Ошибок
- Урок 151. 00:07:48Использование useEffect для Запросов
- Урок 152. 00:12:15Подготовка Проекта к Следующим Шагам
- Урок 153. 00:10:50Отправка Запроса POST
- Урок 154. 00:03:09Краткий Обзор Раздела
- Урок 155. 00:06:29Создание Функции Custom React Hook
- Урок 156. 00:04:52Использование Custom Hooks
- Урок 157. 00:05:04Конфигурация Custom Hooks
- Урок 158. 00:06:50Ещё один пример использования Custom Hooks
- Урок 159. 00:10:36Создание хука useHttp()
- Урок 160. 00:11:10Использование Custom HTTP Hook
- Урок 161. 00:10:37Рефакторинг Логики Custom Hook
- Урок 162. 00:10:29Использование Custom Hook в Компоненте NewProduct
- Урок 163. 00:01:47Краткий Обзор Раздела
- Урок 164. 00:01:22Стартовый Проект
- Урок 165. 00:06:24Сложности Работы с Формами
- Урок 166. 00:09:42Отправка Формы и Получение Данных Пользователя
- Урок 167. 00:07:43Добавление Валидации
- Урок 168. 00:10:42Реагирование на Потерю Фокуса
- Урок 169. 00:11:54Рефакторинг Кода
- Урок 170. 00:08:39Управление Валидацией Всей Формы
- Урок 171. 00:01:25Задание 1
- Урок 172. 00:06:00Задание 1. Решение
- Урок 173. 00:22:37Добавление Custom Hook
- Урок 174. 00:01:53Задание 2
- Урок 175. 00:14:49Задание 2. Решение
- Урок 176. 00:09:09Использование useReducer()
- Урок 177. 00:04:39Краткий Обзор Раздела
- Урок 178. 00:03:36Перенос Данных в Firebase
- Урок 179. 00:09:46Извлечение Данных
- Урок 180. 00:04:24Управление Состоянием Загрузки
- Урок 181. 00:07:12Обработка Ошибок
- Урок 182. 00:11:25Добавление Формы
- Урок 183. 00:05:18Получение Данных из Формы
- Урок 184. 00:11:01Валидация Формы
- Урок 185. 00:06:00Отправка Данных на Сервер
- Урок 186. 00:11:14Улучшение Фидбэка для Пользователей
- Урок 187. 00:00:57Краткий Обзор Раздела
- Урок 188. 00:05:12Состояния в React Приложениях
- Урок 189. 00:06:48React Context vs Redux
- Урок 190. 00:07:04Как Работает Redux
- Урок 191. 00:19:15Основные Концепции Redux
- Урок 192. 00:06:39Подготовка Проекта и Создание Хранилища
- Урок 193. 00:04:32Redux Provider
- Урок 194. 00:07:01Использование Данных Redux в React Компонентах
- Урок 195. 00:04:29Отправка Actions
- Урок 196. 00:10:47Redux в Классовых Компонентах
- Урок 197. 00:06:10Более Сложные Actions
- Урок 198. 00:07:49Работа с Несколькими Свойствами Состояний
- Урок 199. 00:05:04Как Правильно Работать с Redux Состоянием
- Урок 200. 00:05:24Redux Toolkit
- Урок 201. 00:08:36State Slices
- Урок 202. 00:04:59Подключение Состояния Redux Toolkit
- Урок 203. 00:06:18Полная Миграция в Redux Toolkit
- Урок 204. 00:12:20Использование Нескольких Слайсов
- Урок 205. 00:10:05Работа с userAuthSlice
- Урок 206. 00:06:31Разделение Кода
- Урок 207. 00:00:40Краткий Обзор Раздела
- Урок 208. 00:03:36Работа с Побочными Эффектами в Redux
- Урок 209. 00:21:18Добавляем в Проект Redux. Часть 1
- Урок 210. 00:19:59Добавляем в Проект Redux. Часть 2
- Урок 211. 00:03:11Работа с Асинхронным Кодом в Redux
- Урок 212. 00:06:47Frontend vs Backend
- Урок 213. 00:15:48Размещение Логики
- Урок 214. 00:08:19Использование useEffect()
- Урок 215. 00:15:56Управление Http Состояниями
- Урок 216. 00:19:46Использование Action Creator
- Урок 217. 00:17:44Извлечение Данных
- Урок 218. 00:06:28Redux DevTools
- Урок 219. 00:02:55Краткий Обзор Раздела
- Урок 220. 00:05:52Что Такое Маршрутизация (Routing)?
- Урок 221. 00:03:29Установка React Router
- Урок 222. 00:10:48Определение и Использование Маршрутов (Routs)
- Урок 223. 00:07:05Работа со Ссылками
- Урок 224. 00:03:53Компонент NavLink
- Урок 225. 00:08:15Добавление Динамических Маршрутов с Параметрами
- Урок 226. 00:04:18Извлечение Параметров Маршрута
- Урок 227. 00:11:37Использование Компонента Switch
- Урок 228. 00:09:31Вложенные Маршруты и Перенаправление Пользователя
- Урок 229. 00:12:14Приложение "Jokes"
- Урок 230. 00:04:19Перенаправление и Извлечение Параметров
- Урок 231. 00:04:31Работаем с Вложенными Маршрутами
- Урок 232. 00:06:03Добавляем Компонент Layout
- Урок 233. 00:07:24Добавляем Данные
- Урок 234. 00:05:33Отображение Данных в JokeDetails
- Урок 235. 00:08:10Обработка Невалидных Маршрутов
- Урок 236. 00:06:44Программная Имплементация Навигации
- Урок 237. 00:10:44Добавление Компонента Prompt
- Урок 238. 00:15:40Работа с Параметрами Запроса
- Урок 239. 00:06:51Использование Вложенных Маршрутов
- Урок 240. 00:17:01Более Гибкий Код Маршрутизации
- Урок 241. 00:31:03Работа с Http Запросами
- Урок 242. 00:25:19Имплементация Комментариев
Автор - udemy
Другие материалы в этой категории
Intermediate React, v4
Продвинутое Тестирование React: Redux Saga и React Router
Практический React Bootcamp (Hooks, Router, Redux и GraphQL)
React Интенсивный курс для программистов 2022
React: Разработка через Тестирование
React с нуля для начинающих. +3 проекта в портфолио!
Создавайте Полиморфные Компоненты с помощью React и Typescript
Комментарии
в оригинале на udemy 27 часов курса, а здесь только 16.
С Уважением!
Спасибо , - Вы как всегда оперативно и четко!
С Уважением!