Blazor: Beginner to Intermediate

A twelve-part, hands-on series that takes you from your very first Blazor app to intermediate skills — components, binding, forms, routing, services, lifecycle and render modes — while building a small clinic app inspired by our system design series. Fully up to date for .NET 10.

12 parts · ~74 min of reading, in order, nothing assumed.

Start with Part 1

Blazor: Beginner to Intermediate · Part 1

Hello, Blazor: Set Up and Build Your First App

Install the .NET SDK, create your first Blazor app, and see it running in the browser — the start of a hands-on series that takes you from zero to intermediate. Jul 30, 2026 6 min read

Blazor: Beginner to Intermediate · Part 2

Anatomy of a Blazor Project: Every File Explained

Program.cs, App.razor, Routes.razor, layouts, wwwroot — a guided tour of every file in a new Blazor project, so nothing feels like magic. Jul 30, 2026 6 min read

Blazor: Beginner to Intermediate · Part 3

Blazor Components: Build Once, Use Everywhere

Components are Blazor's LEGO bricks. Build a reusable PatientCard, pass data in with parameters, and compose a page from pieces. Jul 30, 2026 6 min read

Blazor: Beginner to Intermediate · Part 4

Data Binding and Events: Making Pages Interactive

Buttons, inputs and instant updates: wire up @onclick and @bind, and understand the render loop that keeps your UI in sync. Jul 30, 2026 6 min read

Blazor: Beginner to Intermediate · Part 5

Rendering Lists and Conditionals in Blazor

Render collections with @foreach, handle empty states with @if, and build a searchable patient list — the bread and butter of real UIs. Jul 30, 2026 6 min read

Blazor: Beginner to Intermediate · Part 6

Component Communication: Parameters Down, Events Up

Parameters flow down, events bubble up. Connect parent and child components with [Parameter] and EventCallback, the Blazor way. Jul 30, 2026 6 min read

Blazor: Beginner to Intermediate · Part 7

Blazor Forms and Validation, the Friendly Way

Collect input with EditForm, validate with data annotations, and show friendly error messages — building a complete add-patient form. Jul 30, 2026 7 min read

Blazor: Beginner to Intermediate · Part 8

Routing and Navigation: Pages, URLs and Parameters

Give every screen an address: page routes, route parameters, NavLink and programmatic navigation for a multi-page clinic app. Jul 30, 2026 6 min read

Blazor: Beginner to Intermediate · Part 9

Services and Dependency Injection in Blazor

Move shared logic into services and let dependency injection deliver them — plus singleton, scoped and transient explained in plain words. Jul 30, 2026 6 min read

Blazor: Beginner to Intermediate · Part 10

The Component Lifecycle: What Runs When (and Why)

OnInitialized, OnParametersSet, OnAfterRender — what runs when, where to load data, and how to avoid the classic lifecycle mistakes. Jul 30, 2026 6 min read

Blazor: Beginner to Intermediate · Part 11

Calling Web APIs from Blazor with HttpClient

Fetch live data with HttpClient and GetFromJsonAsync, handle loading and errors gracefully, and display API results in your UI. Jul 30, 2026 6 min read

Blazor: Beginner to Intermediate · Part 12

Blazor Render Modes: SSR, Server, WebAssembly — and What's Next

Static SSR, Interactive Server, WebAssembly and Auto — how each render mode works in .NET 10, how to choose, and where to take your Blazor skills next. Jul 30, 2026 7 min read