ASP.NET Core Tag Helpers and View Components

By Peter Kellner
This course gives you everything you need to know to start using Tag Helpers and View Components in your ASP.NET Core web apps. Learn how to use all the built-in Tag Helpers as well as how to expertly author your own.
Play course overview
Course info
Rating
(67)
Level
Intermediate
Updated
Aug 23, 2019
Duration
3h 1m
Table of contents
Course Overview
Course Overview 1m
What Can Tag Helpers and View Components Do for You?
Why Did Microsoft Add Tag Helpers and View Components to ASP.NET Core? 1m What Is a Tag Helper? 5m What Is a View Component? 2m When Should You Use a Tag Helper or a View Component? 2m Exploring Tag Helper Basics 3m Matching the Tag Helper Element to a C# Class 4m Rendering Output from Our speaker-card Tag Helper 3m Nesting Tag Helpers for Better Layouts 1m Replacing Our Speaker Card Tag Helper with a Speaker Card View Component 3m What to Expect and Our GitHub Repository 2m
Authoring Your Own Tag Helpers
Introduction 3m Using Razor View Pages and Tag Prefixes with the ViewImports File 6m The C# Tag Helper Class 3m Linking HTML Element Attributes to C# Properties 2m Implementing the Process and ProcessAsync Methods 3m Converting the Method Process to ProcessAsync 5m Process Method Parameters, TagHelperContext, and TagHelperOutput 6m Multiple Tag Helpers on an Element and the Order Property 2m Accessing View Model Data and the ModelExpress Property 3m Accessing the MVC ViewContext in the Process Method 4m Passing Data between Tag Helpers 6m Learn How Dependency Injection Makes Tag Helpers More Awesome 4m Deep Dive into HtmlTargetElement 4m Using the HtmlTargetElement and the Attributes Parameter 4m Learn View Component Basics 4m Advanced View Component Usage including Dependency Injection 4m The HtmlTargetElement ParentTag TagStructure Parameter and Module Takeaways 3m
Leveraging Built-in Tag Helpers
Introducing Built-in Tag Helpers 1m ASP.NET Core Source Code for Tag Helpers on GitHub 1m Our Tooling for Working with Tag Helpers 4m Image Tag Helper in Depth 3m Anchor Tag Helper in Depth 7m Cache Tag Helper in Depth 8m Distributed Tag Helper in Depth 5m Environment Tag Helper in Depth 2m Script and Link Tag Helpers in Depth 4m Tag Helper Component Basics 5m Using a Tag Helper Component 2m Building a Custom Tag Helper Component 5m Summary and Form-related Tag Helpers Not Covered 1m
Building Better Forms with Tag Helpers
Coding the Built-in Form Tag Helpers 1m HTML and ASP.NET Forms History 5m Building Our Registration Page Model and Controller 3m Scaffolding Our Registration View Page 2m Using the Input and Label Tag Helpers 3m Adding Country List with Select and Options Tag Helpers 1m Configuring the Form Tag Helper Itself 2m Using the ValidationMessage and ValidationSummary Tag Helpers 3m A Word About Cross Site Scripting Attacks 1m Summary 2m
Authoring an Advanced Tag Helper
Introduction 1m Building Our Embedded YouTube Tag Helper 5m Coding the YouTube Embedded Tag Helper 4m Building the JavaScript Manager Class 2m Starting the JavaScript Manager Service 1m Injecting the JavaScript Manager Service 1m Coding the Body Tag Helper to Render the JavaScript 1m Enhancing the Script Tag to Work with the JavaScript Manager 1m Summary 1m ASP.NET Core Tag Helpers Course Overview 3m
Description
Course info
Rating
(67)
Level
Intermediate
Updated
Aug 23, 2019
Duration
3h 1m
Description

Tag Helpers and View Components are new to ASP.NET Core and make building web pages with the Razor View Engine easier and more intuitive for both designers and developers. In this course, ASP.NET Core Tag Helpers and View Components, you will gain the ability build Tag Helpers, Tag Helper Components, and View Components which will lead to you and year team at being more productive in building Razor view pages. First, you will learn how to build your own Tag Helpers and View Components. Next, you will discover how to use all the built-in Tag Helpers provided by Microsoft. Finally, you will explore how to build your own advanced Tag Helper that incorporates dependency injection among other advanced capabilities. When you are fiished with this course, you will have the skills and knowledge of Tag Helpers and View Components needed to both author your own Tag Helpers and View Components as well as efficiently use all the built in Tag Helpers in ASP.NET Core.

About the author
Peter Kellner
About the author

Peter is the founder of Silicon Valley Code Camp and long-time software professional specializing in mobile and web technologies. He has also been a Microsoft MVP in ASP.NET since 2006.

More from the author
Using React Hooks
Beginner
2h 43m
Aug 11, 2020
Designing React Components
Intermediate
2h 43m
May 29, 2020
More courses by Peter Kellner
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi, my name is Peter Kellner, and welcome to my course, ASP.NET Core Tag Helpers and View Components. I'm a part-time Docs writer for Microsoft, part-time author, part-time conference organizer, and full-time learner. Both Tag Helpers and view components make developing ASP.NET Core apps easier than ever. They are both new to ASP.NET Core and are based on years of feedback from our community to the ASP.NET team. Though Tag Helpers are the main focus of this course, you'll also learn about view components and how they leverage the Razor view engine for enhanced HTML manipulation. Some of the major topics that we will cover include authoring our own Tag Helpers, using the Tag Helpers the ASP.NET team built for us, using Tag Helper components for more advanced scenarios, and, finally, building our own JavaScript manager using advanced Tag Helper features including dependency injection. By the end of this course, you'll not only know how to build your own Tag Helpers and view components, but you'll be able to use and extend the built-in ones with advanced knowledge of how they work. Before beginning the course, you should be familiar with ASP.NET MVC or ASP.NET Core. I hope you'll join me on this journey to learn ASP.NET Core Tag Helpers and view components at Pluralsight.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT