This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Blazor WebAssembly Premium
Course Introduction
Welcome To the Course (1:51)
Mindset Going in
How to Get Most of this Course?
Important Note About SQL and SDK Versions
About the Source Code
.NET 8 Updates - IMPORTANT
Module 1: Introduction to Blazor WebAssembly
What Are We Going to Learn in This Module? (0:54)
What is Blazor and When Should we Use It? (2:37)
Different Types of Blazor Applications (3:55)
Blazor Server vs Blazor WebAssembly (5:49)
Blazor WebAssembly Template Files (5:00)
The launchSettins.json File Modifications in .NET 8
.NET 6 UPDATE: Adding PageTitle and Accessibility Improvements (2:23)
What Have We Learned So Far? (0:52)
Module 2: Components, Parameters and Application Debugging
What Are We Going to Learn in This Module? (1:09)
What are Blazor Components? (4:53)
Parameters in Components (2:04)
.NET 6 UPDATE: Required Parameters (1:24)
Arbitrary Parameters (2:36)
Cascading Parameters (3:02)
Debugging the Application (3:26)
Client Debugging - WebSocket disconnected issue
What Have We Learned So Far? (0:49)
Module 3: Partial Classes, RenderFragment, and Lifecycle Management
What Are We Going to Learn in This Module? (0:56)
What are Blazor Partial Classes? (2:48)
Using RenderFragment Parameters (2:51)
Blazor Lifecycle Methods and Lifecycle Example (6:28)
Logging in Blazor WebAssembly (6:15)
What Have We Learned So Far? (0:56)
Module 4: Routing in Blazor WebAssembly
What Are We Going to Learn in This Module? (1:21)
@page Directive (1:56)
NotFound Component (3:13)
NavigationManager Class (2:14)
Route Parameters (2:16)
NavLink Component (2:45)
What Have We Learned So Far? (1:06)
Module 5: Consuming an API with Blazor WebAssembly HttpClient
What Are We Going to Learn in This Module? (1:19)
Dependency Injection (6:27)
Web API Project Overview (5:51)
.NET 6 UPDATE: API Changes (1:53)
.NET 7 Connection String Update
Consuming the API (5:28)
Creating the Products List Component (5:32)
Creating the Product Details Component (8:32)
What Have We Learned So Far? (0:50)
Module 6: Pagination
What Are We Going to Learn in This Module? (0:45)
Setting up the Pagination in the API (7:59)
Reading the Paged Response in the Client Application (6:04)
Creating the Pagination Component (7:29)
Creating a Page Size Dropdown Component (4:43)
.NET 6 UPDATE: Search Nullable Property (1:23)
Searching Implementation in the API (3:26)
Creating the Search Component (8:28)
Sorting Implementation in the API (5:42)
Creating the Sort Component (4:25)
What Have We Learned So Far? (0:46)
Module 7 - Error Handling
What Are We Going to Learn in This Module? (0:46)
Improving the UX While Handling Errors (6:46)
Creating a Centralized Error Handler (8:46)
.NET 6 UPDATE: Error Boundaries (4:27)
Whate Have We Learned So Far? (0:31)
Module 8: Forms and Form Validation
What Are We Going to Learn in This Module? (0:42)
Handling POST Requests (4:08)
Creating Forms (7:22)
.NET 6 UPDATE: Bootstrap Class Names (1:44)
Forms Validation (7:05)
Using Blazored Toast to Improve the UX (7:48)
Whate Have We Learned So Far? (0:41)
Module 9: File Upload
What Are We Going to Learn in This Module? (0:30)
Handling File Upload on the Server Side (5:06)
Implementing File Upload on the Client Side (10:00)
Whate Have We Learned So Far? (0:32)
Module 10: Modifying and Deleting Data
What Are We Going to Learn in This Module? (0:40)
Handling PUT Requests on the Server-Side (4:22)
Updating Data on the Client-Side (6:02)
Implementing the Delete Functionality (12:41)
.NET 6 UPDATE: Bootstrap Modal Close Button Implementation (1:11)
What Have We Learned So Far? (0:33)
Module 11: Environment and Configuration
What Are We Going to Learn in This Module? (1:07)
Environments Introduction (7:34)
Configuring the Application for Production (9:18)
Options Pattern (4:08)
What Have We Learned So Far? (0:50)
Module 12: Publishing and Deployment
What Are We Going to Learn in This Module? (0:51)
Publishing Blazor WASM App Locally (7:32)
Publishing Web API with Static Files in the Dev Environment (6:02)
.NET 6 UPDATE: Program Class Implementation (1:30)
Deploying Blazor WASM to Azure Static Web Apps (6:28)
Deploying the Application to Azure App Services (9:36)
Note About CORS
What Have We Learned So Far? (1:02)
Module 13: JS Interoperability
What Are We Going to Learn in This Module? (1:18)
Calling JavaScript Functions with C# (16:04)
Using JSInterop to Pass HTML Elements (8:17)
Handling JavaScript Errors in C# Code (2:15)
Calling C# Methods from JavaScript (13:56)
Wrapping JavaScript Libraries with C# (Toastr) (15:37)
What Have We Learned So Far? (0:51)
Module 14: Authentication and Authorization
What Are We Going to Learn in this Module? (0:50)
Authentication and Authorization Introduction (13:59)
User Registration (18:36)
Secret Key Length Issue
Login and Logout (23:58)
Role-Based Authorization (9:11)
Refreshing Tokens (17:13)
What Have We Learned So Far? (0:52)
Moduel 15: Extended Authentication
Enable Less Secure Apps - Read Before Starting with this Section
What Are We Going to Learn in this Module? (1:00)
Forgot/Reset Password (22:04)
Email Verification (9:59)
User Lockout (6:28)
Two-Factor Authentication (11:10)
.NET 6 UPDATE: Working With Query Strings (3:58)
What Have We Learned So Far? (0:41)
What's Next?
Final Notes
Feedback
Creating a Page Size Dropdown Component
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock