دوره آموزشی یادگیری اجزای وب

جزئیات دوره

چه متوجه شوید یا نه، در حال حاضر از اجزای وب هنگام توسعه استفاده می کنید. عناصری مانند فرم‌ها، تگ‌های HTML و موارد دیگر، همه اجزای وب بومی مرورگرهای وب هستند. فراتر از این عناصر استاندارد، شما همچنین می توانید اجزای وب سفارشی ایجاد کنید تا فرآیند ساخت و نگهداری برنامه های وب را ساده تر کنید. این دوره نحوه ساخت کپسوله‌های سفارشی، واردات، قالب‌ها و عناصر داخلی را با استفاده از مشخصات اجزای وب و پیروی از استانداردهای وب توضیح می‌دهد.

جو مارینی دوره را با رفتن به قالب‌های HTML آغاز می‌کند، که یک روش بومی مرورگر برای اعلام بخش‌هایی از نشانه‌گذاری HTML است که اغلب در برنامه شما استفاده می‌شود. سپس، او واردات HTML را پوشش می دهد و نحوه استفاده از آنها و ایجاد ماژول های قابل استفاده مجدد را توضیح می دهد. سپس، او شما را از طریق کار با عناصر سفارشی هدایت می کند. برای پایان دادن به دوره، او در مورد Shadow DOM و نحوه ایجاد Shadow DOM برای تعریف ساختار عنصر سفارشی و رندر در یک صفحه بحث می کند.

اهداف یادگیری
استانداردهای وب
سفارشی سازی اجزای وب
فعال سازی و استفاده از قالب ها
استفاده از واردات HTML
ایجاد ماژول های قابل استفاده مجدد
تعریف عناصر سفارشی
سفارشی کردن عناصر و سبک ها
ایجاد Shadow DOM
Styling و Shadow DOM

سرفصل ها

0. مقدمه

01 - خوش آمدید
02 - آنچه باید بدانید
03 - فایل‌های تمرینی

1. مروری بر اجزای وب

04 - اجزای وب چیست؟
05 - استانداردهای Web Component

2. قالب‌های HTML

06 - مروری بر قالب‌های HTML
07 - محتوای قالب را اعلام کنید
08 - قالب‌ها را فعال و استفاده کنید

3. Import HTML

09 - مروری بر Import HTML
10 - از Import HTML استفاده کنید
11 - ماژول‌های قابل استفاده مجدد ایجاد کنید

4. عناصر سفارشی

12 - مروری بر عناصر سفارشی
13 - عناصر سفارشی را تعریف کنید
14 - عناصر سفارشی و یک ظاهر طراحی شده
15 - خصوصیات و ویژگی‌های عنصر سفارشی

5. Shadow DOM

16 - مقدمه ای بر Shadow DOM
17 - Shadow DOM را ایجاد کنید
18 - ترکیب و محتوا
19 - DOM را از قالب‌ها سایه بزنید
20 - Styling and Shadow DOM
21 - یک کامپوننت وب تمام شده

نتیجه

22 - مراحل بعدی