ASP.NET Core Razor Deep Dive

This is a self-paced GK Digital Learning product. GK Digital learning products are created by world-class production and instructional design teams to deliver an experience that feels more like a classroom than traditional e-learning with hands-on activities for real-world results. In addition to high quality video content and hands-on labs you will have access to subject matter experts to ask questions for feedback and support.

ASP.NET Core MVC utilizes the Razor view engine to create view templates. With this new version, new features such as Tag Helpers and view components, help make your development experience better than it has ever been.

In this course, you will get an in-depth exploration of the Razor View Engine and the new features introduced in ASP.NET Core. We will start off by discussing the basics of Razor templating. You'll learn about utilizing layouts to provide a consistent look and feel for your application, as well as layout inheritance to reduce duplicated markup. Tag Helpers are an exciting new feature in Razor that allow you to create templates that are much more readable than was possible previously. We'll explore the built-in Tag Helpers as well as how to create your own custom Tag Helpers to help componentize your templates. View components are another welcome new feature that improve upon existing features in Razor to provide components that can have their own business logic.

Pre-Requisites

  • Intorduction to .NET Core is a recommended prerequisite.

Content

GK Digital Learning Outline

  • Have a close shave with Razor 
  • Work with layouts 
  • Use Tag Helpers and dependency injection to help build forms 
  • Dive in to custom Tag Helpers 
  • Create reusable views with view components

GK Digital Learning Labs

  • Lab 1: Display a table of data
  • Lab 2: Create a layout file with multiple populated sections
  • Lab 3: Build an address form
  • Lab 4: Create a custom Tag Helper that renders a Bootstrap Progress Bar
  • Lab 5: Create and utilize a view component that renders a Bootstrap Navbar

Objectives

  • Build a page using the Razor templating syntax
  • Create layout files with multiple sections
  • Specify a default layout file for an entire application
  • Specify a layout file for an individual view
  • Utilize tag helpers and Dependency Injection to build forms that post data to a controller action
  • Create custom tag helpers
  • Utilize custom tag helpers in a Razor view
  • Create View Components with parameters
  • Pass parameters to a View Component

Target Audience

  • Developers with any level of .NET experience
  • Developers looking to extend their .NET Core expertise