از جمله قابلیتهای جدیدی که به ASP.NET Core افزوده شده اند، Tag Helperها و View Componentها هستند که ساخت صفحات وب با Razor View Engine را هم برای طراحان و هم برای توسعه دهندگان سادهتر و بصریتر کرده است. در دوره ویدیویی ASP.NET Core Tag Helpers and View Components موسسه Pluralsight که توسط Peter Kellner تدریس شده است، شما توانایی ایجاد Tag Helper ها، کامپوننتهای Tag Helper و View Componentها که باعث میشود شما و تیمتان در ساختن صفحات Razor View پر بازدهتر شوید را به دست خواهید آورد.
در این دوره ابتدا یاد میگیرید که چگونه Tag Helperها و View Componentهای خودتان را بسازید. در ادامه نحوهی استفاده از تمامی Tag Helperها تو کار ارائه شده توسط مایکروسافت را یاد خواهید گرفت. در آخر، شما چگونگی ساخت Tag Helperهای پیشرفته خودتان را که شامل تزریق وابستگی در میان سایر قابلیتهای پیشرفته است را بررسی خواهید کرد. وقتی که این دوره را به پایان رساندید، شما مهارتها و دانش Tag Helperها و View Componentها مورد نیاز برای نوشتن Tag Helperها و View Componentهای خودتان و همچنین استفاده موثر از تمامی Tag Helperهای توکار موجود در ASP.NET Core را خواهید آموخت.
فیلم آموزشی «Tag Helperها و View Componentها در ASP.NET Core» موسسه پلورال سایت که توسط Peter Kellner تدریس شده است، دارای زیرنویس انگلیسی است.
Table of Contents:
Course Overview
- Course Overview
What Can Tag Helpers and View Components Do for You?
- Why Did Microsoft Add Tag Helpers and View Components to ASP.NET Core?
- What Is a Tag Helper?
- What Is a View Component?
- When Should You Use a Tag Helper or a View Component?
- Exploring Tag Helper Basics
- Matching the Tag Helper Element to a C# Class
- Rendering Output from Our speaker-card Tag Helper
- Nesting Tag Helpers for Better Layouts
- Replacing Our Speaker Card Tag Helper with a Speaker Card View Component
- What to Expect and Our GitHub Repository
Authoring Your Own Tag Helpers
- Introduction
- Using Razor View Pages and Tag Prefixes with the ViewImports File
- The C# Tag Helper Class
- Linking HTML Element Attributes to C# Properties
- Implementing the Process and ProcessAsync Methods
- Converting the Method Process to ProcessAsync
- Process Method Parameters, TagHelperContext, and TagHelperOutput
- Multiple Tag Helpers on an Element and the Order Property
- Accessing View Model Data and the ModelExpress Property
- Accessing the MVC ViewContext in the Process Method
- Passing Data between Tag Helpers
- Learn How Dependency Injection Makes Tag Helpers More Awesome
- Deep Dive into HtmlTargetElement
- Using the HtmlTargetElement and the Attributes Parameter
- Learn View Component Basics
- Advanced View Component Usage including Dependency Injection
- The HtmlTargetElement ParentTag TagStructure Parameter and Module Takeaways
Leveraging Built-in Tag Helpers
- Introducing Built-in Tag Helpers
- ASP.NET Core Source Code for Tag Helpers on GitHub
- Our Tooling for Working with Tag Helpers
- Image Tag Helper in Depth
- Anchor Tag Helper in Depth
- Cache Tag Helper in Depth
- Distributed Tag Helper in Depth
- Environment Tag Helper in Depth
- Script and Link Tag Helpers in Depth
- Tag Helper Component Basics
- Using a Tag Helper Component
- Building a Custom Tag Helper Component
- Summary and Form-related Tag Helpers Not Covered
Building Better Forms with Tag Helpers
- Coding the Built-in Form Tag Helpers
- HTML and ASP.NET Forms History
- Building Our Registration Page Model and Controller
- Scaffolding Our Registration View Page
- Using the Input and Label Tag Helpers
- Adding Country List with Select and Options Tag Helpers
- Configuring the Form Tag Helper Itself
- Using the ValidationMessage and ValidationSummary Tag Helpers
- A Word About Cross Site Scripting Attacks
- Summary
Authoring an Advanced Tag Helper
- Introduction
- Building Our Embedded YouTube Tag Helper
- Coding the YouTube Embedded Tag Helper
- Building the JavaScript Manager Class
- Starting the JavaScript Manager Service
- Injecting the JavaScript Manager Service
- Coding the Body Tag Helper to Render the JavaScript
- Enhancing the Script Tag to Work with the JavaScript Manager
- Summary
- ASP.NET Core Tag Helpers Course Overview