Главная страницаКатегория react.jsReact Formula - Изучение фронтенд-разработки

React Formula - Изучение фронтенд-разработки

Name: React Formula - Изучение фронтенд-разработки
Price: 12.5 USD
Rating: 4.3 (22 reviews)

React Formula - Learn Frontend Development

Alvin Zablan

★4.3 (всего оценок - 22)

Продолжительность

23 ч 47 мин

Категория

React.js

Количество уроков

228 Видео

Дата добавления

15 авг. 2024 г., 00:54

Язык

Английский

Дата обновления

29 апр. 2026 г., 20:57

React Formula — это практико-ориентированный курс, который помогает новичкам уверенно войти в мир фронтенд‑разработки. Материал выстроен от простого к сложному, чтобы вы смогли разобраться в основах, освоить React и научиться создавать современные интерфейсы с нуля.

Что вы изучите в React Formula

Курс охватывает ключевые технологии и принципы, необходимые для старта в фронтенде. Программа продумана таким образом, чтобы вы не просто смотрели уроки, а понимали, как создавать приложения в реальных условиях.

Основы веб‑разработки

HTML и семантическая разметка
CSS и принципы адаптивного дизайна
JavaScript для начинающих

Изучение React с нуля

Компонентный подход и работа с состоянием
Использование хуков
Понимание пропсов, контекста и жизненного цикла
Построение архитектуры приложения

Современная стилизация с Tailwind CSS

Принципы utility‑first подхода
Настройка Tailwind под проект
Быстрое создание адаптивных интерфейсов

Практика и реальные проекты

Каждый модуль курса включает практические задания, а финальный блок построен вокруг создания нескольких полноценных React‑приложений. Вы научитесь работать с API, управлять состоянием и собирать проект от макета до готового результата.

Проекты, которые вы создадите

Интерактивные виджеты и мини‑приложения
Приложения с маршрутизацией
Проекты с внешними API
Полноценный React SPA

Кому подходит этот курс

React Formula создан специально для тех, кто начинает путь в веб‑разработке и хочет делать это структурировано. Если вы раньше не программировали или пробовали изучать React, но сталкивались с непониманием — этот курс поможет закрыть пробелы и обрести уверенность.

Результат после прохождения

После обучения вы сможете:

Создавать современные интерфейсы на React
Понимать архитектуру приложения и принципы работы фреймворка
Использовать Tailwind CSS для быстрой стилизации
Работать с данным, API и состоянием
Собирать и публиковать реальные проекты и портфолио

React Formula — ваш путь к уверенной работе во фронтенд‑разработке и созданию собственных веб‑приложений.

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

Урок 1. 00:00:42
Course Welcome
Урок 2. 00:02:45
Why Learn React?
Урок 3. 00:02:04
Meet the Instructor
Урок 4. 00:02:58
Effective Learning
Урок 5. 00:04:46
Workspace Tour
Урок 6. 00:05:30
Your First App
Урок 7. 00:07:55
Rendering Components
Урок 8. 00:10:00
Passing Props
Урок 9. 00:08:48
Passing Props II
Урок 10. 00:08:26
Passing Props III
Урок 11. 00:06:54
Alvin's Favorite Keybindings
Урок 12. 00:07:18
Alvin's Favorite Keybindings 2
Урок 13. 00:04:37
Intro to Tailwind CSS Lecture
Урок 14. 00:10:16
Tailwind CSS Basics
Урок 15. 00:03:26
Padding and Margin Lecture
Урок 16. 00:11:10
Button Style Exercise
Урок 17. 00:05:24
No Dynamic Class Names
Урок 18. 00:09:42
Button Component Exercise
Урок 19. 00:05:06
Flexbox Lecture
Урок 20. 00:04:48
Flex Exercise
Урок 21. 00:02:52
Flex Col Lecture
Урок 22. 00:04:05
Flex Exercise II
Урок 23. 00:05:30
Analyzing Layouts Lecture
Урок 24. 00:04:14
Tailwind Documentation
Урок 25. 00:10:51
Analyzing Layouts Exercise 1
Урок 26. 00:09:23
Analyzing Layouts Exercise 2
Урок 27. 00:06:02
Analyzing Layouts Exercise 3
Урок 28. 00:00:55
Search Page Design 1
Урок 29. 00:09:33
Search Page Design 2
Урок 30. 00:10:54
Search Page Design 3
Урок 31. 00:05:36
Search Page Design 4
Урок 32. 00:07:16
Events and State Lecture
Урок 33. 00:00:39
Click Event Exercise 1
Урок 34. 00:02:53
Click Event Exercise 2
Урок 35. 00:11:27
Click Event Exercise 3
Урок 36. 00:00:53
Conditional Rendering Exercise 1
Урок 37. 00:10:46
Conditional Rendering Exercise 2
Урок 38. 00:03:42
Conditional Rendering Exercise 3
Урок 39. 00:02:05
Conditional Rendering Exercise 4
Урок 40. 00:00:37
Counter 1
Урок 41. 00:04:45
Counter 2
Урок 42. 00:04:39
Counter 3
Урок 43. 00:00:44
Light Switch 1
Урок 44. 00:05:35
Light Switch 2
Урок 45. 00:12:39
Light Switch 3
Урок 46. 00:00:55
Image Carousel 1
Урок 47. 00:09:52
Image Carousel 2
Урок 48. 00:08:36
Image Carousel 3
Урок 49. 00:00:49
Cat Carousel 1
Урок 50. 00:14:24
Cat Carousel 2
Урок 51. 00:04:34
Cat Carousel 3
Урок 52. 00:04:32
Cat Carousel 4
Урок 53. 00:00:48
More State Welcome
Урок 54. 00:00:33
Stacker 1
Урок 55. 00:04:08
Stacker 2
Урок 56. 00:08:25
Stacker 3
Урок 57. 00:00:36
Checkered Grid 1
Урок 58. 00:11:18
Checkered Grid 2
Урок 59. 00:04:14
Checkered Grid 3
Урок 60. 00:05:39
Centered Responsive Lecture
Урок 61. 00:00:59
Simple Dark Mode 1
Урок 62. 00:09:27
Simple Dark Mode 2
Урок 63. 00:09:08
Simple Dark Mode 3
Урок 64. 00:00:38
Modal 1
Урок 65. 00:06:11
Modal 2
Урок 66. 00:11:21
Modal 3
Урок 67. 00:00:39
Playing Card 1
Урок 68. 00:14:10
Playing Card 2
Урок 69. 00:06:09
Playing Card 3
Урок 70. 00:06:54
Map Lecture
Урок 71. 00:00:43
Map Exercise 1
Урок 72. 00:08:47
Map Exercise 2
Урок 73. 00:00:37
Song List 1
Урок 74. 00:14:00
Song List 2
Урок 75. 00:00:57
Property Listings 1
Урок 76. 00:10:43
Property Listings 2
Урок 77. 00:00:47
Testimonial Carousel 1
Урок 78. 00:13:03
Testimonial Carousel 2
Урок 79. 00:05:57
Testimonial Carousel 3
Урок 80. 00:05:14
Testimonial Carousel 4
Урок 81. 00:06:50
Testimonial Carousel 5
Урок 82. 00:01:00
Pagination 1
Урок 83. 00:10:28
Pagination 2
Урок 84. 00:11:58
Pagination 3
Урок 85. 00:00:29
Munch Central 1
Урок 86. 00:10:54
Munch Central 2
Урок 87. 00:00:46
Furniture Pagination 1
Урок 88. 00:11:04
Furniture Pagination 2
Урок 89. 00:04:00
Inputs and Forms Lecture
Урок 90. 00:00:28
Text Input Exercise 1
Урок 91. 00:08:51
Text Input Exercise 2
Урок 92. 00:00:35
Sign In Form 1
Урок 93. 00:11:19
Sign In Form 2
Урок 94. 00:05:17
Sign In Form 3
Урок 95. 00:00:49
Word Filter 1
Урок 96. 00:14:01
Word Filter 2
Урок 97. 00:00:40
Message Project 1
Урок 98. 00:04:30
Message Project 2
Урок 99. 00:13:34
Message Project 3
Урок 100. 00:00:31
Checkbox Input Exercise 1
Урок 101. 00:10:25
Checkbox Input Exercise 2
Урок 102. 00:00:58
Number Input Exercise 1
Урок 103. 00:10:07
Number Input Exercise 2
Урок 104. 00:00:48
Select Exercise 1
Урок 105. 00:09:05
Select Exercise 2
Урок 106. 00:01:07
Cat Directory 1
Урок 107. 00:11:26
Cat Directory 2
Урок 108. 00:06:07
Cat Directory 3
Урок 109. 00:02:38
Cat Directory 4
Урок 110. 00:04:43
Integrating with Backends
Урок 111. 00:00:52
Using Fetch 1
Урок 112. 00:02:53
Using Fetch 2
Урок 113. 00:11:44
Using Fetch 3
Урок 114. 00:00:50
Random Joke 1
Урок 115. 00:08:35
Random Joke 2
Урок 116. 00:07:44
Random Joke 3
Урок 117. 00:04:30
Use Effect Lecture
Урок 118. 00:00:50
Use Effect Exercise 1
Урок 119. 00:03:02
Use Effect Exercise 2
Урок 120. 00:00:59
Teammates Project 1
Урок 121. 00:14:35
Teammates Project 2
Урок 122. 00:00:47
Loading Spinner Exercise 1
Урок 123. 00:05:06
Loading Spinner Exercise 2
Урок 124. 00:00:52
Stocks Project 1
Урок 125. 00:06:53
Stocks Project 2
Урок 126. 00:12:54
Stocks Project 3
Урок 127. 00:00:25
Async Await Exercise 1
Урок 128. 00:04:19
Async Await Exercise 2
Урок 129. 00:00:51
Weather Forecast 1
Урок 130. 00:08:27
Weather Forecast 2
Урок 131. 00:03:47
Weather Forecast 3
Урок 132. 00:00:40
Error Handling 1
Урок 133. 00:11:48
Error Handling 2
Урок 134. 00:00:43
States Project 1
Урок 135. 00:10:12
States Project 2
Урок 136. 00:03:25
States Project 3
Урок 137. 00:03:03
CRUD Welcome
Урок 138. 00:00:48
Message Board 1
Урок 139. 00:05:30
Message Board 2
Урок 140. 00:08:27
Message Board 3
Урок 141. 00:00:41
Deleting Furni 1
Урок 142. 00:03:01
Deleting Furni 2
Урок 143. 00:05:56
Deleting Furni 3
Урок 144. 00:04:45
Deleting Furni 4
Урок 145. 00:00:58
Updating Furni 1
Урок 146. 00:06:53
Updating Furni 2
Урок 147. 00:05:46
Updating Furni 3
Урок 148. 00:00:39
Todo List Part 1 1
Урок 149. 00:12:24
Todo List Part 1 2
Урок 150. 00:09:14
Todo List Part 1 3
Урок 151. 00:00:46
Todo List Part 2 1
Урок 152. 00:05:23
Todo List Part 2 2
Урок 153. 00:15:08
Todo List Part 2 3
Урок 154. 00:01:17
React Router Welcome
Урок 155. 00:01:25
Frontend Routing 1
Урок 156. 00:04:28
Frontend Routing 2
Урок 157. 00:08:56
Frontend Routing 3
Урок 158. 00:01:04
Frontend Routing II 1
Урок 159. 00:10:18
Frontend Routing II 2
Урок 160. 00:13:41
Frontend Routing II 3
Урок 161. 00:01:12
Refs Project 1
Урок 162. 00:06:42
Refs Project 2
Урок 163. 00:02:28
Refs Project 3
Урок 164. 00:02:25
Refs Project 4
Урок 165. 00:00:39
Intro to React Context 1
Урок 166. 00:14:05
Intro to React Context 2
Урок 167. 00:01:11
Theme Context 1
Урок 168. 00:10:58
Theme Context 2
Урок 169. 00:00:33
Use Callback 1
Урок 170. 00:04:48
Use Callback 2
Урок 171. 00:03:17
Use Callback 3
Урок 172. 00:00:15
Applying Use Callback 1
Урок 173. 00:05:40
Applying Use Callback 2
Урок 174. 00:06:17
Use State Function Default Lecture
Урок 175. 00:03:43
Use State Functional Setter Lecture
Урок 176. 00:00:19
Use Effect Clean Up 1
Урок 177. 00:06:08
Use Effect Clean Up 2
Урок 178. 00:01:03
Responsive Design Welcome
Урок 179. 00:04:25
Local Environment Setup
Урок 180. 00:01:12
Screen Size Breakpoints 1
Урок 181. 00:09:40
Screen Size Breakpoints 2
Урок 182. 00:10:48
Screen Size Breakpoints 3
Урок 183. 00:01:28
Mobile Responsive Design 1
Урок 184. 00:08:55
Mobile Responsive Design 2
Урок 185. 00:15:00
Mobile Responsive Design 3
Урок 186. 00:09:28
Mobile Responsive Design 4
Урок 187. 00:10:51
Mobile Responsive Design 5
Урок 188. 00:11:49
Mobile Responsive Design 6
Урок 189. 00:03:12
Capstone Project Welcome
Урок 190. 00:00:56
Getting Started 1
Урок 191. 00:11:50
Getting Started 2
Урок 192. 00:01:05
Creating the AuthForm 1
Урок 193. 00:19:48
Creating the AuthForm 2
Урок 194. 00:01:20
Designing the Sign In 1
Урок 195. 00:13:31
Designing the Sign In 2
Урок 196. 00:13:28
API Integration
Урок 197. 00:01:30
Sign Up Feature 1
Урок 198. 00:22:20
Sign Up Feature 2
Урок 199. 00:06:19
Improving Imports
Урок 200. 00:01:31
Sign In Feature 1
Урок 201. 00:18:18
Sign In Feature 2
Урок 202. 00:21:06
Managing the Session Token
Урок 203. 00:00:54
Basic Navbar 1
Урок 204. 00:16:59
Basic Navbar 2
Урок 205. 00:00:58
Sign Out Button 1
Урок 206. 00:10:34
Sign Out Button 2
Урок 207. 00:10:34
Sign Out Button 3
Урок 208. 00:00:48
Fetching Plants 1
Урок 209. 00:07:25
Fetching Plants 2
Урок 210. 00:00:51
Plant List Page Design 1
Урок 211. 00:06:01
Plant List Page Design 2
Урок 212. 00:11:26
Plant List Page Design 3
Урок 213. 00:14:14
Plant List Page Design 4
Урок 214. 00:00:55
Plant Show Page Design 1
Урок 215. 00:21:54
Plant Show Page Design 2
Урок 216. 00:00:34
Pot Color Purchase Option 1
Урок 217. 00:21:21
Pot Color Purchase Option 2
Урок 218. 00:00:34
Adding to the Cart 1
Урок 219. 00:15:28
Adding to the Cart 2
Урок 220. 00:00:46
Cart Modal 1
Урок 221. 00:27:13
Cart Modal 2
Урок 222. 00:01:00
Cart Item Removal 1
Урок 223. 00:22:03
Cart Item Removal 2
Урок 224. 00:01:04
Mobile Menu 1
Урок 225. 00:23:08
Mobile Menu 2
Урок 226. 00:00:34
Finishing Touches 1
Урок 227. 00:17:24
Finishing Touches 2
Урок 228. 00:00:43
Congratulations

К сожалению мы не можем предоставить интерактивную IDE с файлами курса, поэтому курс доступен исключительно в формате видео.

Unfortunately, we cannot provide the interactive IDE with course files, so the course is available exclusively in video format.

Автор - Alvin Zablan

Alvin Zablan

Я - инженер-программист с большим опытом преподавания. Ранее работал инженером-программистом в Google и ведущим разработчиком учебных программ в App Academy, одном из лучших буткемпов по программированию. Мои лекции на канале freeCodeCamp на YouTube набрали более 6 миллионов просмотров. Я разработал стиль обучения, основанный на постепенном прогрессе, чтобы помочь вам овладеть навыками разработки и добиться успеха на работе и в интервью.

+10

Комментарии

Anonymous
21 сент. 2024 г., 07:47
What's up with downvotes? This guy is one of the best teachers
alamba78 Anonymous
30 дек. 2024 г., 10:39
Some people just mad bro. LOL. He is a good instructor.