CF

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

Related courses

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 this course?
It is taught by Udemy. You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 212 lessons with a total runtime of 15 hours 36 minutes. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course 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.