ASP.NET Core Tag Helpers Video Tutorial: Getting Started with Telerik Tag Helpers

This instructional video series is a hands-on demo of ASP.NET Core Tag Helpers with the help of Telerik UI for ASP.NET Core. Learn the basics of working with Tag Helpers by building a fully functional app using multiple UI components (grid, chart, date picker and more). The course is guided by industry pros: Scott Addie, Sr. Content Developer for Microsoft, and Ed Charbeneau, three-time Microsoft MVP.

1: What are ASP.NET Core Tag Helpers

To explain how ASP.NET Core Tag Helper can make you more productive, we'll begin with an introduction to the basics of Tag Helpers. In this video, we'll learn why Tag Helpers were added in ASP.NET Core and how they improve the readability of our markup through better IntelliSense and easier context switching.

2: Let’s Build an App: Team Efficiency Dashboard

In the Tag Helper video series, we'll learn how to build the Team Efficiency Dashboard, a single page, responsive web application. The application uses date picker, responsive panel, chart, grid and tree view Tag Helpers to create an interactive reporting experience. In this video, we'll take a look at the completed app we'll be building.

3: Intro to the Telerik UI for ASP.NET Core Tag Helpers

ASP.NET Core comes with a handful of Tag Helpers, just a fraction of what is needed to build a real-world application. For a complete toolbox of components, you can count on Telerik UI for ASP.NET Core, which features over 60 Tag Helpers. In this video, we discuss the features of Telerik UI for ASP.NET Core, how to install it and where to find its documentation.

4: Start with a Prototype: An Overview of Our Visual Studio Project Example

In this video, we discuss the prototype application which we will transform over the course of the video series into a fully functional application. The prototype application is a simple Bootstrap layout with placeholder elements which will be replaced with Telerik UI for ASP.NET Core Tag Helpers.

5: Writing Markup Using Tag Helpers (Form Basics: Label and Date Picker)

Scott Addie introduces us to the ASP.NET Core Label Tag Helper and the Telerik Date Picker Tag Helper. This introduction shows how to write markup using Tag Helpers and discusses the advantages of the generated UI.

6: Using the Telerik Tree View Tag Helper to Master Hierarchical Data

Ed Charbeneau shows how to use the Telerik ASP.NET Core Tree View Tag Helper. The Tree View Tag Helper is a UI component that can be data bound naturally to hierarchical data sources.

Useful links:

Tree View Tag Helper

7: Refactoring with the ASP.NET Core 2.1 Partial Tag Helper

In this video, we learn how to refactor application view code with the Partial Tag Helper. The Partial Tag Helper is a new feature in ASP.NET Core 2.1 used to encapsulate markup.

Useful links:

Partial Tag Helpers

8: Creating a Responsive Mobile Panel with the Telerik Panel Tag Helper

In this video, we see how to create a mobile panel with the Responsive Panel Tag Helper. This Tag helper creates a drawer that collapses off screen when a device has a small screen size.

9: Tackling Data Sets with the Telerik Data Grid Tag Helper

In this video, we learn how to use the Telerik Data Grid Tag Helper. Data binding, sorting, filtering, and server side functionality are discussed.

10: Handling Client Side Events and User Interactions: Client-Side API

In this video, we learn how to use the Telerik UI for ASP.NET Core's client-side API. Using client side events we can easily add interactivity and bind to events using ASP.NET Core Tag Helpers.

11: Using Chart Tag Helpers for Interactive Data Visualizations

In this video, we learn how to use the Telerik Chart Tag Helper for ASP.NET Core. Client side events are used to complete the demo application.

About the presenters:

Scott Addie 

Scott Addie
Sr. Content Developer for Microsoft

Scott Addie is an avid blogger and technical evangelist of the modern web who has reached masses of developers through speaking engagements at user groups, code camps, and conferences across North America. With a strong emphasis on JavaScript and the Microsoft web technology stack, Scott holds numerous industry-recognized Microsoft development certifications and has been named a Microsoft MVP in the award category of Visual Studio and Development Technologies. As a firm believer in giving back to the community, Scott is a frequent open source contributor to high-profile GitHub projects, including ASP.NET Core, OmniSharp, Visual Studio Code, and a plethora of Visual Studio proper extensions.

Ed Charbeneau is a Developer Advocate for Telerik

Ed Charbeneau
Microsoft MVP

Ed is a Microsoft MVP and an internationally recognized online influencer, speaker, writer, a Developer Advocate for Progress, and expert on all things web development. Ed enjoys geeking out to cool new tech, brainstorming about future technology and admiring great design.


Download Your 30-Day Telerik UI for ASP.NET Core Trial

With your trial, you’ll have access to more than 60 ASP.NET Core components, Tag Helpers, themes, server-side databinding, support for chatbots, legendary support, and more.

Get a Free 30-day Trial