The Best Blazor Tutorials and Courses for beginners to learn Blazor in 2021.

Blazor is a Microsoft technology that allows us to make interactive web applications with C# without using JavaScript.

In the past, JavaScript had a monopoly in client-side web development. As developers had the choice of frameworks (e.g. Angular, React, etc.) but in the end, it always boiled down to JavaScript. Blazor changes that.

It is an exciting new part of .NET Core (.NET 5) designed for building rich web user interfaces in C#. This course will help developers transition from building basic sample apps to implementing more real-world concepts, design patterns, and features.

With Blazor, you can keep coding every part of your web application - meaning front end and back end - with the programming language and the framework you love - C# and .NET. No need for JavaScript anymore and you can even use the same classes and methods you write for the server as well as for the client.

Disclosure: Coursesity is supported by the learner's community. We may earn an affiliate commission when you make a purchase via links on Coursesity.

Top Blazor Courses and Tutorials List

  1. Programming in Blazor - ASP.NET Core 5

  2. Blazor: Getting Started Online Class

  3. Build Real world application with Blazor (.NET Core 3.1)

  4. Blazor: Getting Started

  5. Blazor WebAssembly Full Stack Bootcamp

  6. Blazor: Getting Started

  7. Blazor - The Complete Guide (WASM & Server .NET Core 5)

  8. Creating Blazor Components

1. Programming in Blazor - ASP.NET Core 5

Create interactive web applications with C#

  • Course rating: 4.5 out of 5.0 (1,563 Ratings total)
  • Duration: 16.5 Hours
  • Certificate: Certificate of completion

In this course, you will learn how to:

  • develop web applications using C# and Blazor.
  • use Azure DevOps to deploy Blazor apps.
  • create a Database using Entity Framework Core.
  • create a user system that uses roles.

In this course, you will learn to develop web applications with Blazor. You will learn how to create an application by applying what has been learned. Here, you will go from the basics to the advanced.

You will create forms, components, entities, relations with our entities, and user systems with roles, and more. Next, you will use an ASP.NET Core 5 application to serve a Blazor project, and with Entity Framework Core 5 we will create our database.

Finally, you will use Azure services, such as Azure App Service and Azure DevOps, to publish our application to production.

You can take the Programming in Blazor - ASP.NET Core 5 Certificate Course on Udemy.

2. Blazor: Getting Started Online Class

Get started with Microsoft Blazor, the framework for building rich web apps with C# and .NET.

  • Course rating: 2,541 total enrollments
  • Duration: 4.2 Hours
  • Certificate: Certificate of completion

The course includes:

  • The Blazor Component Model
  • Debugging, Unit Testing, and Data Validation
  • Authentication and Application State
  • JavaScipt and Blazor
  • Component Libraries

You will learn how Blazor allows .NET code to run in the browser, allowing programmers to leverage their existing .NET skills for front-end development.

Next, you will explore the Blazor component model, including topics such as routing, dependency injection, data binding, and layouts. Then, discover the debugging and unit testing workflow for Blazor apps, and see how to validate form data.

The course also shows how to implement authentication and authorization and interact with JavaScript code. Plus, learn how to take advantage of Blazor component libraries to save time and create your own libraries in order to package and reuse code across projects.

You can take Blazor: Getting Started Online Class Certificate Course on LinkedIn.

3. Build Real world application with Blazor (.NET Core 3.1)

Build real-world applications using Blazor that allows developers to run C# in the browser.

  • Course rating: 4.3 out of 5.0 (553 Ratings total)
  • Duration: 3.5 Hours
  • Certificate: Certificate of completion

In this course, you will learn about:

  • Blazor Basics.
  • Blazor Server-Side Project.
  • components in Blazor.

In this course, you will start with the basic building blocks of Blazor with its syntax and then you will build a real-world project!

You can take Build Real world application with Blazor (.NET Core 3.1) Certificate Course on Udemy.

4. Blazor: Getting Started

Learn how to build your first application in a hands-on way using Blazor, Microsoft's solution to use C# to write interactive web UIs without JavaScript.

  • Course rating: 4.5 out of 5.0 (315 Ratings total)
  • Duration: 4 Hours

The course includes:

  • Building Your First Blazor Application
  • Working with Data
  • Adding Features to the App
  • Converting to Server-side Blazor
  • Deploying Your Application
  • Enhancing the Application with .NET 5 Features

In this course, Blazor Getting Started, you will gain the ability to build web applications using Blazor. First, you will learn how to set up your first Blazor application.

Next, you will discover how to work with data coming from an API and use data binding. Finally, you will explore how to create components and integrate existing JavaScript components.

When you are finished with this course, you will have the skills and knowledge of Blazor needed to build a web application using Blazor.

You can take Blazor: Getting Started Certificate Course on Pluralsight.

5. Blazor WebAssembly Full Stack Bootcamp

Build an online browser game from scratch using Blazor WebAssembly, Web API, Entity Framework & SQLite in .NET Core 3.1.

  • Course rating: 4.6 out of 5.0 (164 Ratings total)
  • Duration: 9 Hours
  • Certificate: Certificate of completion

In this course, you will learn how to:

  • build a complete web application with Blazor WebAssembly, Web API, Entity Framework, and an SQLite database.
  • understand Razor components: Communication, data binding, event handling, the @code block & more.
  • forms in Blazor WebAssembly with Validation & displaying validation messages.
  • utilize built-in forms components like InputText, InputCheckbox, InputSelect & more.
  • understand authentication & authorization with the AuthenticationStateProvider & the AuthorizeView component.
  • understand authentication with JSON Web Tokens (JWT).
  • use Web API as a web service with the HTTP request methods GET, POST, PUT & DELETE by utilizing the Model-View-Controller (MVC) pattern.
  • use Entity Framework with code-first migrations to store your data in an SQLite database.
  • migrate from .NET Core 3.1 to .NET 5.

The course includes:

  • Examining the example project
  • Exploring different ways to run your web application
  • Debugging client & server code at the same time
  • Initializing a Git repository for your source control
  • Creating Razor components
  • Writing C# code and HTML in the same file
  • The @code block
  • Component communication with parameters, event callbacks & services
  • Data binding & event handling
  • Adding pages to your Blazor WebAssembly application
  • Routing & navigation in a Blazor app
  • Creating and use models within your web application
  • Loops & more in Razor components
  • User feedback with toaster messages for errors & more
  • Managing NuGet Packages
  • Creating forms with validations
  • Using all built-in forms components like InputText, InputCheckbox, InputSelect & more
  • Building login & registration forms
  • Displaying validation errors
  • Utilizing models with forms
  • Adding the NavigationManager to navigate the user in your app
  • Utilizing the AuthenticationStateProvider
  • Exposing the AuthenticationState
  • Using the AuthorizeView component
  • Page restriction with the [Authorize] attribute
  • Using the LocalStorage for authentication
  • The Model-View-Controller (MVC) pattern
  • Creating models and controllers
  • Using the same models for the server and the client
  • Attribute routing (with parameters)
  • The HTTP request methods GET, POST, PUT & DELETE
  • Object-Relational-Mapping
  • Code-First Migration
  • SQLite
  • Using a DataContext and a proper ConnectionString
  • All previous HTTP requests with Entity Framework to save your data in an SQLite database
  • Inspecting your database with the DB Browser for SQLite
  • Creating & verifying JSON Web Tokens
  • Using the Repository pattern
  • Adding & reading claims
  • Securing controllers with the Authorize attribute
  • Using the JWT in the AuthenticationStateProvider of Blazor WebAssembly
  • Adding relations to your database
  • Using LINQ functions to Select, Order & Include entities
  • Completing the game logic: Grow your army, fight battles, climb the leaderboard

In this course, you will dive right into the code by first having a look at the standard example project of Blazor WebAssembly and then together with some customization options and climbing the leaderboard, this application will teach you how to use Blazor WebAssembly with Razor components in a playful way.

You will have a look at data- and event binding, communication between components, forms with their built-in components and validation options, how to use views only authorized users can see, how to make calls to a web service, and much more.

Additionally, you will learn how to build the back end of the browser game with a Web API and Entity Framework to store all the data in an SQLite database.

By the end of this course, you will have what it takes to call yourself a full-stack Blazor web developer.

You can take Blazor WebAssembly Full Stack Bootcamp Certificate Course on Udemy.

6. Blazor: Getting Started

Learn how to build your first application in a hands-on way using Blazor, Microsoft's solution to use C# to write interactive web UIs without JavaScript.

  • Course rating: 4.5 out of 5.0 (315 Ratings total)
  • Duration: 4 Hours

The course includes:

  • Building Your First Blazor Application
  • Working with DataAdding Features to the App
  • Converting to Server-side Blazor
  • Deploying Your Application
  • Enhancing the Application with .NET 5 Features

In this course, Blazor Getting Started, you will gain the ability to build web applications using Blazor. First, you will learn how to set up your first Blazor application.

Next, you will discover how to work with data coming from an API and use data binding. Finally, you will explore how to create components and integrate existing JavaScript components.

When you are finished with this course, you will have the skills and knowledge of Blazor needed to build a web application using Blazor.

You can take Blazor: Getting Started Certificate Course on Pluralsight.

7. Blazor - The Complete Guide (WASM & Server .NET Core 5)

Build real-world resort booking website using Blazor Server, Blazor WASM, and .NET 5(.NET Core) API and deploy to azure.

  • Course rating: 4.8 out of 5.0 (265 Ratings total)
  • Duration: 15.5 Hours
  • Certificate: Certificate of completion

In this course, you will learn how to:

  • build a real-world application using Blazor Web Assembly.
  • manage admin features using Blazor Server.
  • build .NET 5 API from scratch.
  • consume .NET 5 API using Blazor WASM.
  • Authentication & Authorization in Blazor Server and WASM.
  • send e-mails with Blazor.
  • integrate Stripe Payments in Blazor WASM.
  • Repository Pattern and Dependency Injection.
  • deploy .NET API, Blazor WASM & Server to Azure.

You can take Blazor - The Complete Guide (WASM & Server .NET Core 5) Certificate Course on Udemy.

8. Creating Blazor Components

Building a Blazor app is building components. This course is essential for gaining a good understanding of components.

  • Course rating: 4.5 out of 5.0 (72 Ratings total)
  • Duration: 1.4 Hours

The course includes:

  • Writing Your First Blazor Component
  • Composing an Interactive Blazor Application
  • Creating Templated Components

In this course, Creating Blazor Components, you will learn how to write both simple and more advanced Blazor components. First, you will learn how to write a basic component using one-way data binding and events.

Next, you will discover the more wondrous capabilities of Blazor, like creating your own events, using chained binds, and you will dive into cascading values and lifecycle methods.

Finally, you will explore how to create templated components enabling component re-use to the max.

When you're finished with this course, you will have the skills and knowledge to create awesome components in Blazor for any application type.

You can take Creating Blazor Components Certificate Course on Pluralsight.


Thank you for reading this. We hope our course curation would help you to pick the right course to learn Blazor. In case you want to explore more, you can take the free Blazor courses.

Hey! If you have made it this far then certainly you are willing to learn more and here at Coursesity, it is our duty to enlighten people with knowledge on topics they are willing to learn. Here are some more topics that we think will be interesting for you!