udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Современный React с Нуля
Продолжительность
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, используя новейшие инструменты и методы, доступные в экосистеме React! Этот курс является модульным, где вы можете выбирать различные экосистемы, которые хотите изучить. Вы подробно изучите хуки, CSS-in-JS с TailwindCSS, повысите производительность с помощью разделения кода и рендеринга на стороне сервера, добавите TypeScript, управление состоянием с помощью Redux, протестируете свое приложение
udemy
28 апр. 2022 г., 15:37
Продвинутое Тестирование React: Redux Saga и React Router
Advanced React Testing: Redux Saga and React Router
Вы разработчик, который изучил основы тестирования React и хочет перейти на следующий уровень? Этот курс глубоко погружается в тестирование React для сложных приложений. Разделы курса Redux Saga и React Router полностью разделены. Вы можете выбрать, с какой технологии начать, и пропустить разделы для технологий, которые не имеют отношения к вашему приложению.
Практический React Bootcamp (Hooks, Router, Redux и GraphQL)
Practical React Bootcamp (Hooks, Router, Redux, & GraphQL)
Курс проведет вас через все, что вам нужно, чтобы начать создавать готовое веб-приложение с использованием React, Redux и GraphQL. Ваш потенциальный работодатель хочет, чтобы вы сразу же приступили к работе и начали создавать для него приложения. Это то, что я сделал в этом курсе. Предоставить знания, которые позволят вам сразу войти в отрасль и начать работать. Прочитав более 160 лекций, я не оставил камня на камне!
Дмитрий Лаврик
27 мар. 2022 г., 13:08
React Интенсивный курс для программистов 2022
React Интенсивный курс для программистов
Цель курса. Изучить философию и дух компонентного подхода современных javascript-фреймворков, научиться использовать React для решения практических задач. Для новичков React сложнее, чем Vue.js. Но вакансий и заказов на фрилансе на нём больше.
React: Разработка через Тестирование
React with Test Driven Development
React - одна из самых популярных библиотек для разработки клиентских приложений. В этом курсе мы будем учить React, создавая с его помощью веб-приложение. Также мы будем применять методологию разработки через тестирование (TDD) от начала до конца. Этот курс построен исключительно на практике. Каждый фрагмент кода, который мы напишем, будет предназначен для реализации нашего приложения.
в оригинале на udemy 27 часов курса, а здесь только 16.
С Уважением!
Спасибо , - Вы как всегда оперативно и четко!
С Уважением!