Name: Blazor WebAssembly
Price: 127.00 USD
Availability: InStock
Rating: 4.43 (7 reviews)

About Course

Blazor WebAssembly

Build production-ready single-page apps in C#, from the first component to a secured, published app

Course Summary

Blazor WebAssembly lets you build the front end in C#, the language you already use on the backend. In this video course you build a client app, connect it to an ASP.NET Core Web API, then secure it and publish it to production.

Many .NET developers stay on the backend because JavaScript frameworks put them off. With Blazor WebAssembly, the whole application is C#.

What Will You Learn?

Understand how Blazor and WebAssembly run in the browser
Build pages from Blazor components and set up routing
Read, create, update and delete data through a Web API
Upload files, and call JavaScript when you need it
Secure both the Blazor app and the Web API
Publish the finished application to production

Course Description

Every lesson is a video with transcripts and captions, the full source code is included, and quizzes along the way check what you learned.

The course started on .NET 5 and has kept up since, with new videos, notes and re-recorded lessons for the newer templates. It is tested on .NET 8 and .NET 9.

You can find an entire TOC with preview lessons in the Course Content section below.

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

Module 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

Blazor WebAssembly

Course Summary

What Will You Learn?

Course Description

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

Course Introduction
Introduction to the Blazor WebAssembly Course.