Module 09 of 10

Razor Pages & Blazor

Lessons

About This Module

So far you've built the back end: data access, a Web API, and security. Now it's time to put a face on it. .NET gives you two main ways to build web user interfaces, and both let you do most of the work in C# rather than JavaScript.

You'll start with Razor Pages, a page-focused way to build server-rendered web apps where HTML is combined with C# code that runs on the server. Then you'll move on to Blazor, which lets you build interactive user interfaces from reusable components, handle events such as button clicks, and style the result, all in C#.

With a user interface to go with your back end, you'll be ready for the final module, Cloud, Containers & Observability, where you learn to run and monitor your application in production.

Lessons

4 videos
01

Let's Learn .NET - Razor Pages

A live-streamed introduction to the fundamentals of Razor Pages in ASP.NET Core: building web apps with HTML, CSS, and JavaScript plus dynamic server-side logic written in C#, with a project built together during the session.

02

Tutorial: Get started with Razor Pages in ASP.NET Core

The first tutorial in a series on building an ASP.NET Core Razor Pages web app, covering the basics of getting started. Continue with the later parts of the series to go further.

03

Blazor in 100 Seconds

A quick overview of Blazor, the framework for building front-end web apps with HTML, CSS, and C#: how it works, how it uses WebAssembly to remove JavaScript from the client side, how to install it, and a basic tutorial.

04

Getting Started with Blazor - Build Your First App!

Builds a Color Palette Generator to introduce Blazor development: creating a Blazor Web Application, building reusable Tile and Palette components, adding a button with a click handler, and styling with CSS.