Blazor with .NET

Use C# in the frontend: your team builds a complete Blazor application and learns to test its components with bUnit.

2 Days
Advanced
Remote or Inhouse
German & English

Request this training See the agenda

Who it’s for

.NET developers who want to build web frontends in C#
Teams evaluating Blazor as an alternative to a JavaScript framework

Afterwards your team can

Choose the right Blazor hosting model for a project
Build components, pages, data binding and events
Integrate JavaScript where needed
Unit-test components with bUnit

Prerequisites

Solid C# and .NET knowledge
Basic HTML and CSS
Visual Studio or Rider with the current .NET SDK installed

You want to leverage the power of C# in the frontend? This course will teach you the basics about Microsofts powerhouse web framework “Blazor”. You will learn how to build a complete web application with Blazor and .NET. Not only that, as Steven Giesel is one of the two maintainers of “bUnit” – the testing library for Blazor components, you will get an digression into testable components as well.

Agenda

The order and the depth of each block are adapted to your team – topics you already master are skipped, your questions get the time instead.

Introduction to Blazor – What Is Blazor? Why Should I Use It?
Dive Into the World of Blazor, a Cutting-Edge Framework for Building Web Applications Using C# Instead of JavaScript. Learn About Its Advantages and Reasons for Its Growing Popularity.
Blazor “Hosting Models” – Client Side, Server Side and United
Explore the Various Hosting Models Available in Blazor: WebAssembly (Client-Side), Server-Side, and the United Model, and Understand the Best Scenarios To Use Each.
Creating the First Application
Take a Hands-On Approach As You Set Up Your Development Environment and Create Your Very First Blazor Application, Getting Familiarized With Its Structure and Components.
Create Your First Blazor Component and Page
Dive Deeper Into the Building Blocks of Blazor by Crafting Your First Component and Integrating It Into a Page, Gaining an Understanding of Their Roles and Functionalities.
Parameters, Events and Data Binding
Unpack the Core Concepts of Passing Data Between Components, Handling User Interactions Through Events, and Establishing Dynamic Connections Between UI and Data Using Data Binding.
Using JavaScript in Blazor
Despite Blazor’s Emphasis on C#, Discover How To Seamlessly Integrate JavaScript for Scenarios Where It’s Beneficial, and Understand the Interoperability Between Blazor and JS.
Blazor United
Blazor United Is the Newest Way To Build Blazor Apps. Understand the Hype and What Is Now Possible, That Wasn’t Before.
Bunit – How to Unit Test Your Components
Emphasize the importance of testing in Blazor applications by introducing bUnit, a testing library dedicated to Blazor components. Learn the essentials of crafting robust unit tests for your components. And the best, one of the two maintainers is giving you that section.
How To Structure Your Application
As Your Applications Grow, It’s Crucial To Maintain a Coherent Structure for Scalability and Maintainability. Explore Best Practices, Patterns, and Strategies To Structure Your Blazor Applications Effectively.

Your trainer

Steven Giesel
Microsoft MVP
.NET engineer in Zurich, Microsoft MVP and co-maintainer of bUnit, the testing library for Blazor components.
Full profile →