hero

Blazor Tutorial

Blazor - New .Net core UI framework for SPA

Tutorials →

For Beginners

In simple and easy steps starting from basics to advanced concepts.

Code Snippets

More details on data bindings with code snippets.

Prerequisite

Basic understanding on Razor syntax and C# language.

Code Maintenance & Portablity

Access to .Net ecosystem, easy to maintain code and cross platform.

Javascript Alternative

Client side coding can be done using C# with WebAssembly open standard instead of Javascript.

Performant

Provides near native performance using open source .net core platform in browser.

Sample Blazor Component

//Directives section
@page "/counter"

//Razor HTML section
<h1>Counter</h1>
<p>Current count: @currentCount</p>
<button class="btn btn-primary" onclick="@IncrementCount">Click me</button>

//Function sections
@functions {
    private int currentCount = 0;
    private void IncrementCount()
    {
        currentCount++;
    }
}

Preview Release

Client side Blazor is in preview release and no longer an experiment project.

Download StudyBlazor App

Get it on Google Play

Contact | Privacy Policy | Terms and Conditions