Composing the UI Layout of an Application

Explore UI layout creation for an application using Razor code blocks, HTML helper methods in MVC views, and Page Inspector in Visual Studio 2017.

Expected Duration (hours)
1.3

Lesson Objectives

Composing the UI Layout of an Application

write a simple Razor code block in C# that dynamically processes user input in an MVC view

write comments in MVC Razor code in an ASP.NET MVC web application

combine MVC Razor code blocks with HTML markup to render view content in an ASP.NET MVC web application

add and use a new layout page in an ASP.NET MVC web application

use HTML helper methods to create and render form elements in an ASP.NET MVC web application

create a custom HTML helper class in an ASP.NET MVC web application

create a custom HTML helper using an extension method in an ASP.NET MVC web application

create and render a partial view in an ASP.NET MVC web application in Visual Studio 2017

illustrate how to inject services into a view

use the Page Inspector to browse application code and examine layout and styling in an ASP.NET MVC web application in Visual Studio 2017

use HTML helper classes

Course Number:
it_wddmvc_08_enus

Expertise Level
Intermediate