Building Web apps using Blazor

Blazor is a framework for building interactive client-side web UI with .NET. You can now program your client-side code with C# instead of JavaScript.  
Microsoft Partner
Private session

This training is available in a private or personalized format. It can be provided in one of our training centres or at your offices. Call one of our consultants of submit a request online.

Call now at 1 877 624.2344

  • Duration: 3 days
  • Regular price: On request

Course outline

Duration : 3 days

© AFI Expertise inc.

Blazor is a framework for building interactive client-side web UI with .NET. You can now program your client-side code with C# instead of JavaScript.




Blazor First Steps

  • Blazor Model explained
  • Differentiate the Blazor hosting models: Client-Side vs Server-Side
  • Overview of WebAssembly technologies
  • Installing Blazor
  • Creating a new Visual Studio Project
  • Showing how to work with VS Code
  • Structure of a Blazor Project


  • Creating a Blazor layout
  • Using a layout
  • Nested layouts


  • Creating a component
  • Component lifecycles
  • One-way vs. two-way binding
  • Binding directives
  • Component events vs. Browser DOM events
  • Cascading values
  • Generated HTML attributes
  • Capturing unexpected params
  • Replacing attributes on child components
  • Multi-threaded rendering
  • Thread safety with InvokeAsync

Render trees

  • Incremental RenderTree proof
  • Optimizing using @key

Templating components

  • Passing data to a RenderFragment
  • Using @typeparam to create generic components
  • Passing placeholders to RenderFragments


  • Defining routes
  • Route parameters
  • Constraining route parameters
  • Optional route parameters
  • 404 – Not found
  • Navigating our app via HTML
  • Navigating our app via code
  • Detecting navigation events

Forms and data entry

  • Editing form data
  • Descending from InputBase
  • Validation
  • Handling form submission
  • EditContext, FieldIdentifiers, and FieldState
  • Accessing form state
  • Custom validation

Component libraries

  • Creating your own components
  • Consuming a component library
  • Accessing resources
  • Updating Nuget packages

Dependency injection

  • Injecting dependencies into Blazor components
  • Dependency lifetimes and scopes
  • Transient vs. Singleton vs. Scoped dependencies
  • Component scoped dependencies

Calling a Database

  • Entity Framework
  • Code-First vs Database-First
  • Repositories and data managers

Calling API services

  • Creating a simple web API
  • Documenting with OpenApi
  • Calling the API from Blazor

State Management

  • Application state
  • Server-side vs. Client-side


  • AppSettings
  • Environment variables
  • Command-line arguments
  • Secret Manager
  • Web config

JavaScript interop

  • JavaScript boot process
  • Calling JavaScript from .NET
  • Passing HTML element references
  • Calling .NET From JavaScript
  • Calling JS Libraries
  • Lifetimes and memory leaks
  • Type safety
  • Calling static .NET methods


  • Authentication
  • Authorization and permissions
  • Roles, Claims, Policies
  • Security features


(Most of this applies to ASP.NET, not Blazor WebAssembly)

  • Https
  • Cross-Site Request Forgery (XSRF/CSRF)
  • Cross-Site Scripting (XSS)
  • Cross-Origin Requests (CORS)
  • SQL Injection

Surround yourself with the best

Frédéric Paradis
Frédéric Paradis
Certified Trainer and Cloud Architect
As a certified Microsoft trainer, Frédéric describes himself as a Cloud magician who easily navigates the mythical space between technology and reality.
Marc Maisonneuve
Marc Maisonneuve
Training program director
Marc Maisonneuve has acted as a Training Program Director, professional effectiveness trainer and user tools practice leader at AFI for several years. Mr. Maisonneuve is known for his analytical skills, his legendary calm and his undeniable desire to encourage people to develop their skills. He has the ability to present technological solutions in a natural way and to adapt them to the concrete needs of the workplace.
Vicky Moreau
Vicky Moreau
Vicky Moreau is a passionate freelancer and professional in the area of office automation. She holds a college diploma in office automation, most of her solid experience with the Office Suite was acquired while being an autodidact. In fact, she has successfully completed an MOS (Microsoft Office Specialist) Excel certification.
Francis Ferland-Stevenson
Francis Ferland-Stevenson
Francis began as a trainer more than 5 years ago by testing office automation tools designed specifically to met the needs of his colleagues. His calm and his empathy makes him able to adapt his language according to the level of experience of the group. This makes his learnings clear and accessible to anyone. As a trainer, he is therefore attentive to the needs of his students to make sure they meet their objectives and face the challenges.

Soyez au fait des tendances, innovations, bonnes pratiques et exclusivités

Stay in touch

Pour les individus

Pour les organisations

Thèmes Afi U.

Formations certifiées

À propos

La Famille Edgenda


AFI par Edgenda

Apprentx par Edgenda

Afi U.


Besoin d’aide ? Parlez à un conseiller ou appelez au 1 877 624.2344


Confidentialité | Centre de formation autorisé Emploi-Québec, Agrément : 0051460 | TPS : 141582528 - TVQ : 1019557738

Copyright © 2023 Edgenda inc.