Blazor is a Single Page Application framework created by Microsoft.

With Blazor, you write C# to generate dynamic content and with Blazor WebAssembly you can become a full stack developer with C# on both front end and back end.

In this course by Frank Liu (via freeCodeCamp.org), you will learn about the architecture, how Blazor works, and how to create a real-world project as you learn to use Blazor.

Course Contents

  • (0:00:00) Introduction
  • (0:00:34) Blazor Architecture Overview
  • (0:11:59) Blazor Architecture In Depth
  • (0:24:00) Blazor Hosting Models
  • (0:32:23) Project Structure
  • (0:48:31) Data Binding
  • (1:12:21) Components Basics
  • (1:33:33) Communication Between Components Overview
  • (1:37:59) Component Parameters
  • (1:45:03) Route Parameters
  • (1:57:05) Cascading Parameters
  • (2:14:58) EventCallBack
  • (2:27:16) Referencing Child Components
  • (2:40:06) Templated Components – RenderFragment
  • (2:51:31) Templated Components – Generic Typed Item List
  • (3:07:01) Templated Components – Generic Typed RenderFragment
  • (3:27:27) Templated Components – Generic Typed RenderFragment as a Form
  • (3:37:30) When is Rendering Triggered
  • (3:59:45) Lifecycle Events Sequence
  • (4:11:39) Avoiding Data Initialization Pitfall
  • (4:16:15) Forms and Validations
  • (4:22:00) Dependency Injection
  • (4:49:34) State Management with Flux in C#
  • (5:34:37) Authentication
  • (6:04:18) Creating a reusable DataGrid Component – Columns Configuration
  • (6:36:27) Creating a reusable DataGrid Component – Paging
  • (7:16:49) Creating a reusable DataGrid Component – Sorting
  • (7:42:51) Thank you and My Contact Info

ASP.NET Core is an open-source, cross-platform framework for building modern, cloud-enabled, Internet-connected apps. In this series of videos we’ll be cover many of the interesting features of the framework.

There’s been ton of interest about Blazor in the community. In the video below, Dan Roth joins Jeremy to talk about how you can do Blazor on the server and in the web browser.

Content index:

  • [01:10] – What is Blazor?
  • [03:36] – What’s the different between Blazor server and Blazor WebAssembly
  • [07:44] – Blazor Server demo
  • [11:06] – Blazor WebAssembly demo
  • [14:49] – Debugging Blazor inside the browser
  • [19:01] – Progress Web App (PWA) support

Jon Wood has posted the third video in the ML.NET end-to-end series shows how to use Blazor to call the ML.NET API to make predictions in a web page. 

Resource: