Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Blazor WebAssembly Deluxe
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 the Products List Component
Download
05 - Creating the Products List Component.pdf
Download
05 - Creating the Products List Component.pdf
Complete and Continue