اصول وب کامپوننتها
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
تعداد زیادی تیم، زمان را با بازسازی ویجتهای رابط کاربری و همزمان نگه داشتن استایلها برای هر فریمورک در شرکت خود هدر میزنند. در این دوره «اصول وب کامپوننتها»، شما یاد میگیرید چگونه وب کامپوننتهای framework-agnostic ایجاد کنید. ابتدا نحوه ساخت و رجیستر یک عنصر سفارشی و درک روشهای چرخه عمر آن به صورت عملی را بررسی میکنید. سپس، با Shadow DOM برای کپسولهسازی و استفاده از اسلاتها برای کامپوز کردن consumer HTML آشنا میشوید. سپس، به جزئیات استایلدهی Shadow DOM با متغیرهای CSS و بخشها میپردازید.
در نهایت، میآموزید از ElementInternals API برای افزودن states و تبدیل عناصر سفارشی خود به form-associated بهره ببرید.
پس از تکمیل دوره، مهارتها و دانش لازم وب کامپوننتها برای ساخت وب کامپوننتهای قابل استفاده مجدد و framework-agnostic را در اختیار خواهید داشت تا از یک دکمه سفارشی اشتراکپذیر تا کل سیستمهای طراحی را بسازید.
اصول وب کامپوننتها
-
وب کامپوننتها چه هستند؟ 6m 4s
-
اپلیکیشن دمو 2m 8s
-
عناصر سفارشی 6m 38s
-
Callbacks چرخه عمر 4m 37s
-
ویژگیها، Attributes و بازتاب 5m 57s
-
Listening رویدادها 4m 54s
-
Shadow DOM 4m 8s
-
دمو - ایجاد Shadow DOM 3m 1s
-
پروجکشن محتوا با اسلاتها 6m 39s
-
مدیریت فوکوس 4m 6s
-
استایلدهی Shadow DOM 2m 34s
-
مثالهای استایلدهی Shadow DOM 8m 9s
-
دمو - استایلدهی Shadow DOM 3m 12s
-
قالبهای HTML 1m 13s
-
Shadow DOM اعلامی 4m 54s
-
Form Association 5m 18s
مشخصات آموزش
اصول وب کامپوننتها
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:مقدماتی
- تعداد درس:16
- مدت زمان :01:13:00
- حجم :153.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 03:02:02
- تعداد درس: 14
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 58:00
- تعداد درس: 12
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:25:13
- تعداد درس: 94
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 06:58:57
- تعداد درس: 60
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 02:27:39
- تعداد درس: 24
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 08:11:21
- تعداد درس: 28
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 04:52:43
- تعداد درس: 38
-
سطح دوره:
-
زبان: دوبله فارسی