Blazor WebAssembly - Video Course

About Course

Once you start working in Blazor, you’ll feel at home. Many .NET software developers are stuck working on the backend because they dislike all those Javascript frameworks or don’t know where to start.

Blazor WebAssembly lets you use your favorite language, C#, to create beautiful single-page applications.

Not only that, but Blazor utilizes one of the newest trends in web development, WebAssembly, which parries Javascript in almost everything, from performance to flexibility.

You’ll almost certainly hear things like “love”, “finally”, and “so long Javascript” when listening to people already using Blazor WebAssembly.

It feels like the gap has been filled.

This course was initially created using .NET 5. With different .NET versions, we covered updates with additional videos and notes and even re-recorded some videos to support new .NET8 templates.

The course is completely tested with .NET 8 and .NET 9 and you can use the latest framework when watching all the lessons from the course.

Understand Blazor and Blazor WebAssembly Fundamentials
Learn How to Utilize Blazor Default Components
Properly Set Up Routing in a Web Application
Consume the Web API server app
Manipulate Data in Blazor (GET, POST, PUT, DELETE)
Upload Files
Integrate JavaScript Code into Blazor Applications
Deploy to Production Effortlessly
Secure both Blazor WASM and Web API apps
Improve the Application With Advanced Security Concepts

Course Content

Course Introduction
Introduction to the Blazor WebAssembly Course.

Mindset Going in
How to Get Most of this Course?
Important Note About SQL and SDK Versions
The Source Code
.NET 8 Updates – IMPORTANT

Module 1: Introduction to Blazor WebAssembly

Module 2: Components, Parameters and Application Debugging

What Are We Going to Learn in This Module?

01:10
What are Blazor Components?

04:54
Parameters in Components

02:05
Required Parameters

01:25
Arbitrary Parameters

02:37
Cascading Parameters

03:03
Debugging the Application

03:27
Client Debugging – WebSocket disconnected issue
What Have We Learned So Far?

00:50
Check your knowledge of this chapter

Module 3: Partial Classes, RenderFragment, and Lifecycle Management

Module 4: Routing in Blazor WebAssembly

Module 5: Consuming an API with Blazor WebAssembly HttpClient

What Are We Going to Learn in This Module?

01:20
Dependency Injection

06:28
Web API Project Overview

05:52
UPDATE: API Changes

01:54
.NET 7 Connection String Update
Consuming the API

05:24
Creating the Products List Component

05:32
Creating the Product Details Component

08:33
What Have We Learned So Far?

00:51
Check your knowledge of this chapter

Module 6: Pagination

What Are We Going to Learn in This Module?

00:46
Setting up the Pagination in the API

08:00
Reading the Paged Response in the Client Application

06:05
Creating the Pagination Component

07:30
Creating a Page Size Dropdown Component

04:44
UPDATE: Search Nullable Property

01:24
Searching Implementation in the API

03:27
Creating the Search Component

08:29
Sorting Implementation in the API

05:43
Creating the Sort Component

04:26
What Have We Learned So Far?

00:47
Check your knowledge of this chapter

Module 7: Error Handling

Module 8: Forms and Form Validation

Module 9: File Upload

Module 10: Modifying and Deleting Data

Module 11: Environment and Configuration

Module 12: Publishing and Deployment

What Are We Going to Learn in This Module?

00:51
Publishing Blazor WASM App Locally

07:33
Publishing Web API With Static Files in the Dev Environment

06:03
.NET 6 UPDATE: Program Class Implementation

01:31
Deploying Blazor WASM to Azure Static Web Apps

06:29
Deploying the Application to Azure App Services

09:36
Note About CORS
What Have We Learned So Far?

01:02
Check your knowledge of this chapter

Module 13: JS Interoperability

Module 14: Authentication and Authorization

What Are We Going to Learn in this Module?

00:50
Authentication and Authorization Introduction

13:59
User Registration

18:36
Secret Key Length Issue
Login and Logout

23:58
Role-Based Authorization

09:11
Refreshing Tokens

17:13
What Have We Learned So Far?

00:52
Check your knowledge of this chapter

Moduel 15: Extended Authentication

Enable Less Secure Apps – Read Before Starting with this Section
What Are We Going to Learn in this Module?

01:00
Forgot/Reset Password

22:04
Email Verification

09:59
User Lockout

06:28
Two-Factor Authentication

11:10
Working With Query Strings

03:58
What Have We Learned So Far?

00:41
Check your knowledge of this chapter

About Course

What Will You Learn?

Course Content

Course Introduction Introduction to the Blazor WebAssembly Course.

Mindset Going in

How to Get Most of this Course?

Important Note About SQL and SDK Versions

The Source Code

.NET 8 Updates – IMPORTANT

Module 1: Introduction to Blazor WebAssembly

What Are We Going to Learn in This Module?

What is Blazor and When Should we Use It?

Different Types of Blazor Applications

Blazor Server vs Blazor WebAssembly

Adding PageTitle and Accessibility Improvements

What Have We Learned So Far?

Check your knowledge of this chapter

Module 2: Components, Parameters and Application Debugging

What Are We Going to Learn in This Module?

What are Blazor Components?

Parameters in Components

Required Parameters

Arbitrary Parameters

Cascading Parameters

Debugging the Application

Client Debugging – WebSocket disconnected issue

What Have We Learned So Far?

Check your knowledge of this chapter

Module 3: Partial Classes, RenderFragment, and Lifecycle Management

What Are We Going to Learn in This Module?

Using RenderFragment Parameters

Blazor Lifecycle Methods and Lifecycle Example

Logging in Blazor WebAssembly

What Have We Learned So Far?

Check your knowledge of this chapter

Module 4: Routing in Blazor WebAssembly

What Are We Going to Learn in This Module?

@page Directive

NotFound Component

NavigationManager Class

Route Parameters

NavLink Component

What Have We Learned So Far?

Check your knowledge of this chapter

Module 5: Consuming an API with Blazor WebAssembly HttpClient

What Are We Going to Learn in This Module?

Dependency Injection

Web API Project Overview

UPDATE: API Changes

.NET 7 Connection String Update

Consuming the API

Creating the Product Details Component

What Have We Learned So Far?

Check your knowledge of this chapter

Module 6: Pagination

What Are We Going to Learn in This Module?

Setting up the Pagination in the API

Reading the Paged Response in the Client Application

Creating a Page Size Dropdown Component

UPDATE: Search Nullable Property

Searching Implementation in the API

Creating the Search Component

Sorting Implementation in the API

Creating the Sort Component

What Have We Learned So Far?

Check your knowledge of this chapter

Module 7: Error Handling

What Are We Going to Learn in This Module?

Improving the UX While Handling Errors

Creating a Centralized Error Handler

Error Boundaries

Whate Have We Learned So Far?

Check your knowledge of this chapter

Module 8: Forms and Form Validation

What Are We Going to Learn in This Module?

Handling POST Requests

Creating Forms

Bootstrap Class Names

Forms Validation

Whate Have We Learned So Far?

Course Introduction
Introduction to the Blazor WebAssembly Course.