Главная страницаКатегория 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)

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

Начать Сейчас

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

80 ч 1 мин

Категория

Angular

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

403 Видео

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

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

Язык

Английский

Дата выхода

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

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

Получите правильное мышление, чтобы подать заявку на работу разработчика и улучшить свои навыки в современных средах программирования, таких как Angular, React и Node.

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

Мы подготовим формы регистрации и входа с полностью работающей проверкой каждого входа. Пользователь сможет зарегистрироваться и авторизоваться в приложении. Вошедший в систему пользователь увидит новые функции и изменения в пользовательском интерфейсе.

После раздела аутентификации мы будем работать над функциональностью для создания объектов аренды.

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

Далее мы поработаем над основной функциональностью приложения, чтобы бронировать недвижимость на определенное количество ночей. Мы интегрируем в наше приложение интересные функции, календарь для выбора диапазона дат, модальное окно для подтверждения бронирования и тост-компонент(короткое немодальное уведомление, которое сообщает пользователю о результате выполнения его команды) для отображения сообщений.

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

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

Далее мы рассмотрим очень интересную функцию обновления арендной недвижимости. В функции «Обновление аренды» вы узнаете, как создавать мощные многоразовые компоненты.

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

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

Посмотреть больше

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

Урок 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 - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+194