Главная страницаКатегория react.jsFull Stack React Bootcamp с .NET API [2023] [10 проектов]

Full Stack React Bootcamp с .NET API [2023] [10 проектов]

Name: Full Stack React Bootcamp с .NET API [2023] [10 проектов]
Price: 13 USD
Rating: 4.5 (12 reviews)

Full Stack React Bootcamp with .NET API [2023] [10 Projects]

udemy

★4.5 (всего оценок - 12)

Full Stack React Bootcamp с .NET API [2023] [10 проектов]

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

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

21 ч 44 мин

Категория

React.js

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

339 Видео

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

22 июн. 2023 г., 12:22

Язык

Английский

Дата выхода

12 апр. 2023 г., 01:00

Этот курс будет практическим и предоставит вам практический опыт работы с React, включая более 25 заданий и 10 проектов. Мы начнем с основных фундаментальных концепций и перейдем к более продвинутым темам, чтобы вы стали опытным разработчиком React.js.

Мы будем создавать бэкенд с использованием .NET API и использовать его в React.js. Вам не нужно создавать API самостоятельно. Этот раздел можно пропустить, поскольку я буду предоставлять онлайн-хостинг для API, который можно использовать в рамках курса. Однако я все равно обучаю и развертываю API в рамках курса.

Моя цель с этим курсом проста - быть разработчиком .NET, который умеет адаптироваться к фреймворкам фронтенда по мере их развития. Я хочу создать один курс, который сосредоточится на том, чтобы бэкенд-разработчику получить качественный опыт работы с React.js таким образом, чтобы он был легким для понимания и обеспечивал глубокое понимание основ и продвинутых концепций React.js.

Это практический буткэмп, который приведет вас от нуля до эксперта в React JS!

Этот курс состоит из двух модулей:

Руководство для начинающих по React (8 проектов)
В первом модуле мы создадим 8 небольших проектов, чтобы понять основы React, Redux Toolkit и Hooks. После того, как мы освоим все основы, мы создадим полноценный сайт ресторана, где клиенты смогут размещать заказы с использованием своих кредитных карт, отслеживать статус заказов, а администратор сможет просматривать и управлять заказами.
Реальный проект с использованием React и .NET API
Во втором модуле мы создадим реальный проект, используя React и .NET API. Мы будем разрабатывать 10 проектов в рамках этого курса. В дополнение к этому, мы создадим полноценный веб-сайт ресторана с интеграцией платежей!

Это будет единственный курс, который вам потребуется, чтобы изучить и овладеть React JS, и мы будем интегрировать .NET API в процессе обучения.

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

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

Урок 1. 00:03:00
Welcome
Урок 2. 00:04:52
Why should you learn react?
Урок 3. 00:00:43
Live Demo - Final Project
Урок 4. 00:01:29
Additional Resources
Урок 5. 00:06:22
What we will build Part 1
Урок 6. 00:05:44
What we will build Part 2
Урок 7. 00:02:19
Course Prerequisites
Урок 8. 00:02:48
How to get Help?
Урок 9. 00:01:46
Project Resources
Урок 10. 00:02:16
Tools Needed
Урок 11. 00:03:16
Visual Studio Code Extensions
Урок 12. 00:03:09
Setup basic HTML and add React CDN
Урок 13. 00:03:19
First React Code
Урок 14. 00:01:26
Assignment 1 - Writing first React Code
Урок 15. 00:02:25
Creating Element and rendering in React
Урок 16. 00:04:32
What is JSX?
Урок 17. 00:01:48
Better way to create React Projects
Урок 18. 00:01:47
Create Project
Урок 19. 00:01:51
Run the Project
Урок 20. 00:03:26
CleanUp Project
Урок 21. 00:02:36
Make project functional again
Урок 22. 00:05:19
First React Component
Урок 23. 00:01:06
Assignment 2 - React Component
Урок 24. 00:00:55
Assignment 3 - Parent Child Component
Урок 25. 00:01:37
Assignment 3 Solution - Parent Child Component
Урок 26. 00:01:47
Rules of JSX
Урок 27. 00:03:41
Work with styles
Урок 28. 00:02:10
Adding Bootstrap Classes
Урок 29. 00:03:38
Work with Classes Part 1
Урок 30. 00:02:47
Variable in JSX
Урок 31. 00:00:39
Assignment 3 - Adding Const
Урок 32. 00:00:37
Assignment 3 Solution - Adding Const
Урок 33. 00:04:21
HTML Element in JSX
Урок 34. 00:05:43
Student Component
Урок 35. 00:04:12
Export and Import Component
Урок 36. 00:00:32
Assignment 4 - Separating Student Component
Урок 37. 00:01:04
Assignment 4 Solution - Separating Student Component
Урок 38. 00:04:18
Props and Components
Урок 39. 00:05:19
Install third party libraries and Images
Урок 40. 00:02:55
Import Image and Header Design
Урок 41. 00:03:34
Footer and Main Body Component
Урок 42. 00:02:29
Assignment 5 - Fix Error and Designing
Урок 43. 00:04:36
Passing Components as Children
Урок 44. 00:01:35
Final Hierarchy
Урок 45. 00:03:01
Arrow Function
Урок 46. 00:03:05
functional vs class components
Урок 47. 00:04:09
Class Components
Урок 48. 00:00:42
Assignment 6 - Convert MainBody to Class Component
Урок 49. 00:03:09
Create CountOPedia
Урок 50. 00:03:55
Assignment 7 Solution - Setup CountOPedia
Урок 51. 00:01:32
Counter Application Buttons
Урок 52. 00:01:44
Click Events
Урок 53. 00:04:05
Setting and Retrieving State
Урок 54. 00:05:10
Demo - React State
Урок 55. 00:02:08
State Summary
Урок 56. 00:04:54
New SetState Syntax
Урок 57. 00:04:28
CountoPedia UI
Урок 58. 00:04:15
Random play and Reset Button
Урок 59. 00:01:25
Assignment 8 - Game Status and Last Play
Урок 60. 00:03:55
Assignment 8 Solution - Game Status and Last Play
Урок 61. 00:02:46
Create Project - ContactOPedia
Урок 62. 00:04:52
Add Components
Урок 63. 00:05:26
Skeleton of Components
Урок 64. 00:02:34
Add Contact UI
Урок 65. 00:07:30
Favorite and General Contact State
Урок 66. 00:06:36
Individual Contact UI
Урок 67. 00:03:03
Look and Feel ContactOPedia
Урок 68. 00:04:35
Add Contact Handler
Урок 69. 00:05:16
Add Contact in Action
Урок 70. 00:05:23
Add Validations
Урок 71. 00:02:49
Display Validation and Success Notification
Урок 72. 00:09:23
Toggle Favorites
Урок 73. 00:00:38
Assignment 10 - Delete Contact
Урок 74. 00:03:18
Assignment 10 Solution - Delete Contact
Урок 75. 00:03:55
Add Random User to Contact List
Урок 76. 00:06:35
Axios Call
Урок 77. 00:03:23
Demo - Adding Random Contact
Урок 78. 00:00:22
Assignment 11 - Remove All Contact
Урок 79. 00:01:40
Assignment 11 Solution - Remove all Contact
Урок 80. 00:05:47
Which Contact has to be updated
Урок 81. 00:06:19
Toggle UI Based on Update
Урок 82. 00:01:57
Cancel Button in Action
Урок 83. 00:05:28
Update Contact- Part 1
Урок 84. 00:02:29
Update Contact - Part 2
Урок 85. 00:03:05
Create Project - Cyclopedia
Урок 86. 00:03:07
Setup Random API
Урок 87. 00:07:21
Display Instructor
Урок 88. 00:04:54
Component Did Update
Урок 89. 00:05:12
Controlled Component
Урок 90. 00:05:30
Saving in LocalStorage
Урок 91. 00:02:41
Separating out Instructor
Урок 92. 00:05:04
Component will UnMount
Урок 93. 00:06:19
Load Student List
Урок 94. 00:01:25
Bug time
Урок 95. 00:04:57
Create WatchOPedia
Урок 96. 00:02:07
Setup Counter
Урок 97. 00:05:02
UseState in Action
Урок 98. 00:05:23
Gotchas with useState
Урок 99. 00:02:07
Objects and State
Урок 100. 00:02:30
Another Gotcha with useState
Урок 101. 00:01:08
Something Exciting
Урок 102. 00:04:06
WatchoPedia Movie Setup
Урок 103. 00:02:52
Assignment 12 Solution - Display Movie List
Урок 104. 00:05:20
Assignment 13 Solution - Add Movie to watch
Урок 105. 00:03:20
Initial Project
Урок 106. 00:06:56
Name and Feedback Input fields
Урок 107. 00:06:57
UseEffect Overview
Урок 108. 00:02:19
UseEffect - First Render Only
Урок 109. 00:02:06
UseEffect - Unmount in Action
Урок 110. 00:00:42
Assignment 14 - Use Effect
Урок 111. 00:02:05
Assignment 14 Solution - Use Effect
Урок 112. 00:04:05
Load Student on Counter Update
Урок 113. 00:06:09
useRef and previous values
Урок 114. 00:02:56
Use Ref on Student Count
Урок 115. 00:02:30
More common use of useRef
Урок 116. 00:03:43
useld Hook
Урок 117. 00:03:31
Setup RouteOPedia
Урок 118. 00:03:57
Create More Components
Урок 119. 00:06:10
First Route
Урок 120. 00:02:55
Link Component
Урок 121. 00:01:26
Assignment 15 - Product Routes
Урок 122. 00:02:48
Assignment 15 - Product Routes Solution
Урок 123. 00:01:35
Nested Routes
Урок 124. 00:00:45
Index in Nested Route
Урок 125. 00:01:38
Not Found
Урок 126. 00:05:47
Parameters in URL
Урок 127. 00:01:14
Assignment 16 - Parameters in URL
Урок 128. 00:02:58
NavLink Component
Урок 129. 00:01:39
Navigate using useNavigate Hook
Урок 130. 00:01:15
Using Link Component to Navigate
Урок 131. 00:02:52
Another Navigation Method
Урок 132. 00:02:04
Navigate back
Урок 133. 00:05:09
Setup ReduxOPedia
Урок 134. 00:05:20
Add Redux Store
Урок 135. 00:08:57
Create first Reducer and Actions
Урок 136. 00:03:12
Log State and Dispatch Action
Урок 137. 00:02:30
Retrieve value from state
Урок 138. 00:04:16
Dispatching Action from React Component
Урок 139. 00:03:51
Assignment 17 - Counter Multiplier
Урок 140. 00:02:45
Assignment 17 Solution - Counter Multiplier
Урок 141. 00:02:54
Add Destination Slice
Урок 142. 00:04:08
Display Destinations
Урок 143. 00:03:50
Select Destination
Урок 144. 00:02:40
Display selected destination
Урок 145. 00:05:16
Reset counter and destination
Урок 146. 00:04:12
Listen to action of a different Reducer
Урок 147. 00:01:37
Say NO to magic strings
Урок 148. 00:04:51
Custom Actions
Урок 149. 00:02:38
Alternative Approach for import and export
Урок 150. 00:04:33
Setup TravelOPedia
Урок 151. 00:03:17
Setup Destination Components
Урок 152. 00:04:55
Setup JSON Server
Урок 153. 00:10:23
Create Destination API
Урок 154. 00:05:02
Fetch Records from API
Урок 155. 00:01:43
Add Destination Controller Component
Урок 156. 00:03:43
Add Mutations
Урок 157. 00:05:06
Call POST Mutation
Урок 158. 00:00:45
query vs mutation
Урок 159. 00:04:36
Caching with RTK Query
Урок 160. 00:05:58
TAGS in Action
Урок 161. 00:00:50
Assignment 18 - Delete Destination
Урок 162. 00:02:26
Assignment 18 Solution - Delete Destination
Урок 163. 00:02:11
Response from Query and Parameters
Урок 164. 00:01:43
Separating out Individual Destination
Урок 165. 00:01:04
Assignment 19 - Edit Functionality
Урок 166. 00:08:44
Assignment 19 Solution - Edit Functionality
Урок 167. 00:05:59
Integrate RTK Query with Redux Store
Урок 168. 00:03:22
Call Another API
Урок 169. 00:02:35
Show Random Destination
Урок 170. 00:06:29
API is optional and you can use the API right here
Урок 171. 00:03:11
Setup Storage Account for Images on Azure
Урок 172. 00:02:01
Create API Project
Урок 173. 00:02:12
Install NuGet Packages
Урок 174. 00:06:14
Setup Connection String and DBContext
Урок 175. 00:08:01
Create SQL Tables and push Migrations
Урок 176. 00:04:15
Add Name to AspNetUsers
Урок 177. 00:03:43
Create Menu Item Table
Урок 178. 00:04:09
Seed Menu Items
Урок 179. 00:06:25
Get Menu Item and API Response
Урок 180. 00:03:43
Get Individual Menu Item
Урок 181. 00:06:09
Add Storage Account Connection String
Урок 182. 00:04:20
Implement Blob Service
Урок 183. 00:10:00
Create Menu Item
Урок 184. 00:01:34
Create Menu Item In Action
Урок 185. 00:07:28
Update Menu Item
Урок 186. 00:02:46
Delete Menu Item
Урок 187. 00:01:02
Correct Status Code and Success Flag
Урок 188. 00:03:52
Add Login and Register DTOs
Урок 189. 00:04:32
Auth Controller and Dependency Injection
Урок 190. 00:11:11
Register in Action
Урок 191. 00:04:07
Login in Action
Урок 192. 00:07:26
JWT Token
Урок 193. 00:04:38
Add Authentication and Authorization Endpoints
Урок 194. 00:03:11
Setup API for Authentication
Урок 195. 00:07:01
Add Security to Swagger
Урок 196. 00:07:41
Add Shopping Cart Models
Урок 197. 00:04:11
Shopping Cart Controller and Logic
Урок 198. 00:10:48
Update Shopping Cart Endpoint
Урок 199. 00:02:41
Test Shopping Cart Endpoint
Урок 200. 00:05:12
Get Shopping Cart
Урок 201. 00:04:34
Order Header and Details Model
Урок 202. 00:02:29
Order DTOs
Урок 203. 00:03:49
Get Order
Урок 204. 00:06:01
Create Order in Action
Урок 205. 00:03:39
Update Order Details
Урок 206. 00:05:39
Stripe Payment Endpoint
Урок 207. 00:06:02
Stripe Client Secret in Action
Урок 208. 00:01:31
Shopping Cart API Update
Урок 209. 00:05:10
Deploy API
Урок 210. 00:04:23
Typescript Introduction
Урок 211. 00:02:10
Create App with Typescript
Урок 212. 00:01:35
Package Json
Урок 213. 00:03:05
File CleanUp
Урок 214. 00:02:38
Install Bootstrap and Bootstrap Icons
Урок 215. 00:04:41
Header and Footer Component
Урок 216. 00:02:36
Header UI
Урок 217. 00:06:49
Fetch Menu Items & Interfaces in TS
Урок 218. 00:03:54
Better Structure
Урок 219. 00:03:50
Card Component
Урок 220. 00:03:24
Home Page UI
Урок 221. 00:05:43
Add Routing and Not Found
Урок 222. 00:05:09
Menu Item Details Page
Урок 223. 00:07:07
Add Redux and Tedux Toolkit to Project
Урок 224. 00:06:36
Add Query to Fetch Menu Items
Урок 225. 00:03:39
Call Slice to Fetch Data
Урок 226. 00:01:18
Display Loading Text
Урок 227. 00:01:01
Assignment 20 - Load Menu Item Details
Урок 228. 00:05:45
Assignment 20 Solution - Load Menu Item Details
Урок 229. 00:03:44
Manage Quantity on Menu Item Details
Урок 230. 00:04:12
User ID for Shopping Cart
Урок 231. 00:06:09
Setup Shopping Cart Query and Mutation
Урок 232. 00:05:08
Add to Cart in Action
Урок 233. 00:01:18
Assignment 21 - Add to Cart Home Page
Урок 234. 00:02:00
Assignment 21 Solution - Add to Cart Home Page
Урок 235. 00:02:18
Add Mini Loader on Home Page
Урок 236. 00:02:54
Mini Loader Component
Урок 237. 00:02:14
Main Loader
Урок 238. 00:02:03
Loader on Add to Cart in Details Page
Урок 239. 00:04:19
Shopping Cart Interface
Урок 240. 00:06:12
Get Shopping Cart and Store in Slice
Урок 241. 00:03:04
Shopping Cart Page
Урок 242. 00:06:06
Shopping Cart Summary
Урок 243. 00:04:23
Add Reducers to Shopping Cart Slice
Урок 244. 00:08:18
Shopping Cart Functional
Урок 245. 00:02:00
Show Distinct Items in Cart
Урок 246. 00:04:04
Display Pickup Details
Урок 247. 00:08:05
Controller Component Helper Method
Урок 248. 00:03:17
Loading Component
Урок 249. 00:05:19
Login and Register UI
Урок 250. 00:05:22
How Login and Register will work
Урок 251. 00:03:32
Add Auth API
Урок 252. 00:04:30
Authentication Slice and User Interface
Урок 253. 00:05:22
Controller Components in Register
Урок 254. 00:03:12
Response API Interface
Урок 255. 00:05:17
Register User
Урок 256. 00:01:46
Controller Login Fields
Урок 257. 00:03:03
Login in Action
Урок 258. 00:01:57
Add Token to LocalStorage
Урок 259. 00:03:26
Decode JWT Token
Урок 260. 00:04:05
Toggle Login and Logout button
Урок 261. 00:03:45
Login and Logout in Action
Урок 262. 00:02:42
Small Bug with Authentication
Урок 263. 00:07:50
Toastify Notifications
Урок 264. 00:00:52
Add Loader on Register
Урок 265. 00:05:10
Add Test Components for Authentication and Authorization
Урок 266. 00:07:28
Authentication with HOC
Урок 267. 00:02:56
Authorization with HOC
Урок 268. 00:04:25
Only Authenticated User can Add to Cart
Урок 269. 00:02:58
Dynamic User ID
Урок 270. 00:00:32
Cleanup test Components
Урок 271. 00:01:28
Load User Details of Logged in User
Урок 272. 00:03:36
Stripe and React
Урок 273. 00:02:16
Create Payment API
Урок 274. 00:06:01
Calling Payment API
Урок 275. 00:03:18
Use Location State
Урок 276. 00:04:03
Stripe Card Demo
Урок 277. 00:02:50
Order Summary UI
Урок 278. 00:04:43
Local Interfaces
Урок 279. 00:04:23
Dynamic Order Summary
Урок 280. 00:06:04
Stripe Processing
Урок 281. 00:03:22
Stripe success object
Урок 282. 00:01:57
Order API
Урок 283. 00:04:59
Create Order Object to Create Order
Урок 284. 00:11:54
Create Order
Урок 285. 00:03:22
Order Confirmed Logic
Урок 286. 00:06:36
Order Confirmation Page
Урок 287. 00:02:39
Get Order Endpoints in API
Урок 288. 00:02:12
My Orders UI
Урок 289. 00:08:20
Dynamic My Orders
Урок 290. 00:00:58
Bug with my orders
Урок 291. 00:04:16
Make a new component for Order List
Урок 292. 00:08:51
12 Order Details
Урок 293. 00:01:31
13 Assignment 22 - Solve Data Bug
Урок 294. 00:03:56
14 Manage Orders Header based on Role
Урок 295. 00:02:20
15 Status Color Helper Method
Урок 296. 00:02:32
16 Display Badge for Order Status
Урок 297. 00:01:26
17 Back to Order Button
Урок 298. 00:05:17
18 Buttons for Nest Status
Урок 299. 00:02:54
19 Order Status Badge on Order List
Урок 300. 00:03:26
20 Order API - PUT Endpoint
Урок 301. 00:05:13
21 Update Order Status
Урок 302. 00:01:35
22 Cancel & Completed Buttons Condition
Урок 303. 00:01:57
23 All Orders Page
Урок 304. 00:03:08
Create Menu Item List Page
Урок 305. 00:03:42
Assignment 23 - Dynamic Menu Item List
Урок 306. 00:03:59
Menu Item Upsert UI
Урок 307. 00:04:00
Controller Components Menu Item
Урок 308. 00:07:39
Upload Image in React
Урок 309. 00:03:20
Menu Item API Mutations
Урок 310. 00:05:17
Create Menu Item
Урок 311. 00:03:04
Update Designing
Урок 312. 00:03:59
Load Menu Item to Update
Урок 313. 00:05:03
Update Menu Item
Урок 314. 00:03:12
Category Dropdown
Урок 315. 00:01:45
Small Bug
Урок 316. 00:02:45
Delete Menu Item
Урок 317. 00:00:33
Assignment 25 - Data goes away on refresh
Урок 318. 00:01:28
Assignment 25 - Bug Solution
Урок 319. 00:01:58
Banner
Урок 320. 00:00:56
Renaming Folder
Урок 321. 00:03:19
Store Search Value in Redux
Урок 322. 00:06:58
Search in Banner
Урок 323. 00:05:06
Show all Category for Filter
Урок 324. 00:06:50
Category Filters in Action
Урок 325. 00:07:33
Sorting in Action
Урок 326. 00:03:05
Skip Getting Shopping Cart
Урок 327. 00:05:57
Authentication and Authorization End Points
Урок 328. 00:03:58
Deploy to Azure
Урок 329. 00:01:00
Introduction
Урок 330. 00:02:21
Add search to orders in API
Урок 331. 00:06:40
Add pagination to orders in API
Урок 332. 00:04:22
Add UI Filters
Урок 333. 00:03:24
Controller Components
Урок 334. 00:04:48
Local Filters in Action
Урок 335. 00:03:51
API Filters in Action
Урок 336. 00:00:38
Small Bug
Урок 337. 00:04:43
Get Total Records
Урок 338. 00:05:39
Pagination in Action
Урок 339. 00:03:29
Page Size in Action

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+195