6 Best Blazor Courses and Tutorials - Learn Blazor Online
Highly curated Blazor Courses for beginners. Start with the Blazor tutorials and learn Blazor development as a beginner.
The Best Blazor Tutorials and Courses for beginners to learn Blazor in 2024.
In the past, JavaScript dominated client-side web development. It always boiled down to JavaScript, even though developers had a choice of frameworks (e.g. Angular, React, etc.). Fortunately, that has changed with Blazor.
Blazor is a Microsoft technology that allows us to make interactive web applications with C# without using JavaScript. It is an exciting new part of .NET Core (.NET 5) designed for building rich web user interfaces in C#. The name "Blazor" is a portmanteau of "Browser" and "Razor," with Razor being a syntax used in ASP.NET for creating dynamic web pages.
Keeping this in mind, we at Coursesity have created a list of Blazor Tutorials & Courses for developers to transition from building basic sample apps to implementing more real-world concepts, design patterns, and features. Whether you're a seasoned developer looking to expand your skill set or a newcomer eager to dive into the world of web programming, mastering Blazor can be a game-changer.
Top Blazor Courses and Tutorials List
Disclosure: We're supported by the learners and may get a commission when you purchase via the link.
1. Programming in Blazor - ASP.NET Core 5
Create interactive web applications with C#
- Course rating: 4.8 out of 5.0 (2,064 Rating total)
- Duration: 16.5 Hours
- Certificate: Certificate of completion
In this Blazor tutorial, 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, 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 (LinkedIn Learning)
Get started with Microsoft Blazor, the framework for building rich web apps with C# and .NET.
- Course rating: 8,986 total enrollments
- Duration: 4.2 Hours
- Certificate: Certificate of completion
The Blazor tutorial 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. Blazor: Getting Started (Pluralsight)
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 (559 Rating 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.
4. Blazor WebAssembly Full-Stack Bootcamp with .NET 5
Build an online browser game from scratch using Blazor WebAssembly, Web API, Entity Framework & SQLite in .NET Core 3.1.
- Course rating: 4.5 out of 5.0 (605 Rating total)
- Duration: 17.5 Hours
- Certificate: Certificate of completion
In this Blazor tutorial, 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 using 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 Blazor tutorial, 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.
5. 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.6 out of 5.0 (1,446 Rating total)
- Duration: 15.5 Hours
- Certificate: Certificate of completion
In this Blazor tutorial, 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.
6. Creating Blazor 3 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 (116 Rating total)
- Duration: 1.4 Hours
The Blazor tutorial 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!