Blazor Hands on Lab

Next Event

VSLive! 6-Week Training & Certification Course: Blazor Developer Accelerator — October 7 – November 11, 2026 (virtual).

• Course home page and registration

Summary

This is the Blazor HOL content for the VSLive! 6-Week Training & Certification Course "Blazor Developer Accelerator: Hands-On Skills for Real-World .NET Teams".

• Requirements before attending

Join this immersive 6-week VSLive! hands-on virtual course and learn to use Blazor. Based on the Razor markup syntax, it leverages HTML, CSS, and C# code so you can create compelling user experiences. Behind the markup is the modern cross-platform .NET framework, meaning that all your UI, business, and data access logic can be written in C#. Whether you are building web apps, modernizing WinForms/WPF, or shipping cross-platform apps with Blazor and .NET MAUI, this course shows you how to move faster with a single, unified .NET UI stack. Across six weeks of live instruction, weekly office hours, and hands-on labs you will build interactive applications using server, WebAssembly, and hybrid approaches, so that you can build apps with Blazor for web, desktop, and mobile.

Instruction sessions are held Wednesdays from 9:00 – 11:00am (central). Office hours are held Mondays from 9:00 – 10:00am (central).

Outline

1. Week 1 — Blazor Fundamentals (Instruction session: Wednesday, October 7)
   1. Welcome and Introduction
   2. Why Blazor
   3. What platforms it targets
   4. Comparison with SPA frameworks
   5. Blazor architecture
   6. Blazor page routing
   7. Blazor modernization (from Web Forms, Windows Forms, etc.)
   8. Tech stack (SignalR, WebAssembly)
   9. Project templates
   10. Hosting models
   11. (LAB 01) Build Your First Blazor App
   12. (LAB 02) Create a Razor Component
   13. Goal: Students create their first Blazor application and build reusable components.
2. Week 2 — Components, Forms, and UI (Office hours: Monday, October 12 | Instruction session: Wednesday, October 14)
   1. Component lifecycle
   2. Component composition
   3. Parameters and cascading parameters
   4. Data binding
   5. Forms and validation
   6. Reusable components
   7. Styling approaches
   8. (LAB 03) Create an app to edit data
   9. (LAB 10) Style your Blazor App
   10. Goal: Students build interactive forms and style components.
3. Week 3 — Data, APIs, and Hosting (Office hours: Monday, October 19 | Instruction session: Wednesday, October 21)
   1. Data access architecture
   2. DAL abstraction
   3. API integration
   4. HttpClient patterns
   5. Render-mode implications for data
   6. Deployment (server, browser, containers, etc.)
   7. Logging, telemetry, metrics, Aspire, OTel
   8. (LAB 11) Data Access
   9. (LAB 12) Client-side Data Access
   10. (LAB 14) Creating and Using APIs
   11. Goal: Students integrate data and external services.
4. Week 4 — Rendering in Blazor (Office hours: Monday, October 26 | Instruction session: Wednesday, October 28)
   1. How Blazor renders: render tree, diffing, and component lifecycle
   2. Render modes: Static SSR, Interactive Server, Interactive WebAssembly, and Interactive Auto
   3. Applying, inheriting, and detecting render modes
   4. Prerendering and the transition to interactivity
   5. Enhanced navigation and streaming rendering
   6. Choosing the right render mode: architectural and performance considerations
   7. (LAB 04) Exploring Render Modes
   8. Goal: Students understand where and how Blazor components execute, how UI updates occur, and how to choose the appropriate rendering model for an application.
5. Week 5 — Security (Office hours: Monday, November 2 | Instruction session: Wednesday, November 4)
   1. Authentication fundamentals
   2. AuthenticationStateProvider
   3. ClaimsPrincipal / ClaimsIdentity
   4. External identity providers (Entra ID integration)
   5. Authorization: policies, roles, AuthorizeView
   6. (LAB 06) Basic Authentication
   7. (LAB 07) Authentication via Entra Id
   8. (LAB 08) Authorization
   9. Goal: Students secure their Blazor apps.
6. Week 6 — The Browser and Beyond (Office hours: Monday, November 9 | Instruction session: Wednesday, November 11)
   1. JavaScript interop
   2. Debugging: server vs WASM
   3. Testing with bUnit
   4. Blazor native apps: MAUI
   5. PWA considerations
   6. .NET on Web Workers
   7. (LAB 09) Testing with Bunit
   8. (LAB 13) JavaScript Interop
   9. Goal: Students understand real-world production concerns.