CF

Blazor WebAssembly

8h 31m 9s
English
Paid
Updated September 2026

Blazor WebAssembly is a 102-lesson 8 hours 31 minutes self-paced course by Code Maze. Blazor lets .

Course facts

Lessons
102
Duration
8 hours 31 minutes
Level
All levels
Language
English
Updated
2026-09-11
Instructor
Code Maze
Price
Premium

Blazor lets .NET developers build modern single-page applications in C# instead of learning a JavaScript framework from scratch, running through WebAssembly at performance levels that compete directly with JavaScript.

Kept current

Originally built on .NET 5, the course has since been fully re-tested and updated for .NET 8 and .NET 9, with re-recorded lessons reflecting current templates and capabilities.

What you'll learn

  • Blazor and Blazor WebAssembly fundamentals, including standard components and routing
  • Talking to a server-side Web API, including full GET/POST/PUT/DELETE data handling
  • File uploads and calling JavaScript from within a Blazor app
  • Deploying to production and securing both the Blazor front end and the Web API

It's aimed at anyone who wants to build modern web applications in Blazor while staying current with recent .NET releases.

Who teaches Blazor WebAssembly? Code Maze

Code Maze thumbnail

Code Maze (code-maze.com) is a Croatian-based .NET / C# tutorial publisher run by Marinko Spasojević. The platform has built one of the larger English-language reference catalogs for ASP.NET Core, Blazor, and the modern .NET ecosystem — with both free written tutorials and a paid course catalog that goes deeper.

The CourseFlix listing carries three Code Maze courses: Microservices in .NET (covering the modern .NET microservices stack with Docker and Kubernetes), Blazor WebAssembly (full-stack C# in the browser), and C#/.NET Interview Mastery — Hands-On Edition (2026) (the technical-interview prep aimed at .NET-focused roles).

Material is paid and aimed at .NET developers building production applications or preparing for .NET-focused engineering interviews. For broader content, see CourseFlix's C# category page.

What lessons are included in Blazor WebAssembly?

This is a demo lesson (10:00 remaining)

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

View Pricing
0:00
/
#1: What Are We Going to Learn in This Module?
All Course Lessons (102)
#Lesson TitleDurationAccess
1
What Are We Going to Learn in This Module? Demo
00:55
2
What is Blazor and When Should we Use It?
02:38
3
Different Types of Blazor Applications
03:56
4
Blazor Server vs Blazor WebAssembly
05:49
5
Blazor WebAssembly Template Files
04:55
6
Adding PageTitle and Accessibility Improvements
02:25
7
What Have We Learned So Far?
00:53
8
What Are We Going to Learn in This Module?
01:10
9
What are Blazor Components?
04:54
10
Parameters in Components
02:05
11
Required Parameters
01:25
12
Arbitrary Parameters
02:37
13
Cascading Parameters
03:03
14
Debugging the Application
03:27
15
What Have We Learned So Far?
00:50
16
What Are We Going to Learn in This Module?
00:57
17
What are Blazor Partial Classes?
02:49
18
Using RenderFragment Parameters
02:52
19
Blazor Lifecycle Methods and Lifecycle Example
06:29
20
Logging in Blazor WebAssembly
06:16
21
What Have We Learned So Far?
00:57
22
What Are We Going to Learn in This Module?
01:22
23
@page Directive
01:57
24
NotFound Component
03:14
25
NavigationManager Class
02:15
26
Route Parameters
02:17
27
NavLink Component
02:46
28
What Have We Learned So Far?
01:07
29
What Are We Going to Learn in This Module?
01:20
30
Dependency Injection
06:28
31
Web API Project Overview
05:52
32
UPDATE: API Changes
01:54
33
Consuming the API
05:25
34
Creating the Products List Component
05:32
35
Creating the Product Details Component
08:33
36
What Have We Learned So Far?
00:51
37
What Are We Going to Learn in This Module?
00:46
38
Setting up the Pagination in the API
08:00
39
Reading the Paged Response in the Client Application
06:05
40
Creating the Pagination Component
07:30
41
Creating a Page Size Dropdown Component
04:44
42
UPDATE: Search Nullable Property
01:24
43
Searching Implementation in the API
03:27
44
Creating the Search Component
08:29
45
Sorting Implementation in the API
05:43
46
Creating the Sort Component
04:26
47
What Have We Learned So Far?
00:47
48
What Are We Going to Learn in This Module?
00:47
49
Improving the UX While Handling Errors
06:47
50
Creating a Centralized Error Handler
08:47
51
Error Boundaries
04:28
52
What Have We Learned So Far?
00:32
53
What Are We Going to Learn in This Module?
00:43
54
Handling POST Requests
04:09
55
Creating Forms
07:23
56
Bootstrap Class Names
01:45
57
Forms Validation
07:06
58
Using Blazored Toast to Improve the UX
07:49
59
What Have We Learned So Far?
00:42
60
What Are We Going to Learn in This Module?
00:31
61
Handling File Upload on the Server Side
05:07
62
Implementing File Upload on the Client Side
10:01
63
What Have We Learned So Far?
00:33
64
What Are We Going to Learn in This Module?
00:41
65
Handling PUT Requests on the Server-Side
04:23
66
Updating Data on the Client-Side
06:03
67
Implementing the Delete Functionality
12:42
68
UPDATE: Bootstrap Modal Close Button Implementation
01:12
69
What Have We Learned So Far?
00:34
70
What Are We Going to Learn in This Module?
01:08
71
Environments Introduction
07:35
72
Configuring the Application for Production
09:19
73
Options Pattern
04:09
74
What Have We Learned So Far?
00:51
75
What Are We Going to Learn in This Module?
00:52
76
Publishing Blazor WASM App Locally
07:33
77
Publishing Web API With Static Files in the Dev Environment
06:03
78
.NET 6 UPDATE: Program Class Implementation
01:31
79
Deploying Blazor WASM to Azure Static Web Apps
06:29
80
Deploying the Application to Azure App Services
09:37
81
What Have We Learned So Far?
01:03
82
What Are We Going to Learn in This Module?
01:19
83
Calling JavaScript Functions with C#
16:05
84
Using JSInterop to Pass HTML Elements
08:18
85
Handling JavaScript Errors in C# Code
02:16
86
Calling C# Methods from JavaScript
13:57
87
Wrapping JavaScript Libraries with C# (Toastr)
15:38
88
What Have We Learned So Far?
00:52
89
What Are We Going to Learn in this Module?
00:51
90
Authentication and Authorization Introduction
14:00
91
User Registration
18:37
92
Login and Logout
23:59
93
Role-Based Authorization
09:12
94
Refreshing Tokens
17:14
95
What Have We Learned So Far?
00:53
96
What Are We Going to Learn in this Module?
01:01
97
Forgot/Reset Password
22:05
98
Email Verification
10:00
99
User Lockout
06:29
100
Two-Factor Authentication
11:11
101
Working With Query Strings
03:59
102
What Have We Learned So Far?
00:42
Unlock unlimited learning

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

Learn more about subscription

What courses are similar to Blazor WebAssembly?

More courses by Code Maze

Frequently asked questions

What prerequisites do I need before starting this Blazor WebAssembly course?
To enroll in the Blazor WebAssembly course, you should have a basic understanding of C# and .NET. Familiarity with web development concepts will be beneficial, though not strictly necessary. The course is designed to guide .NET developers who may not have extensive experience with frontend technologies, making it accessible to those who primarily work on server-side development.
What kind of projects will I build in the Blazor WebAssembly course?
Throughout the Blazor WebAssembly course, you will work on building a single-page application (SPA) using Blazor. This includes creating and configuring components, integrating a server-side Web API, implementing data manipulation with GET, POST, PUT, and DELETE requests, handling file uploads, and securing the application. Additionally, you will develop pagination, search, and sorting functionalities, enhancing the interactivity and usability of the application.
Who is the target audience for this Blazor WebAssembly course?
The course is aimed at .NET developers who are interested in expanding their skill set to include frontend development without having to dive deep into JavaScript frameworks. It is ideal for those who want to create modern, responsive web applications using C#, leveraging existing .NET knowledge while exploring the capabilities of Blazor WebAssembly.
How does the depth and scope of this course compare to similar courses?
This course provides a comprehensive introduction to Blazor WebAssembly, covering everything from basic concepts to advanced security topics. It is designed to equip developers with the skills needed to build functional, secure, and interactive SPAs. Compared to other courses, it includes detailed segments on integrating JavaScript, deploying applications, and handling server-side interactions, making it a robust choice for developers seeking to master Blazor.
What specific tools or platforms will I learn to use in the course?
The course focuses on using Blazor WebAssembly within the .NET ecosystem, utilizing standard Blazor components and templates. You will learn to work with the NavigationManager class, Dependency Injection, and Blazored Toast for UX improvements. The course also covers integrating JavaScript code within Blazor and securing applications using contemporary practices.
What topics are not covered in the Blazor WebAssembly course?
The course does not cover server-side Blazor applications in depth, as it focuses primarily on the WebAssembly model. While it touches on integrating JavaScript, it does not delve deeply into learning JavaScript itself or other JavaScript frameworks. Additionally, topics like advanced CSS styling techniques or non-.NET backend technologies are not part of the curriculum.
How much time should I expect to commit to this course?
The course comprises 102 lessons and includes numerous practical exercises. While the total runtime is not specified, it's reasonable to allocate several weeks to complete the course, depending on your learning pace and the time you dedicate daily or weekly. Engaging thoroughly with the material, including hands-on exercises and project building, will optimize your learning experience.