Blazor WebAssembly
By Marinko Spasojevic
Categories: Web Development
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.
What Will You Learn?
- 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
-
What Are We Going to Learn in This Module?
00:55 -
What is Blazor and When Should we Use It?
02:38 -
Different Types of Blazor Applications
03:56 -
Blazor Server vs Blazor WebAssembly
05:49 -
05:01
-
The launchSettins.json File Modifications in .NET 8
-
.NET 6 UPDATE: Adding PageTitle and Accessibility Improvements
02:24 -
What Have We Learned So Far?
00:53 -
Check your knowledge of this chapter
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
-
What Are We Going to Learn in This Module?
00:57 -
02:49
-
Using RenderFragment Parameters
02:52 -
Blazor Lifecycle Methods and Lifecycle Example
06:29 -
Logging in Blazor WebAssembly
06:16 -
What Have We Learned So Far?
00:57 -
Check your knowledge of this chapter
Module 4: Routing in Blazor WebAssembly
-
What Are We Going to Learn in This Module?
01:22 -
@page Directive
01:57 -
NotFound Component
03:14 -
NavigationManager Class
02:15 -
Route Parameters
02:17 -
NavLink Component
02:46 -
What Have We Learned So Far?
01:07 -
Check your knowledge of this chapter
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 -
.NET 6 UPDATE: API Changes
01:54 -
.NET 7 Connection String Update
-
Consuming the API
05:24 -
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 -
07:30
-
Creating a Page Size Dropdown Component
04:44 -
.NET 6 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
-
What Are We Going to Learn in This Module?
00:47 -
Improving the UX While Handling Errors
06:47 -
Creating a Centralized Error Handler
08:47 -
.NET 6 UPDATE: Error Boundaries
04:28 -
Whate Have We Learned So Far?
00:32 -
Check your knowledge of this chapter
Module 8: Forms and Form Validation
-
What Are We Going to Learn in This Module?
00:43 -
Handling POST Requests
04:08 -
Creating Forms
07:22 -
.NET 6 UPDATE: Bootstrap Class Names
01:44 -
Forms Validation
07:05 -
07:49
-
Whate Have We Learned So Far?
00:41 -
Check your knowledge of this chapter
Module 9: File Upload
-
What Are We Going to Learn in This Module?
00:31 -
Handling File Upload on the Server Side
05:07 -
Implementing File Upload on the Client Side
10:00 -
Whate Have We Learned So Far?
00:32 -
Check your knowledge of this chapter
Module 10: Modifying and Deleting Data
-
What Are We Going to Learn in This Module?
00:40 -
Handling PUT Requests on the Server-Side
04:23 -
Updating Data on the Client-Side
06:03 -
Implementing the Delete Functionality
12:42 -
.NET 6 UPDATE: Bootstrap Modal Close Button Implementation
01:11 -
What Have We Learned So Far?
00:33 -
Check your knowledge of this chapter
Module 11: Environment and Configuration
-
What Are We Going to Learn in This Module?
01:08 -
Environments Introduction
07:35 -
Configuring the Application for Production
09:18 -
04:08
-
What Have We Learned So Far?
00:50 -
Check your knowledge of this chapter
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 -
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
-
What Are We Going to Learn in This Module?
01:19 -
Calling JavaScript Functions with C#
16:05 -
Using JSInterop to Pass HTML Elements
08:17 -
Handling JavaScript Errors in C# Code
02:16 -
Calling C# Methods from JavaScript
13:57 -
15:38
-
What Have We Learned So Far?
00:52 -
Check your knowledge of this chapter
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 -
.NET 6 UPDATE: Working With Query Strings
03:58 -
What Have We Learned So Far?
00:41 -
Check your knowledge of this chapter
What’s Next?
-
Final Notes
-
Feedback