Blazor - The Complete Guide (WASM & Server .NET Core 5)

Name: Blazor - The Complete Guide (WASM & Server .NET Core 5)
Rating: 4.6 (1533 reviews)

Build real world resort booking website using Blazor Server, Blazor WASM and .NET 5(.NET Core) API and deploy to azure.

Created byBhrugen Patel - (DotNetMastery | Microsoft MVP | 300k+ Students), Bhrugen Patel - Microsoft MVP | 300,000+ Students

Last updated 2/2026

English

What you'll learn

Build real world application using Blazor Web Assembly
Manage admin features using Blazor Server
Build .NET 5 API from scratch
Consume .NET 5 API using Blazor WASM
Authentication & Authorization in Blazor Server and WASM
Emails with Blazor
Integrate Stripe Payments in Blazor WASM
Repository Pattern and Dependency Injection
Deploying .NET API, Blazor WASM & Server to Azure

Course content

18 sections • 225 lectures • 15h 35m total length

Welcome2:22
Course Project Demo7:06
Get most out of the course0:44
Localization and Globalization in Blazor0:46
Course Overview3:15
Project Resources2:41
What is Blazor.4:22
Blazor Server vs Blazor Client3:45
What this course is not about2:17
Create Project2:21
Blazor Server Application Overview11:01
Blazor Server Vs Client Demo9:44

Introduction0:49
One way data binding4:47
Two way data binding3:58
Assignment 11:08
Assignment 1 - Data Binding2:51
Dropdown and Loops5:20
Add Rooms List2:35
Assignment 21:43
Assignment 2 - Bind Property Practice4:21
Code Cleanup and Routing Introduction4:30
Assignment 3 - Demo Hotel2:03
Assignment 3 Solution - Demo Hotel7:43
Components in Blazor5:24
Passing parameters to Components2:29
Individual Room Component5:00
Assignment 4 - Hotel Amenities1:19
Solution Hotel Amenities6:00
Lifecycle 16:39
Lifecycle 23:41
Lifecycle 35:17
Lifecycle 45:40
Event Call Back10:05
Assignment 5- Event Call Back1:02
Assignment 5- Event Call Back Solution5:30

Introduction0:33
Render Fragement5:51
Another way for Event Call Back3:27
Multiple Render Fragment2:28
Assignment 6- Render Fragment0:53
Assignment 6 Solution- Render fragment1:32
Implement assignment 6 by adding render fragment parameters to individual amenities, pass two fragments from the demo hotel, and display them via RenderFragment from parent to validate the solution.
Need for Attribute Splatting5:06
Attribute Splatting3:59
Capture All Values with Splatting2:54
Passing Parameters at multiple level3:52
Cascading Parameter3:31
Cascading Value with Name5:08
Routing Basics4:52
Routing Advance Topics6:59
Navigation Manager2:14

Introduction0:59
Update Hotel Room Part 15:29
Update Hotel Room Part 25:44
Hotel Room Image Model5:11
Hotel Room Image Repository Interface4:11
Implement Room Image Repository5:09
File Upload Interface2:33
Implement File Upload Interface8:11
Input File Component3:01
Handle Uploading Image7:21
Image Viewer when uploading5:18
Upload and assign image to room4:05
Display Image on Edit5:01
Add more image while updating hotel room6:02
Delete Image Issue2:10
Delete Image while creating room Part 15:28
Delete Image while updating room11:59
Show Image Processing Link4:10
Add Font Awesome2:30
Delete Confirmation Component5:30
Hotel Room List Delete Button6:46
Delete Room Images9:09
Implement a delete confirmation in a Blazor app by wiring an event callback from the delete confirmation to the parent, manage processing, and delete hotel room images and records.
Bug with Delete2:59
Quill Text Editor13:06
Hotel Amenity2:02
Make image accessiable across all projects7:37

Requirements

3-6 months familiarity with C# and SQL
Basic knowledge of .NET Core 5 (MVC & API)
Basic knowledge of EF Core
Visual Studio 2019
SQL Server 2016+

Description

For years JavaScript frameworks have dominated the front end/client side development! But things are about to change with Blazor!

Blazor is an exciting new part of .NET Core (.NET 5) designed for building rich web user interfaces in C#. This course will help developers transition from building basic sample apps to implementing more real world concepts, design patterns, and features.

With that there are many questions.

How do you scale an existing application?

How do you architect a mid-large scale project?

How to correctly process payments?

How to efficiently understand Blazor and use it in real world projects?

This course will provide you a complete real world scenario with Blazor which will make you face many challenges and solve those issues as we proceed with the course.

There are other courses on Udemy, but this is the ultimate course, it covers everything there is to Blazor from Blazor Server to Blazor WASM applications which consumes .NET 5 API.

This course will help developers transition from building basic sample apps to implementing more real world concepts, design patterns, and features.

So join me in this exciting course of exploring what real world challenges are with Blazor as it evolves drastically!

We will be using the latest .NET 5 for this course along with Entity Framework Core and Stripe for payment processing.

Who this course is for:

Anyone who wants to learn fundamentals of Blazor Web Assembly and Server
Anyone who wants to understand new file structure in Blazor (.NET 5)
How to create .NET API and consume it in Blazor Application
Build real world application using Blazor!

Blazor - The Complete Guide (WASM & Server .NET Core 5)

What you'll learn

Explore related topics

Course content

Introduction12 lectures • 50min

Blazor Basics24 lectures • 1hr 40min

Blazor Intermediate15 lectures • 53min

Database in Blazor11 lectures • 56min

Blazor forms and CRUD7 lectures • 31min

Blazor and Javascript7 lectures • 31min

Hotel Room Management (Blazor Server)26 lectures • 2hr 22min

Authentication and Authorization in Blazor Server7 lectures • 31min

DbInitializer4 lectures • 14min

.NET 5API17 lectures • 1hr 9min

Requirements

Description

Who this course is for: