Blazor in depth
Build Blazor web apps for production: choose render modes by their costs, keep state across prerendering and dropped connections, sign-in and permissions across server and browser, large forms, your own component library, JavaScript interop, performance, tests with bUnit and deployment to Azure Container Apps.
Search the academy Study plan for this course
Who it is for
For everyone after K2 who runs a Blazor application over years and has to make the decisions behind render modes, sign-in and operations themselves.
Prerequisites
K2 (the Blazor sections, testing the web, sign-in and permissions) or equivalent practice; K3 for an overview of running on Azure.
Afterward, you can
- Choose a render mode for each page of a Blazor web app and justify it in a decision file
- Keep state across prerendering, mode changes and dropped connections
- Implement sign-in and permissions so they hold in server and browser components
- Validate large forms with nested models and custom rules
- Build a Razor class library with design tokens and use JavaScript interop with cleanup
- Measure performance, test components with bUnit and run the application on Container Apps
Contents
- W8.1
6 h
Render modes and state
static SSR, interactive Server, WebAssembly and Auto, prerendering, PersistentState, reconnecting
- W8.2
11 h
Sign-in, forms, library, interop
sign-in state across modes, validation of nested models, Razor class library, JavaScript interop
- W8.3
10 h
Performance, tests, Azure
virtualization and size, bUnit in depth, Container Apps with sticky sessions and data protection keys
About 27 hours in all (indicative).
Lessons
You see the text and video of every lesson here on the site after buying the course; the titles and goals are already shown. A self-study course: you work through the lessons in order and check your exercises yourself against the solutions.
You can read the first module (W8.1) for free, with text and video, without signing in: so you see how the course works before you buy.
The lessons stand under their modules, in the order of the course. Click a module to open or close its lessons.
W8.1 Render modes and state
Indicative: 6 hours · 2 lessonsfree to read
Lesson 1 · about 180 minutes
Choosing and justifying render modes
Lesson 2 · about 180 minutes
State: prerendering, persistence, reconnecting
W8.2 Sign-in, forms, library, interop
Indicative: 11 hours · 4 lessons
Lesson 3 · about 180 minutes
Sign-in across render modes
Lesson 4 · about 180 minutes
Forms and validation at scale
Lesson 5 · about 180 minutes
A component library and a design system
Lesson 6 · about 120 minutes
JavaScript interop done right
W8.3 Performance, tests, Azure
Indicative: 10 hours · 3 lessons
Lesson 7 · about 180 minutes
Performance and size
Lesson 8 · about 180 minutes
Testing with bUnit in depth
Lesson 9 · about 120 minutes
Deploying to Azure
Final project: the Kladde
What the Kladde can do after this course
The Kladde as a Blazor web app for production: decision file, customer record, the Kladde.UI library, tested and deployed to Container Apps.
The course ends with a module exam: a small Blazor web app to a given specification.
Certifications
Microsoft offers no exam of its own for Blazor.
Keep learning with Microsoft Learn
Microsoft's learning paths and documentation that go with this course.