CourseFlix

Blazor Bootcamp - .NET 6 (WASM and Server)

15h 36m 29s
English
Paid

Embark on a comprehensive journey with our Blazor Bootcamp, designed to equip you with real-world skills and challenges. From Blazor Server to Blazor WASM applications, this course immerses you in the expansive world of Blazor, all while leveraging the power of .NET 6 API.

Course Overview

Unlock the full potential of Blazor, the innovative part of .NET 6 for developing sophisticated web user interfaces in C#. This course is crafted to guide developers from elementary app creation to the integration of advanced concepts, design patterns, and features in professional projects.

Technologies Covered

Dive deep with the latest .NET 6 alongside Entity Framework Core, and integrate Stripe for seamless payment processing. Blazor marks a pivotal shift in the realm of front-end/client-side development, where JavaScript once reigned supreme.

Key Learning Outcomes

  • Introduction to Blazor: Master the fundamentals and get hands-on with practical applications.

  • Application Scaling: Learn methodologies to effectively scale your applications.

  • Project Architecture: Gain insights into architecting mid to large-scale projects efficiently.

  • Payment Processing: Explore best practices for payment processing within your applications using Stripe.

  • Real-World Application: Develop proficiency in applying Blazor in real-world scenarios, ensuring a robust understanding.

Additional

https://github.com/bhrugen/TangyBlazor

About the Author: Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

Watch Online 212 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 212 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Welcome
All Course Lessons (212)
#Lesson TitleDurationAccess
1
Welcome Demo
03:08
2
Project Demo
08:19
3
5 What is Blazor
04:23
4
Blazor client vs Blazor server
03:46
5
What this course is not about
02:18
6
Create Project
02:26
7
Run the application
03:47
8
Source Control
01:03
9
Blazor Files Overview
10:19
10
Blazor Server Project Flow
15:03
11
Blazor Web Assembly Project Brief Overview
04:38
12
Understand the Default Home Page
02:17
13
Creating Razor Component
04:51
14
One way Data Binding
04:11
15
3 Two Way Data Binding
05:35
16
4 Assignment 1 - Data Binding
01:06
17
5 Assignment 1 Solution - Data Binding
03:34
18
6 Dropdowns and Data Binding
06:25
19
7 Organizing Individual Product Playground
04:57
20
8 Product List
03:30
21
9 Assignment 2 - Bind Property
01:24
22
10 Assignment 2 Solution - Bind Property
05:19
23
Assignment 3 - Razor Component
01:30
24
12 Assignment 3 Solution - New Razor Component
06:03
25
1 Create Shared Component
04:55
26
2 Passing Props to Shared Component
02:29
27
3 Assignment 4 - Shared Components
00:58
28
4 Assignment 4 Solution - Shared Components
01:28
29
5 Favourites CheckBox
03:13
30
6 Event Callback
07:09
31
7 Assignment 5 - Event Callback
01:29
32
8 Assignment 5 Solution - Event Callback
05:16
33
2. Render Fragment
06:04
34
3 Another way for Basic Event Call Back
03:29
35
4 Multiple Render Fragment
03:13
36
5 Assignment 6 - Render Fragment
00:42
37
6 Assignment 6 Solution - Render Fragment
01:24
38
7 why we need attribute splatting
05:21
39
8 Attribute Splatting
02:42
40
9 - Capture all values with splatting
02:34
41
10 Passing Parameters at multiple level
03:36
42
11 Cascading Parameter
03:12
43
12 Cascading Parameter with Name
03:37
44
13 - Routing Basics
05:16
45
14 Routing - Query Parameters
05:34
46
15 Routing - Navigation Manager
03:10
47
1 Confirm Box in Blazor
05:14
48
2 Toastr JS
07:23
49
3 JsRuntime Extensions
05:20
50
4 Assignment 7 - SweetAlert
01:13
51
5 Assignment 7 Solution - SweetAlert
03:48
52
6 Referencing Components
03:11
53
7 Remove Default Components
02:57
54
2 OnInitialized Lifecycle
07:21
55
3 OnParameterSet Lifecycle
04:05
56
4 OnAfterRender
05:52
57
5 Should Render and StateHasChanged
05:59
58
2 Add Projects to Solution
01:53
59
3 Setup ApplicationDbContext
04:56
60
4 Add DbContext to Container
05:51
61
5 Push Category to Database
06:59
62
6 Category DTO
03:19
63
8 ICategory Repository
03:30
64
9 Category Repository Setup
04:16
65
10 AutoMapper
05:38
66
11 Implement Category Repository
09:36
67
2 Create Category List Component
04:09
68
3 Forms in Blazor Part 1
05:50
69
4 Forms in Blazor Part 2
01:47
70
5 Validations in Blazor Form
06:30
71
6 Create Category
02:45
72
7 List Category
04:19
73
8 Loading Spinner
04:50
74
9 Load Category on Edit
04:23
75
2 Delete Confirmation Component
06:23
76
3 Delete Method and Assignment 8
02:51
77
4 Assignment 8 - Delete Confirmation EventCallBack
02:46
78
Processing on Delete Confirmation
03:32
79
Cleaning Up Task
04:41
80
Assignment 9 - OnAfterRenderAsync
00:34
81
Assignment 9 Solution - OnAfterRenderAsync
01:22
82
Async Repository
03:42
83
1 Section Introduction
03:03
84
2 Create Product Table
03:29
85
3 Product DTO
01:36
86
4 Assignment 10 - Product Rpeository
00:49
87
5 Assignment 10 Solution - Product Repository
03:00
88
6 Product List Component
05:01
89
7 Product Upsert Component
06:17
90
8 Error Solving in Blazor
02:57
91
9 Category Dropdown
04:26
92
10 FileUpload Service
07:19
93
Handle File Upload
04:29
94
Create Product
02:39
95
Update Product
02:14
96
14 Delete Product
05:29
97
15 Syncfusion Components
01:47
98
16 Syncfusion RichTextEditor in Action
10:20
99
17 Create Products
00:56
100
What we will cover?
01:12
101
Product Price Model and DTO
04:34
102
Assignment 11 - Product Price Repository
00:48
103
Assignment 11 Solution - Product Price Repository
02:43
104
Load Product Details and Product Price
06:23
105
Show Product Summary
03:51
106
Add Syncfusion DataGrid
04:03
107
Syncfusion DataGrid Settings Part 1
05:38
108
Syncfusion DataGrid Settings Part 2
04:56
109
Syncfusion DataGrid Settings Part 3
03:27
110
Syncfusion DataGrid Settings Part 4
07:06
111
Create Tangy API
02:14
112
Add Connection String to API Project
03:19
113
Success Error DTO
03:40
114
Product Controller API Endpoint
06:16
115
Return Product Prices from Product API
03:45
116
Add AppSettings to WASM Project
03:19
117
Changing default navigation
04:39
118
Basic Settings like Server Project
03:24
119
Product Service Interface
04:38
120
Product Service Calls
05:52
121
Home Page UI
04:29
122
Retrieve Products from API
06:27
123
Home Page In Action
05:54
124
Details UI
08:08
125
Details VM
03:51
126
Selecting Product Price
03:28
127
Details UI - Add to Cart Toggle
03:43
128
Add Blazored Local Storage
03:34
129
Cart Service
02:29
130
Implement Cart Service
08:48
131
Cart Service Add to Cart in Action
04:22
132
Shopping Cart UI
05:08
133
Shopping Cart Load Data
06:55
134
Increment and Decrement Cart
05:57
135
Displaying Cart Counter
03:47
136
Update NavBar On Cart Update
06:14
137
Create Order Header and Detail
07:23
138
Create Order Model and DTO
04:08
139
Order Repository
03:01
140
Order Create Method
05:52
141
Order Repository Implementation
09:18
142
API - Create order controller
02:21
143
Order Service
03:00
144
Order Summary Part 1
03:24
145
Order Summary Part 2
05:37
146
Order Summary UI
06:17
147
Scaffold Identity in Blazor Server
07:29
148
Add Identity Tables
05:14
149
Add Columns to ASP Net Users Table
03:23
150
Register First User
05:21
151
Login and Logout
07:03
152
Show Email of Logged in User
01:27
153
Authorize Attribute
03:12
154
Authentication State in OnInitialized
05:10
155
Create Admin User
07:17
156
Roles in Action
03:06
157
DbInitializer
06:53
158
Seed New Database
04:11
159
Authorization In NavMenu
02:32
160
Add Identity to API
01:59
161
Account Controller
02:04
162
SignIn SignUp DTO
04:58
163
SignUp API Endpoint
04:22
164
Demo - SignUp API
02:49
165
SignIn API Endpoint Part 1
02:52
166
API Settings Section
05:02
167
SignIn Helper Methods
05:34
168
Sign In Endpoint Part 2
06:27
169
Add Authentication to API
03:42
170
Add Bearer to Swagger
04:24
171
JwtParser
03:32
172
Add AuthenticationState Provider
05:23
173
Custom Authentication State Demo
05:37
174
IAuthenticationSerivce
01:49
175
Login Service
05:14
176
Register and Logout Service
01:51
177
Register and Login UI
02:00
178
Register Component
05:55
179
Registration in Action
03:40
180
Splitting code files
03:19
181
Login in Action
04:14
182
Toggle Navbar on Authorization
01:28
183
Login and Logout in Action
02:30
184
Avoid force load on auth state change
05:22
185
Redirect to Login
08:52
186
Load User Details
02:05
187
Call Create Order From Summary
06:45
188
Create Order Header and Details
03:52
189
Create Stripe Account
01:48
190
Add Stripe to API Project
02:43
191
Payment Service in Blazor WASM
03:52
192
Stripe Payment Controller Method
11:10
193
Call Stripe
07:11
194
Issue with Order Total
03:04
195
Order Confirmation
04:46
196
Stripe Session Status and Payment Successful
06:32
197
Summary Processor
00:55
198
Create Order List Component
05:36
199
Radzen Component
08:59
200
Order Details Component
04:58
201
Order Details UI
06:46
202
Update Order Details
04:27
203
Ship Order
02:23
204
Payment Intent ID
05:08
205
Refund Order
08:22
206
Send Email using MailKit and MimeKit
08:07
207
Send Email using SendGrid
05:13
208
Blazor WebAssembly Package Issues
02:13
209
Azure SQL Database
06:17
210
Blazor Server Deployment
05:59
211
API Deployment
03:31
212
Blazor Client Deployment
05:49
Unlock unlimited learning

Get instant access to all 211 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Course content

212 lessons · 15h 36m 29s
Show all 212 lessons
  1. 1 Welcome 03:08
  2. 2 Project Demo 08:19
  3. 3 5 What is Blazor 04:23
  4. 4 Blazor client vs Blazor server 03:46
  5. 5 What this course is not about 02:18
  6. 6 Create Project 02:26
  7. 7 Run the application 03:47
  8. 8 Source Control 01:03
  9. 9 Blazor Files Overview 10:19
  10. 10 Blazor Server Project Flow 15:03
  11. 11 Blazor Web Assembly Project Brief Overview 04:38
  12. 12 Understand the Default Home Page 02:17
  13. 13 Creating Razor Component 04:51
  14. 14 One way Data Binding 04:11
  15. 15 3 Two Way Data Binding 05:35
  16. 16 4 Assignment 1 - Data Binding 01:06
  17. 17 5 Assignment 1 Solution - Data Binding 03:34
  18. 18 6 Dropdowns and Data Binding 06:25
  19. 19 7 Organizing Individual Product Playground 04:57
  20. 20 8 Product List 03:30
  21. 21 9 Assignment 2 - Bind Property 01:24
  22. 22 10 Assignment 2 Solution - Bind Property 05:19
  23. 23 Assignment 3 - Razor Component 01:30
  24. 24 12 Assignment 3 Solution - New Razor Component 06:03
  25. 25 1 Create Shared Component 04:55
  26. 26 2 Passing Props to Shared Component 02:29
  27. 27 3 Assignment 4 - Shared Components 00:58
  28. 28 4 Assignment 4 Solution - Shared Components 01:28
  29. 29 5 Favourites CheckBox 03:13
  30. 30 6 Event Callback 07:09
  31. 31 7 Assignment 5 - Event Callback 01:29
  32. 32 8 Assignment 5 Solution - Event Callback 05:16
  33. 33 2. Render Fragment 06:04
  34. 34 3 Another way for Basic Event Call Back 03:29
  35. 35 4 Multiple Render Fragment 03:13
  36. 36 5 Assignment 6 - Render Fragment 00:42
  37. 37 6 Assignment 6 Solution - Render Fragment 01:24
  38. 38 7 why we need attribute splatting 05:21
  39. 39 8 Attribute Splatting 02:42
  40. 40 9 - Capture all values with splatting 02:34
  41. 41 10 Passing Parameters at multiple level 03:36
  42. 42 11 Cascading Parameter 03:12
  43. 43 12 Cascading Parameter with Name 03:37
  44. 44 13 - Routing Basics 05:16
  45. 45 14 Routing - Query Parameters 05:34
  46. 46 15 Routing - Navigation Manager 03:10
  47. 47 1 Confirm Box in Blazor 05:14
  48. 48 2 Toastr JS 07:23
  49. 49 3 JsRuntime Extensions 05:20
  50. 50 4 Assignment 7 - SweetAlert 01:13
  51. 51 5 Assignment 7 Solution - SweetAlert 03:48
  52. 52 6 Referencing Components 03:11
  53. 53 7 Remove Default Components 02:57
  54. 54 2 OnInitialized Lifecycle 07:21
  55. 55 3 OnParameterSet Lifecycle 04:05
  56. 56 4 OnAfterRender 05:52
  57. 57 5 Should Render and StateHasChanged 05:59
  58. 58 2 Add Projects to Solution 01:53
  59. 59 3 Setup ApplicationDbContext 04:56
  60. 60 4 Add DbContext to Container 05:51
  61. 61 5 Push Category to Database 06:59
  62. 62 6 Category DTO 03:19
  63. 63 8 ICategory Repository 03:30
  64. 64 9 Category Repository Setup 04:16
  65. 65 10 AutoMapper 05:38
  66. 66 11 Implement Category Repository 09:36
  67. 67 2 Create Category List Component 04:09
  68. 68 3 Forms in Blazor Part 1 05:50
  69. 69 4 Forms in Blazor Part 2 01:47
  70. 70 5 Validations in Blazor Form 06:30
  71. 71 6 Create Category 02:45
  72. 72 7 List Category 04:19
  73. 73 8 Loading Spinner 04:50
  74. 74 9 Load Category on Edit 04:23
  75. 75 2 Delete Confirmation Component 06:23
  76. 76 3 Delete Method and Assignment 8 02:51
  77. 77 4 Assignment 8 - Delete Confirmation EventCallBack 02:46
  78. 78 Processing on Delete Confirmation 03:32
  79. 79 Cleaning Up Task 04:41
  80. 80 Assignment 9 - OnAfterRenderAsync 00:34
  81. 81 Assignment 9 Solution - OnAfterRenderAsync 01:22
  82. 82 Async Repository 03:42
  83. 83 1 Section Introduction 03:03
  84. 84 2 Create Product Table 03:29
  85. 85 3 Product DTO 01:36
  86. 86 4 Assignment 10 - Product Rpeository 00:49
  87. 87 5 Assignment 10 Solution - Product Repository 03:00
  88. 88 6 Product List Component 05:01
  89. 89 7 Product Upsert Component 06:17
  90. 90 8 Error Solving in Blazor 02:57
  91. 91 9 Category Dropdown 04:26
  92. 92 10 FileUpload Service 07:19
  93. 93 Handle File Upload 04:29
  94. 94 Create Product 02:39
  95. 95 Update Product 02:14
  96. 96 14 Delete Product 05:29
  97. 97 15 Syncfusion Components 01:47
  98. 98 16 Syncfusion RichTextEditor in Action 10:20
  99. 99 17 Create Products 00:56
  100. 100 What we will cover? 01:12
  101. 101 Product Price Model and DTO 04:34
  102. 102 Assignment 11 - Product Price Repository 00:48
  103. 103 Assignment 11 Solution - Product Price Repository 02:43
  104. 104 Load Product Details and Product Price 06:23
  105. 105 Show Product Summary 03:51
  106. 106 Add Syncfusion DataGrid 04:03
  107. 107 Syncfusion DataGrid Settings Part 1 05:38
  108. 108 Syncfusion DataGrid Settings Part 2 04:56
  109. 109 Syncfusion DataGrid Settings Part 3 03:27
  110. 110 Syncfusion DataGrid Settings Part 4 07:06
  111. 111 Create Tangy API 02:14
  112. 112 Add Connection String to API Project 03:19
  113. 113 Success Error DTO 03:40
  114. 114 Product Controller API Endpoint 06:16
  115. 115 Return Product Prices from Product API 03:45
  116. 116 Add AppSettings to WASM Project 03:19
  117. 117 Changing default navigation 04:39
  118. 118 Basic Settings like Server Project 03:24
  119. 119 Product Service Interface 04:38
  120. 120 Product Service Calls 05:52
  121. 121 Home Page UI 04:29
  122. 122 Retrieve Products from API 06:27
  123. 123 Home Page In Action 05:54
  124. 124 Details UI 08:08
  125. 125 Details VM 03:51
  126. 126 Selecting Product Price 03:28
  127. 127 Details UI - Add to Cart Toggle 03:43
  128. 128 Add Blazored Local Storage 03:34
  129. 129 Cart Service 02:29
  130. 130 Implement Cart Service 08:48
  131. 131 Cart Service Add to Cart in Action 04:22
  132. 132 Shopping Cart UI 05:08
  133. 133 Shopping Cart Load Data 06:55
  134. 134 Increment and Decrement Cart 05:57
  135. 135 Displaying Cart Counter 03:47
  136. 136 Update NavBar On Cart Update 06:14
  137. 137 Create Order Header and Detail 07:23
  138. 138 Create Order Model and DTO 04:08
  139. 139 Order Repository 03:01
  140. 140 Order Create Method 05:52
  141. 141 Order Repository Implementation 09:18
  142. 142 API - Create order controller 02:21
  143. 143 Order Service 03:00
  144. 144 Order Summary Part 1 03:24
  145. 145 Order Summary Part 2 05:37
  146. 146 Order Summary UI 06:17
  147. 147 Scaffold Identity in Blazor Server 07:29
  148. 148 Add Identity Tables 05:14
  149. 149 Add Columns to ASP Net Users Table 03:23
  150. 150 Register First User 05:21
  151. 151 Login and Logout 07:03
  152. 152 Show Email of Logged in User 01:27
  153. 153 Authorize Attribute 03:12
  154. 154 Authentication State in OnInitialized 05:10
  155. 155 Create Admin User 07:17
  156. 156 Roles in Action 03:06
  157. 157 DbInitializer 06:53
  158. 158 Seed New Database 04:11
  159. 159 Authorization In NavMenu 02:32
  160. 160 Add Identity to API 01:59
  161. 161 Account Controller 02:04
  162. 162 SignIn SignUp DTO 04:58
  163. 163 SignUp API Endpoint 04:22
  164. 164 Demo - SignUp API 02:49
  165. 165 SignIn API Endpoint Part 1 02:52
  166. 166 API Settings Section 05:02
  167. 167 SignIn Helper Methods 05:34
  168. 168 Sign In Endpoint Part 2 06:27
  169. 169 Add Authentication to API 03:42
  170. 170 Add Bearer to Swagger 04:24
  171. 171 JwtParser 03:32
  172. 172 Add AuthenticationState Provider 05:23
  173. 173 Custom Authentication State Demo 05:37
  174. 174 IAuthenticationSerivce 01:49
  175. 175 Login Service 05:14
  176. 176 Register and Logout Service 01:51
  177. 177 Register and Login UI 02:00
  178. 178 Register Component 05:55
  179. 179 Registration in Action 03:40
  180. 180 Splitting code files 03:19
  181. 181 Login in Action 04:14
  182. 182 Toggle Navbar on Authorization 01:28
  183. 183 Login and Logout in Action 02:30
  184. 184 Avoid force load on auth state change 05:22
  185. 185 Redirect to Login 08:52
  186. 186 Load User Details 02:05
  187. 187 Call Create Order From Summary 06:45
  188. 188 Create Order Header and Details 03:52
  189. 189 Create Stripe Account 01:48
  190. 190 Add Stripe to API Project 02:43
  191. 191 Payment Service in Blazor WASM 03:52
  192. 192 Stripe Payment Controller Method 11:10
  193. 193 Call Stripe 07:11
  194. 194 Issue with Order Total 03:04
  195. 195 Order Confirmation 04:46
  196. 196 Stripe Session Status and Payment Successful 06:32
  197. 197 Summary Processor 00:55
  198. 198 Create Order List Component 05:36
  199. 199 Radzen Component 08:59
  200. 200 Order Details Component 04:58
  201. 201 Order Details UI 06:46
  202. 202 Update Order Details 04:27
  203. 203 Ship Order 02:23
  204. 204 Payment Intent ID 05:08
  205. 205 Refund Order 08:22
  206. 206 Send Email using MailKit and MimeKit 08:07
  207. 207 Send Email using SendGrid 05:13
  208. 208 Blazor WebAssembly Package Issues 02:13
  209. 209 Azure SQL Database 06:17
  210. 210 Blazor Server Deployment 05:59
  211. 211 API Deployment 03:31
  212. 212 Blazor Client Deployment 05:49

Related courses

  • What's New in C# 12: A Practical Guide with Exercises thumbnail

    What's New in C# 12: A Practical Guide with Exercises

    By: Udemy
    Hello My name is Hector Perez, Be welcome to the course, "New features in C# 12, a practical guide". I am Microsoft MVP and software developer with more than 10
    1 hour 40 minutes 12 seconds
  • ASP.NET Core Full Stack thumbnail

    ASP.NET Core Full Stack

    By: Julio Casal
    This beginner-level course, led by Julio Casal, a seasoned software engineer and founder of Netbeckerservices.com, is designed to teach learners how to build a
    5 hours 26 minutes 21 seconds

Frequently asked questions

What is Blazor Bootcamp - .NET 6 (WASM and Server) about?
Embark on a comprehensive journey with our Blazor Bootcamp, designed to equip you with real-world skills and challenges. From Blazor Server to Blazor WASM applications, this course immerses you in the expansive world of Blazor, all while…
Who teaches Blazor Bootcamp - .NET 6 (WASM and Server)?
Blazor Bootcamp - .NET 6 (WASM and Server) is taught by Udemy. You can find more courses by this instructor on the corresponding source page.
How long is Blazor Bootcamp - .NET 6 (WASM and Server)?
Blazor Bootcamp - .NET 6 (WASM and Server) contains 212 lessons with a total runtime of 15 hours 36 minutes. All lessons are available to watch online at your own pace.
Is Blazor Bootcamp - .NET 6 (WASM and Server) free to watch?
Blazor Bootcamp - .NET 6 (WASM and Server) is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Blazor Bootcamp - .NET 6 (WASM and Server) online?
Blazor Bootcamp - .NET 6 (WASM and Server) is available to watch online on CourseFlix at https://courseflix.net/course/blazor-bootcamp-net-6-wasm-and-server. The page hosts every lesson with the integrated video player; no download is required.