Free Blazor Training Course

Welcome to this short introduction to Blazor! This new Microsoft framework uses a unique approach to leverage your existing C# and .NET skills to create single-page applications running in web browsers. The technology that makes this possible is called WebAssembly, an open standard supported directly by current browsers on desktop and mobile platforms. You write C# and Razor code instead of JavaScript, and the compiled app runs natively on the client.

Sample Source Code:

Getting Started with Blazor

The following demo introduces you to the concept by setting up a small SPA with a few Blazor components.

Component Structure

Writing Blazor apps is all about components. They are the building blocks for pages and page elements. Creating simple components has already been covered in the introduction video, but many advanced mechanisms are available to cover complex scenarios.

Dependency Injection and Data Access

Dependency Injection in Blazor is a mechanism that makes application-wide services available to components. This video shows how to utilize the HTTP Client for data access purposes, and how to create your own data layer service.

JavaScript Interop

Running in the browser, Blazor often lives side by side with JavaScript components and libraries. Dependency Injection provides a reference to the browser's JavaScript runtime, and the built-in interop mechanisms make it easy to call from Blazor into JavaScript and vice versa.

Routing, Editing and Validation

This video demonstrates Blazor Routing to navigate between a list view and an editing view. The editing view implementation takes advantage of framework components and the built-in extensible validation system. A custom validation feedback component completes the picture.

Free Download

DevExpress UI Components for Blazor

Contact Us

+1 (818) 844-3383

Learn More about DevExpress

UI Controls and Tools for Developers