Skip to main content
ANVISoftware Solutions

Blazor

Intermediate16-20 hours4 modules14 lessons

Build interactive web interfaces with C# components: parameters, events, forms, routing, state and API integration.

Start the first lesson

Prerequisites

  • C# fundamentals including classes and interfaces
  • Basic HTML and CSS

Technologies

About this course

Blazor lets a .NET team build interactive interfaces without moving the interaction logic into JavaScript. For teams already strong in C#, that removes a context switch and lets validation rules live in one place.

This course teaches component thinking first. Once you can reason about what a component owns, what it receives, and what it announces to its parent, the rest of the framework follows naturally.

You will build an employee portal across the course, adding forms, validation, routing, API calls and authentication in the order a real project would need them.

Course roadmap

All 14 lessons are written and available.

Module 01

Blazor Foundations

What Blazor is, why component-based UI helps, and how a project is arranged.

3/3 ready
  1. 01What Is Blazor?Explain what Blazor does and which hosting models exist.16 min
  2. 02Why Component-Based UIDescribe what components give you over page-level markup.14 min
  3. 03Project StructureNavigate a Blazor project and know what each file is for.15 min

Module 02

Components, Forms and Routing

Build the interface: parameters in, events out, forms validated, pages routed.

4/4 ready
  1. 01Building ComponentsCreate components that render data and respond to interaction.18 min
  2. 02Parameters and EventsPass data in and raise events out to a parent.18 min
  3. 03Forms and ValidationBind a form to a model and show validation messages.20 min
  4. 04Routing and LayoutsDefine routes and share surrounding layout.18 min

Module 03

Data and State

Get data in from an API and manage the state several components rely on.

3/3 ready
  1. 01Dependency Injection in ComponentsInject services and pick the right lifetime.18 min
  2. 02Calling an APIFetch data and handle loading and error states honestly.20 min
  3. 03State ManagementShare state between components without creating hidden coupling.20 min

Module 04

Security, Performance and Deployment

Protect routes, keep rendering efficient, and ship it.

4/4 ready
  1. 01Authentication and AuthorizationProtect routes and vary UI by permission.22 min
  2. 02Error HandlingContain component failures instead of breaking the whole page.18 min
  3. 03Render PerformanceAvoid unnecessary re-rendering in large component trees.20 min
  4. 04DeploymentPublish and host a Blazor application.18 min

Projects for this course

Intermediate

Employee Portal (Blazor)

The Blazor course project: an internal portal with forms, validation, routing, API integration and protected routes.

20-25 hours

On completion

What you should take away

  • A component is a unit of UI with clear inputs and outputs
  • Forms and validation are where sharing C# between client and server pays off most
  • Every API call has a loading state and a failure state, and both need showing
  • State shared between components needs a deliberate home

Have a project worth talking through?

Tell us what you're building or what's slowing your current system down. We'll give you a direct read on scope and approach.

Start a ConversationExplore Our Services