آموزش مبانی وب کامپوننت‌ها (Web Components) - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• وب کامپوننت‌ها چیستند؟ What Are Web Components?

• بررسی اپلیکیشن دمو The Demo Application

المان‌های سفارشی (Custom Elements) Custom Elements

• المان‌های سفارشی Custom Elements

• کال‌بک‌های چرخه حیات Life Cycle Callbacks

• ویژگی‌ها، اتریبیوت‌ها و بازتاب (Reflection) Properties, Attributes, and Reflection

• گوش دادن به رویدادها Listening to Events

شدو دام (Shadow DOM) Shadow DOM

• شدو دام (Shadow DOM) Shadow DOM

• دمو: ایجاد Shadow DOM Demo: Creating Shadow DOM

• پروجکشن محتوا با استفاده از Slotها Content Projection with Slots

• مدیریت فوکوس Managing Focus

• استایل‌دهی به Shadow DOM Styling Shadow DOM

• مثال‌های استایل‌دهی به Shadow DOM Styling Shadow DOM Examples

• دمو: استایل‌دهی به Shadow DOM Demo: Styling Shadow DOM

تمپلیت‌های HTML و Shadow DOM اظهاری HTML Templates and Decalrative Shadow DOM

• تمپلیت‌های HTML HTML Templates

• شدو دام اظهاری (Declarative Shadow DOM) Declarative Shadow DOM

جزئیات داخلی المان‌ها (Element Internals) Element Internals

• مرتبط کردن با فرم‌ها Form Association