Blazor Tutorial

Introduction to Blazor

Learn a little more about why Blazor is so exciting for dotNET developers.

Introduction to Blazor, the power of .NET running in a browser! Blazor is a framework that helps programmers create highly interactive web applications that run in the browser. Blazor, is the new boy on the block and offers something new and exciting in the evolution of cross-platform frameworks.

Blazor is a new technology introduced by Microsoft in the form of a set of open source components and tools for building modern web applications. It is an entirely new way of building applications, and it is a way that can make web development far more approachable to those used to working with client-side technologies.

This introduction to Blazor aim is to give a brief overview of what you can expect from learning Blazor.

Introduction to Blazor Beginning

First unveiled back in 2017 by its Blazor creator Steven Sanderson at the NDC software developers conference in Oslo Norway. It had started out as a personal project that amazed everyone and the potential was obvious from the first introduction to Blazor.

Then finally on 18th April, 2019 it became official and no longer experimental. Microsoft announced that’s they were officially supporting Blazor in an official preview announcement and so the evolution of Blazor started…

What is Blazor?

Blazor is a Microsoft.NET Framework (CLR) technology that allows you to build client-side web apps using C# all made possible by WebAssembly. 

Blazor is Microsoft’s attempt to bring the benefits of web development to the desktop. It allows developers to build a single application that can run in a browser using the same code base as they would on the server. The technology allows developers to create rich UI with modern features such as animations and interactive controls.

Blazor Overview

Here is a brief introduction to Blazor overview:

    • Blazor is the Microsoft-developed web framework for building reactive, server-side applications.
    • Write web UI using C# istead of Javascript.
    • Frontend and backend can be developed in the same language.
    • Where did the name Blazor originate from? A combination of two words Browser and Razor.
    • Supported by Windows, Linux and macOS.
    • Just like ASP.NET Web API, it is open source.
    • Work in both advanced IDEs (integrated development environment) e.g Visual Studio or lightweight versions like visual studio code.
    • Web UI in client side application using webassemebly.

Using Blazor Benefits

Blazor is a powerful framework that uses a combination of WebAssembly and ASP.NET Core to allow you to write web applications using the .NET Framework and the Visual Studio IDE. This means that you can write the front end using C#, use WebAssembly to compile that code into native code in a web browser (where it runs at near-native speeds) and then host those web pages on your server.

A major benefit of building apps with the Microsoft Blazor framework is the ability to use existing.NET libraries. This is especially beneficial because Microsoft and other teams have already invested heavily in writing them.

Get the e-Book new
with a 30 day money-back guarantee you cannot go wrong.


The.NET platform is the foundation on which Microsoft’s products run. Blazor is Microsoft’s take on web application development that uses this same platform. It’s open-source, and with a strong community of contributors.

The framework itself is built with JavaScript, HTML, CSS, and TypeScript. Blazor is designed to be compatible with the ASP.NET Core framework. This means it can be used to build web applications for Windows, Linux, macOS, and Android.

.Net Core

The.NET Core is a cross-platform framework for building modern applications. It was developed by Microsoft as a successor to.NET Framework. The goal of the.NET Core is to make it easier to build, deploy, and manage web applications.

Blazor is built on top of the.NET Core framework and is designed to be compatible with it.

Microsoft Web Technology

Microsoft announced that they would be moving from developing web applications with JavaScript frameworks (such as Angular, Vue, and React) to Blazor, an alternative to web technologies.

The main benefits to developers are to enable deployment of applications faster, with better performance, better security, and more importantly for many developers, a consistent code base across their projects.

Too many developers are locked into legacy frameworks and tools that they can no longer use. Developers struggle with the learning curve of web technologies and it can be very difficult to create applications that look like they were designed by a single developer. Blazor aims to address this by allowing developers to write C# code and use WebAssembly to compile it to a form that can be run in the browser.

Two hosting Models for Blazor

Blazor has two hosting models Blazor WebAssembly and Blazor Server to make a Blazor web app.

WebAssembly and Blazor

WebAssembly is a technology that compiles web applications to native code. It allows developers to run code at native speeds in a web browser. 

WebAssembly allows developers to use the.NET Framework on the client-side of their web applications.

WebAssembly is not only good for the performance benefits, but it also enables developers to use modern JavaScript libraries that aren’t available on the client-side.

The website has a list of all the browsers that currently support WebAssembly.

Blazor is built on top of WebAssembly and uses a client-side framework to make building web applications easier. It allows developers to write a single code base for both the client and the server. It is built using Microsoft’s open source.NET framework, and it allows developers to use C#, JavaScript, or TypeScript.

Blazor also uses Razor components to build the UI, and it uses WebAssembly to compile code to native code.

In Blazor, components are built using Razor components and WebAssembly. Razor components are the HTML and CSS components that are used to build the UI of the app. They are the main difference between Blazor and other client-side frameworks.

Blazor Server Side

Blazor Server Side apps are super fast to load and even simpler to implement.

Blazor components execution happens on the ASP.NET Core app server.

UI interactions sent between the server and browser are handled over a SignalR connection.

Learn Blazor

I hope we have opened your eyes to what you can achieve in this introduction to Blazor.

Want to learn Blazor?

Here at Blazor Tutorial, we want to share our passion and show you what you could achieve.

Want to start learning Blazor?

Here at Blazor Tutorial, I want to share my passion and show you what you could achieve.

Blazor Quickgrid a Simple Data Grid

Blazor Quickgrid Learn a little more about Blazor Quickgrid a Simple Data Grid Blazor QuickGrid sole aim is to provide a simple, convienet and extremely

Dot Net Developer

DOT NET developer builds the software using Microsoft’s .NET to design, implement and develop software products.

Why Blazor Webassembly?

Blazor WebAssembly (2020) is the newest member of the Blazor family, coming after Blazor Server (2019) and works the opposite to his big brother.

Want to start learning Blazor?

Here at Blazor Tutorial, I want to share my passion and show you what you could achieve.