Asp.Net Core: Using Tag Helpers to reduce copy/pasting HTML



Asp.Net Core: Using Tag Helpers to reduce copy/pasting HTML

Asp.Net Core: Using Tag Helpers to reduce copy/pasting HTML

This video will give you an introduction into authoring custom Tag Helpers in AspNet Core for MVC and Razor; allowing you to reduce the amout of html you need to copy and paste for redundant tasks like laying fields

00:00 – Intro
00:30 – Original Html – Details view
00:50 – Original Html – Edit view
01:30 – Target/Goal Html – Details view
01:50 – Target/Goal Html – Edit view
03:30 – Start writing Edit control tag helper
12:57 – Add the Label
16:45 – Add Css Class to root element
22:09 – Add the validation element
28:00 – Start the Details Tag helper
32:30 – Set the Content
35:00 – Add css to outer elements
38:05 – Add css to label component
40:50 – Use sparingly
42:25 – Dispose

If one of my videos has helped improved your daily activities, consider paying it forward (help someone else) or Buy Me a Coffee?
☕️ Buy me a coffee – https://www.buymeacoffee.com/timburris

Demo Source
https://github.com/TimBurris/TagHelpersDemo