In this series of videos, get introduced to ASP.NET Core Tag Helpers and learn how you can use them to build better real-world applications with the help of Telerik UI for ASP.NET Core.
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.
To really understand how ASP.NET Core Tag Helpers 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.
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.
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 the Telerik UI for ASP.NET Core features over 60 Tag Helpers. In this video we discuss the features of Telerik UI for ASP.NET Core and how to install, where to find documentation and get a free trial.
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.
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.
Microsoft MVP Ed Charbeneau shows us 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.
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.
In this video we see how to create a mobile responsive 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.
In this video we learn how to use the Telerik Data Grid Tag Helper. Data binding, sorting, filtering, and server side functionality are discussed.
In this video we learn how to use 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.
In this view we learn how to use the Telerik Chart Tag Helper for ASP.NET Core. Client side events are used to complete the demo application.
I hope this video series helps you get started with ASP.NET Core Tag Helpers and shows how Telerik UI for ASP.NET Core can help you build your real-world applications. You can start a free trial of Telerik UI for ASP.NET Core here and try it out for yourself. Happy coding!
Ed Charbeneau is a web enthusiast, speaker, writer, design admirer, and Developer Advocate for Telerik. He has designed and developed web based applications for business, manufacturing, systems integration as well as customer facing websites. Ed enjoys geeking out to cool new tech, brainstorming about future technology, and admiring great design. Ed's latest projects can be found on GitHub.