Advanced Blazor WebAssembly

Course details

Looking to take your skills to the next level with Blazor WebAssembly? This course is designed to help you become a more advanced Blazor WebAssembly user, building upon the materials taught in instructor David Grace’s introductory course Blazor WebAssembly: Foundational Skills.

Discover more skills a developer needs to know to set up and run a coding system like a pro, including JavaScript interoperability, Razor components, SignalR, file uploads and downloads, state management, and prerendering. Test out your new skills along the way in the exercise challenges at the end of each section. Upon completing this course, you’ll be prepared to perform end-to-end testing on your app when it's finally ready to go to production.

Concepts

0. Introduction

01 - Learning advanced Blazor WebAssembly
02 - What you should know
03 - Setting up your system for coding

1. JavaScript Interop

04 - Invoke JavaScript methods in a Razor component
05 - Use JavaScript isolation with modules in a Razor component
06 - Reference JavaScript elements in a Razor component
07 - Invoke .NET code from JavaScript

2. Razor Components

08 - Dynamically load and stream an image
09 - Virtualization in a Razor component

3. SignalR

10 - Setting up SignalR on a Blazor-hosted app
11 - Send a message to a SignalR client
12 - Send and handle a message to a SignalR hub

4. File Uploads and Downloads

13 - How to upload a file on a hosted Blazor WebAssembly app
14 - Security with file upload on an ASP.NET Core app
15 - Security with file upload through Blazor WebAssembly
16 - Challenge
17 - Solution

5. State Management

18 - The difference between localStorage and sessionStorage
19 - Share data using the in-memory state container service

6. Prerendering

20 - Configure prerendering in a hosted Blazor WebAssembly app
21 - Persist prerendered state to the Blazor WebAssembly app

7. Test Components

22 - Unit testing in Blazor WebAssembly
23 - E2E testing in Blazor WebAssembly

Conclusion

24 - Keep building your Blazor knowledge