Create a web UI with ASP.NET Core

Beginner

Developer

.NET

ASP.NET Core

ASP.NET Core supports creating webpages using a native templating engine called Razor. In this module, you'll learn how to create web pages using Razor with ASP.NET Core.

Learning objectives

In this module, you will:

• Understand when and why to use Razor Pages for your ASP.NET Core app.
• Use the .NET Core CLI to create a new page in the app.
• Create a form that supports the app's product data management requirements.
• Add client-side form input validation using Razor's Input Tag Helper.
• Add server-side model validation using data annotations.
• Run and test the web app.

Prerequisites

• Experience writing C# at the beginner level
• Ability to write HTML at an intermediate level
• Knowledge of RESTful services and HTTP action verbs

• Introduction min
• Understand when and why to use Razor Pages min
• Exercise - Create new ASP.NET Core app min
• Explore the Razor Pages project min
• Exercise - Add a Pizza list page with a form min
• Handle interactions in PageModel handler methods min
• Exercise - Handle the Pizza form submission min
• Summary min

ASP.NET Core supports creating webpages using a native templating engine called Razor. In this module, you'll learn how to create web pages using Razor with ASP.NET Core.

In this module, you will:

• Understand when and why to use Razor Pages for your ASP.NET Core app.
• Use the .NET Core CLI to create a new page in the app.
• Create a form that supports the app's product data management requirements.
• Add client-side form input validation using Razor's Input Tag Helper.
• Add server-side model validation using data annotations.
• Run and test the web app.

Prerequisites

• Experience writing C# at the beginner level
• Ability to write HTML at an intermediate level
• Knowledge of RESTful services and HTTP action verbs