Главная страницаКатегория angularПодробное руководство по React, Angular, Node

Подробное руководство по React, Angular, Node

Name: Подробное руководство по React, Angular, Node
Price: 13 USD
Rating: 5 (8 reviews)

React, Angular, Node In-Depth Guide: Beginner to Pro

udemy

★5 (всего оценок - 8)

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

80 ч 1 мин

Категория

Angular

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

403 Видео

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

20 дек. 2022 г., 21:38

Язык

Английский

Дата выхода

16 сент. 2020 г., 01:00

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

29 апр. 2026 г., 16:43

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

Что вы получите в рамках курса

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

Погружение в React и Angular

Мы начнем с освоения Angular и React, создадим базовый каркас приложения и изучим фундаментальные принципы работы с компонентами, сервисами и переиспользуемой логикой.

Вы научитесь:

создавать и структурировать компоненты;
строить сервисы и управлять данными между ними;
реализовывать маршрутизацию;
управлять состоянием приложения.

Формы, аутентификация и взаимодействие с пользователем

Курс охватывает полный цикл создания форм регистрации и авторизации с рабочей валидацией данных. Авторизованный пользователь получает доступ к расширенному функционалу, что позволяет вам понять логику ролевого управления и UI‑изменений.

Работа с функциональностью приложения

Создание объектов аренды

После настройки аутентификации вы переходите к разработке функционала создания и редактирования объявлений об аренде — важной части реальных приложений с пользовательским контентом.

Интеграция стороннего API

Вы научитесь работать с API TomTom и отображать местоположение объектов на карте. Это позволит вам освоить интеграции и работу с геоданными.

Функция бронирования

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

Ключевые элементы этого раздела:

календарь для выбора периода аренды;
модальное окно подтверждения;
toast‑уведомления;
обработка возможных ошибок и крайних случаев.

Поиск и управление пользовательскими данными

Вы реализуете поиск объектов аренды по городам, а также научитесь отображать бронирования пользователя, созданные объекты и полученные запросы — с возможностью их удаления.

Продвинутые возможности разработки

Редактирование объектов аренды

Обновление существующей информации — важная часть любого CRUD‑приложения. В этом разделе вы научитесь создавать мощные многоразовые компоненты для редактирования данных.

Загрузка и обработка изображений

Вы освоите загрузку изображений через Cloudinary, включающую предварительную обрезку и обработку. Этот навык востребован в большинстве современных веб‑приложений.

Итоговые преимущества прохождения курса

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

Курс содержит куда больше, чем перечислено выше. Вы получите реальный опыт, который поможет вам начать карьеру разработчика и уверенно создавать собственные проекты. Присоединяйтесь — и откройте для себя мир современной веб‑разработки.

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

Урок 1. 00:02:47
[Optional]: Course Preview
Урок 2. 00:06:30
How to get help
Урок 3. 00:09:45
How to start course at any lecture
Урок 4. 00:03:03
Section Intro
Урок 5. 00:15:02
Setting up the environment
Урок 6. 00:12:43
Introduction to Variables
Урок 7. 00:16:20
More about variables + Debugging
Урок 8. 00:19:51
Functions Scope
Урок 9. 00:11:47
Scoping
Урок 10. 00:13:01
Const, let, var keywords
Урок 11. 00:09:40
Car Refactor
Урок 12. 00:18:12
Objects
Урок 13. 00:12:27
Return value from function
Урок 14. 00:14:49
Classes
Урок 15. 00:09:40
Importing + Proto
Урок 16. 00:18:58
IF Statements
Урок 17. 00:11:29
Arrays
Урок 18. 00:19:57
Iterations
Урок 19. 00:18:30
Inheritance part 1
Урок 20. 00:12:26
Inheritance part 2
Урок 21. 00:21:56
Inheritance part 3
Урок 22. 00:19:56
forEach, map & filter
Урок 23. 00:18:25
Custom iterators
Урок 24. 00:15:49
Get user input
Урок 25. 00:08:35
Display user info
Урок 26. 00:07:26
Switch
Урок 27. 00:17:06
Car Storage
Урок 28. 00:13:55
Car Manager
Урок 29. 00:14:43
Remove car
Урок 30. 00:17:09
Arrow functions + "this" context
Урок 31. 00:07:12
More about arrow functions
Урок 32. 00:08:19
Logical operators
Урок 33. 00:15:05
Async code
Урок 34. 00:20:36
Promise
Урок 35. 00:28:20
Promise in detail
Урок 36. 00:16:57
Observables
Урок 37. 00:24:31
Custom observables
Урок 38. 00:04:34
Unsubscribe from observable
Урок 39. 00:28:15
Node Deep Dive
Урок 40. 00:01:10
Section Introduction
Урок 41. 00:10:23
Project Init
Урок 42. 00:14:54
Folder Structure Explanation
Урок 43. 00:20:01
Functional Components
Урок 44. 00:14:18
Append Child + Functional Components
Урок 45. 00:16:44
Counter App Component
Урок 46. 00:13:50
Counter App State
Урок 47. 00:20:04
Counter App class component
Урок 48. 00:10:46
About the Props
Урок 49. 00:11:52
Use Effect Hook
Урок 50. 00:13:37
Generate color + handling of state
Урок 51. 00:08:12
Use Callback hook
Урок 52. 00:05:09
Memo
Урок 53. 00:25:43
How does it work part 1
Урок 54. 00:31:53
How does it work part 2
Урок 55. 00:00:55
Section Intro
Урок 56. 00:14:19
Bootstrap Framework
Урок 57. 00:12:02
Small styling changes + REM units
Урок 58. 00:18:09
Styling of navbar
Урок 59. 00:16:21
SCSS Stylings
Урок 60. 00:08:27
Rental home page
Урок 61. 00:17:06
Iterate Rentals
Урок 62. 00:06:09
Stylings for rental category
Урок 63. 00:01:31
Section Introduction
Урок 64. 00:07:18
Naive routing
Урок 65. 00:16:04
Naive routing part 2
Урок 66. 00:14:19
React router dom
Урок 67. 00:13:46
React context store provider
Урок 68. 00:16:31
High order component connect
Урок 69. 00:14:22
Map state to props function
Урок 70. 00:15:27
Redux store
Урок 71. 00:16:30
Dispatch actions
Урок 72. 00:22:22
Update state
Урок 73. 00:14:04
Create rental action
Урок 74. 00:12:48
Redux
Урок 75. 00:12:32
Rental detail
Урок 76. 00:18:57
Fetch rental
Урок 77. 00:06:40
Helper functions
Урок 78. 00:12:02
Font Awesome
Урок 79. 00:04:24
Relative path to src
Урок 80. 00:00:50
Section Outro
Урок 81. 00:00:56
Section Introduction
Урок 82. 00:20:24
Axios + Proxy
Урок 83. 00:14:26
Promise support
Урок 84. 00:17:14
Redux Thunk
Урок 85. 00:12:48
Reducer refactor
Урок 86. 00:06:27
Rental detail refactor
Урок 87. 00:01:30
Section Intro
Урок 88. 00:04:16
Login and Register page
Урок 89. 00:12:44
Get values from login form
Урок 90. 00:10:25
"Use Form" package on Login Form
Урок 91. 00:09:49
Login Form Validation
Урок 92. 00:10:19
Register form
Урок 93. 00:12:12
Custom Validators
Урок 94. 00:08:26
Error message component
Урок 95. 00:07:09
Custom error message component
Урок 96. 00:00:43
Section outro
Урок 97. 00:01:37
Section Intro
Урок 98. 00:12:42
Register user
Урок 99. 00:11:13
Handle register errors
Урок 100. 00:08:43
Login user
Урок 101. 00:20:36
Auth Provider
Урок 102. 00:12:06
Decode token + dispatch
Урок 103. 00:10:45
Auth Reducer
Урок 104. 00:07:46
Structural changes + "use Auth" hook
Урок 105. 00:15:06
Check if user is authenticated
Урок 106. 00:08:01
Logout + Secret page
Урок 107. 00:18:37
Auth route
Урок 108. 00:08:12
Guest route
Урок 109. 00:03:43
Login message
Урок 110. 00:00:54
Section Intro
Урок 111. 00:18:37
Github introduction
Урок 112. 00:11:04
Push changes to github
Урок 113. 00:19:10
Branching
Урок 114. 00:01:22
Section Intro
Урок 115. 00:16:17
Map Component
Урок 116. 00:09:35
Map Provider
Урок 117. 00:16:42
Send geolocation request
Урок 118. 00:19:40
Center map
Урок 119. 00:11:33
Display markers on the map
Урок 120. 00:07:41
Popup message on the map
Урок 121. 00:17:40
Cache location
Урок 122. 00:01:21
Section Intro
Урок 123. 00:14:46
Controller to create rental
Урок 124. 00:04:05
Fake DB Changes
Урок 125. 00:07:02
Rental "new" page
Урок 126. 00:14:03
Send request to create rental
Урок 127. 00:14:16
Token interceptor
Урок 128. 00:05:46
Refactor actions
Урок 129. 00:00:43
Section Outro
Урок 130. 00:01:46
Section Intro
Урок 131. 00:04:24
Booking component
Урок 132. 00:12:23
Date range picker component
Урок 133. 00:17:23
Get and display date
Урок 134. 00:14:04
Modal component
Урок 135. 00:13:51
Modal improvements
Урок 136. 00:20:19
Get booking nightly price
Урок 137. 00:14:08
Create booking
Урок 138. 00:14:58
Handle booked out dates
Урок 139. 00:16:04
UX Improvements
Урок 140. 00:06:38
Check if users is authorised to create booking
Урок 141. 00:06:41
Display rental owner in detail page
Урок 142. 00:01:37
Section Introduction
Урок 143. 00:07:46
Handle search on server
Урок 144. 00:06:59
Rental search page
Урок 145. 00:08:54
New search component
Урок 146. 00:08:43
Handle repeated search
Урок 147. 00:19:42
Reusable reducer
Урок 148. 00:00:37
Section Outro
Урок 149. 00:01:31
149 - 11-react-rental-manage-Intro
Урок 150. 00:01:31
Section Intro
Урок 151. 00:04:40
Manage pages
Урок 152. 00:08:06
Manage reducer
Урок 153. 00:08:14
Display received rentals
Урок 154. 00:25:04
Manage received bookings
Урок 155. 00:08:40
Delete rental preparation
Урок 156. 00:15:17
Delete rental final steps
Урок 157. 00:11:42
Handle errors in delete rental
Урок 158. 00:18:10
Delete booking
Урок 159. 00:08:04
Make actions reusable
Урок 160. 00:02:26
Section Intro
Урок 161. 00:13:28
Update Rental on Server
Урок 162. 00:07:36
Verify rental owner on Server
Урок 163. 00:07:30
Rental edit page
Урок 164. 00:15:52
Rental Guard
Урок 165. 00:14:38
Editable Input Component
Урок 166. 00:05:26
Editable stylings
Урок 167. 00:09:01
Handle update of input
Урок 168. 00:17:30
Update rental success
Урок 169. 00:11:51
Display toast message in case of error
Урок 170. 00:08:32
Transform view of input
Урок 171. 00:07:32
Inline editable component
Урок 172. 00:09:54
Editable textarea
Урок 173. 00:11:47
Editable select
Урок 174. 00:12:12
More reusability of editable component
Урок 175. 00:08:34
UX Improvements
Урок 176. 00:07:16
Fix map
Урок 177. 00:00:33
Section Outro
Урок 178. 00:01:44
Section Intro
Урок 179. 00:02:31
Fix image display
Урок 180. 00:07:46
File loader component
Урок 181. 00:07:16
File loader styling
Урок 182. 00:13:07
File Reader
Урок 183. 00:03:13
Image styling
Урок 184. 00:10:58
Image upload functionality
Урок 185. 00:12:42
Handle image status
Урок 186. 00:08:09
Cancel image
Урок 187. 00:08:02
Spinner Component
Урок 188. 00:10:25
Create rental with image
Урок 189. 00:16:12
Image cropper component
Урок 190. 00:12:30
File loader refactor
Урок 191. 00:16:57
Get cropped area in base64
Урок 192. 00:17:08
Uploading of cropped area
Урок 193. 00:17:13
Increase quality of image
Урок 194. 00:16:32
193 - 136-Editable-Image-Component
Урок 195. 00:16:32
Editable image component
Урок 196. 00:13:29
Editable image stylings
Урок 197. 00:02:49
Update server response in Update
Урок 198. 00:14:23
Uploading polishing
Урок 199. 00:20:33
Production server updates
Урок 200. 00:12:35
Setting up production variables
Урок 201. 00:13:54
Deployment to Heroku
Урок 202. 00:00:34
Outro
Урок 203. 00:01:35
Section Intro
Урок 204. 00:14:12
Project Initialization
Урок 205. 00:17:34
Explaining folder structure
Урок 206. 00:14:49
App Component
Урок 207. 00:13:35
Decorators
Урок 208. 00:10:56
Header Component
Урок 209. 00:11:57
Small Counter App
Урок 210. 00:17:09
Event Handlers
Урок 211. 00:09:18
Bootstrap Framework
Урок 212. 00:17:17
Improving header component
Урок 213. 00:15:01
Define colors in SCSS
Урок 214. 00:17:12
Routing
Урок 215. 00:13:11
Rental Module
Урок 216. 00:09:26
Get routing params
Урок 217. 00:37:10
How does it work
Урок 218. 00:02:52
Section Introduction
Урок 219. 00:21:15
Rental Array
Урок 220. 00:05:37
Iterate Rentals
Урок 221. 00:17:47
Rental Service
Урок 222. 00:17:17
Generic Interface
Урок 223. 00:16:47
Rental Item stylings
Урок 224. 00:14:41
Rental card component
Урок 225. 00:11:22
Output decorator
Урок 226. 00:14:24
Two way data binding
Урок 227. 00:14:19
Get rental by Id
Урок 228. 00:11:50
Stylings of rental detail page
Урок 229. 00:09:24
Pipes
Урок 230. 00:17:13
Custom pipe
Урок 231. 00:16:29
Attribute directives
Урок 232. 00:18:03
Custom NG IF Directive
Урок 233. 00:12:08
Custom NG FOR Directive
Урок 234. 00:12:21
Login, Register page + Font Awesome
Урок 235. 00:01:49
Section Outro
Урок 236. 00:01:48
Section Intro
Урок 237. 00:08:32
Http Module
Урок 238. 00:09:34
Proxy Configuration
Урок 239. 00:10:31
Login and Register layout
Урок 240. 00:19:51
Template forms + get data from form
Урок 241. 00:17:40
Template form validation
Урок 242. 00:14:49
Register form handle submit
Урок 243. 00:14:17
Reactive forms intro
Урок 244. 00:11:37
Reactive forms validation
Урок 245. 00:14:38
Custom reactive validator
Урок 246. 00:16:08
Custom Directive validator
Урок 247. 00:26:37
Same as validator
Урок 248. 00:16:51
Providers
Урок 249. 00:00:46
Section outro
Урок 250. 00:02:39
Section intro
Урок 251. 00:11:57
Register User
Урок 252. 00:12:38
Handle register errors
Урок 253. 00:14:55
Function to handle error
Урок 254. 00:15:20
Send message from register
Урок 255. 00:17:52
Login functionality
Урок 256. 00:17:06
Save JWT
Урок 257. 00:13:15
Display username + expiration
Урок 258. 00:12:47
Display menu when authenticated
Урок 259. 00:09:51
Logout
Урок 260. 00:15:27
Auth guard intro
Урок 261. 00:13:22
Finishing auth guard
Урок 262. 00:06:20
Guest guard
Урок 263. 00:04:33
Redirect when cannot visit page
Урок 264. 00:00:54
Section introduction
Урок 265. 00:22:30
Github introduction
Урок 266. 00:24:11
Pushing changes to github
Урок 267. 00:22:15
Branching
Урок 268. 00:01:57
Section Introduction
Урок 269. 00:10:36
Init Map Module
Урок 270. 00:17:20
Display map
Урок 271. 00:16:17
Search query
Урок 272. 00:13:43
Center map on location
Урок 273. 00:10:34
Display marker
Урок 274. 00:14:42
Handle error- display popup
Урок 275. 00:12:32
Cleaning map component
Урок 276. 00:21:18
Caching location
Урок 277. 00:02:01
Section Intro
Урок 278. 00:14:46
Rental create on server
Урок 279. 00:04:05
Changes in fake DB
Урок 280. 00:11:33
Rental "new" page
Урок 281. 00:12:48
Get data from rental form
Урок 282. 00:07:24
UX Fixes
Урок 283. 00:17:29
Send request to create rental
Урок 284. 00:19:18
Token interceptor
Урок 285. 00:04:47
TomTom url interceptor
Урок 286. 00:00:36
Section Outro
Урок 287. 00:01:56
Section Intro
Урок 288. 00:10:56
Booking component
Урок 289. 00:20:00
Datepicker + styles
Урок 290. 00:15:38
Booking model
Урок 291. 00:13:17
Get nightly price
Урок 292. 00:11:42
Confirmation modal
Урок 293. 00:17:19
Time service
Урок 294. 00:15:59
Get booking UTC time
Урок 295. 00:17:30
Creating booking
Урок 296. 00:09:14
UX Improvements
Урок 297. 00:18:02
Get range of dates
Урок 298. 00:15:11
Block dates in calendar
Урок 299. 00:14:03
Toastr
Урок 300. 00:01:34
Section Intro
Урок 301. 00:07:46
Search city on server
Урок 302. 00:09:36
Rentals home page
Урок 303. 00:09:36
Get rentals by city
Урок 304. 00:09:12
Working Search input
Урок 305. 00:00:40
Section outro
Урок 306. 00:02:05
Section Intro
Урок 307. 00:10:19
Manage Module
Урок 308. 00:14:23
Handle all and received bookings
Урок 309. 00:12:20
List rentals for auth user
Урок 310. 00:09:47
Delete rental preparation
Урок 311. 00:10:43
Delete rental complete
Урок 312. 00:15:31
Booking listing template + Fetch data
Урок 313. 00:21:30
More booking listing
Урок 314. 00:12:44
Delete booking done
Урок 315. 00:02:37
Section Intro
Урок 316. 00:13:36
Update Rental on Server
Урок 317. 00:07:36
Verify rental owner on Server
Урок 318. 00:08:12
Rental Update Page
Урок 319. 00:14:37
Rental Guard
Урок 320. 00:05:45
Editable Input
Урок 321. 00:10:24
Editable Input Data binding
Урок 322. 00:09:53
Control input state
Урок 323. 00:05:00
Set origin value of input
Урок 324. 00:14:06
Emit entity value
Урок 325. 00:08:49
Updating rental
Урок 326. 00:07:44
Input Notifier
Урок 327. 00:15:13
More input types
Урок 328. 00:14:09
Small fixes on inputs
Урок 329. 00:15:06
Editable textarea
Урок 330. 00:16:00
Editable select
Урок 331. 00:20:52
Handle Map Update
Урок 332. 00:05:20
UX Improvements - keydown events
Урок 333. 00:00:39
Section Outro
Урок 334. 00:01:35
Section Intro
Урок 335. 00:10:37
Fix Images
Урок 336. 00:11:11
Image upload component
Урок 337. 00:14:59
File Reader + Image Preview
Урок 338. 00:15:42
Upload image service
Урок 339. 00:17:25
UI Spinner
Урок 340. 00:12:04
Emit ID of image
Урок 341. 00:17:35
Image cropper component
Урок 342. 00:18:41
Fixing cropper component
Урок 343. 00:16:22
Editable image component
Урок 344. 00:07:58
Editable image styling improvements
Урок 345. 00:02:49
Update server response in Update
Урок 346. 00:13:39
Editable image done
Урок 347. 00:30:52
TS Lint Warnings
Урок 348. 00:13:42
Node Server Production
Урок 349. 00:14:36
Heroku app + prod variables
Урок 350. 00:16:42
App deployment
Урок 351. 00:16:52
Final Testing
Урок 352. 00:00:37
Section Outro
Урок 353. 00:02:42
Section Intro
Урок 354. 00:08:40
Server Setup
Урок 355. 00:17:30
Endpoints
Урок 356. 00:15:40
Post Endpoint
Урок 357. 00:08:50
Patch and Delete endpoints
Урок 358. 00:06:39
Routes Folder
Урок 359. 00:06:03
Controllers Folder
Урок 360. 00:13:01
DB Setup
Урок 361. 00:15:25
Rental Model
Урок 362. 00:13:17
Get data from DB
Урок 363. 00:11:18
Add rentals to DB
Урок 364. 00:14:57
Fake DB
Урок 365. 00:11:07
Rental model function
Урок 366. 00:00:53
Section Outro
Урок 367. 00:01:18
Section Intro
Урок 368. 00:05:43
User Routes Controler
Урок 369. 00:08:55
User Model
Урок 370. 00:22:23
Register User
Урок 371. 00:14:58
Hashing passwords
Урок 372. 00:17:22
Login functionality
Урок 373. 00:14:38
JWT Intro
Урок 374. 00:14:11
Middlewares
Урок 375. 00:25:18
Auth middleware
Урок 376. 00:12:01
Handle JWT Errors
Урок 377. 00:24:47
Handle Mongo Error
Урок 378. 00:13:20
Handle API Error
Урок 379. 00:09:27
Fake DB Update
Урок 380. 00:00:54
Section Outro
Урок 381. 00:01:18
Section Intro
Урок 382. 00:11:18
Booking create
Урок 383. 00:17:55
Check if user is rental owner
Урок 384. 00:15:34
Create booking
Урок 385. 00:28:18
Check booking validity
Урок 386. 00:10:40
Structure changes to booking validation
Урок 387. 00:00:38
Section Outro
Урок 388. 00:01:18
Section Intro
Урок 389. 00:14:20
Get user bookings
Урок 390. 00:10:24
Get received bookings
Урок 391. 00:20:19
Delete booking endpoint
Урок 392. 00:15:17
Delete rental endpoint
Урок 393. 00:00:43
Section Outro
Урок 394. 00:01:26
Section Intro
Урок 395. 00:10:57
Image Upload route
Урок 396. 00:27:23
Multer init
Урок 397. 00:11:33
From buffer to string
Урок 398. 00:14:19
Cloudinary
Урок 399. 00:11:17
Image Model
Урок 400. 00:13:02
Fake DB Update
Урок 401. 00:05:40
Populate images
Урок 402. 00:00:50
Section Outro
Урок 403. 00:00:28
Course Outro

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198

Комментарии