آموزش کامپوننت‌های وب: الگوهای عناصر سفارشی (Custom Element Patterns) - آخرین آپدیت

دانلود Web Components: Custom Element Patterns

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: اولین قدم‌های خود را در دنیای کامپوننت‌های وب با ساخت یک داشبورد شخصی بردارید — بدون نیاز به هیچ فریم‌ورک یا کتابخانه‌ای! در این دوره آموزشی با عنوان «کامپوننت‌های وب: الگوهای عناصر سفارشی»، خواهید آموخت که چگونه با استفاده از جاوااسکریپت مدرن، HTML و CSS، عناصر سفارشی (Custom Elements) کاملاً کاربردی و قابل استفاده مجدد ایجاد کنید. ابتدا نحوه ساخت عناصری را می‌آموزید که داده‌ها را از طریق اتریبیوت‌ها و پراپرتی‌ها دریافت و مدیریت می‌کنند. سپس با استفاده از Slotها برای ایجاد لایوت‌های انعطاف‌پذیر، ترکیب کامپوننت‌ها را بررسی خواهید کرد. در نهایت، بر متدهای چرخه حیات (Lifecycle Hooks) و استراتژی‌های بهینه‌سازی عملکرد مسلط می‌شوید. در پایان این دوره، شما مهارت‌ها و دانش لازم از وب کامپوننت‌ها را برای ساخت ویژگی‌های وب سریع و مدرن، بدون وابستگی به فریم‌ورک‌ها به دست خواهید آورد.

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

تسلط بر اتریبیوت‌ها و پراپرتی‌ها Mastering Attributes & Properties

  • تعریف اتریبیوت‌ها در عناصر سفارشی Defining Attributes on Custom Elements

  • پاسخ به تغییرات اتریبیوت‌ها Responding to Attribute Changes

  • کار با اتریبیوت‌های Boolean Working with Boolean Attributes

  • انعکاس متقابل اتریبیوت‌ها و پراپرتی‌ها Reflecting Attributes and Properties

بهره‌گیری از ترکیب کامپوننت‌ها با Slotها Leveraging Component Composition with Slots

  • اسلات‌ها (Slots) چیستند و چرا به آن‌ها نیاز داریم؟ What Are Slots and Why Do We Need Them?

  • استفاده از اسلات‌های نام‌گذاری شده Using Named Slots

  • پاسخ به تغییرات اسلات‌ها Responding to Slot Changes

  • قابلیت ترکیب: ساخت کامپوننت‌ها با استفاده از کامپوننت‌ها Composability - Building Components with Components

درک متدهای چرخه حیات (Lifecycle Hooks) Understanding Lifecycle Hooks

  • مروری بر متدهای چرخه حیات Lifecycle Methods Recap

  • متدهای تکمیلی چرخه حیات Additional Lifecycle Methods

  • ارتباط با صفحه میزبان با استفاده از Eventها Communicating with the Host Page Using Events

به‌کارگیری تکنیک‌های بهینه‌سازی عملکرد Applying Performance Optimization Techniques

  • اصول عملکرد CSS در عناصر سفارشی CSS Performance Basics in Custom Elements

  • بهره‌گیری از GPU برای انیمیشن‌ها Leveraging the GPU for Animations

  • بهینه‌سازی به‌روزرسانی اتریبیوت‌ها با Debouncing Debouncing Attribute Updates

نمایش نظرات

آموزش کامپوننت‌های وب: الگوهای عناصر سفارشی (Custom Element Patterns)
جزییات دوره
58m
14
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
2
از 5
دارد
دارد
دارد
Dan Wellman
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Dan Wellman Dan Wellman

دن ولمن توسعه دهنده وب ، نویسنده و مدرس دوره از انگلستان است. او بیش از ده سال است که یک توسعه دهنده است و تقریباً مدت طولانی است که در مورد تجربیات خود می نویسد و فیلم می سازد. او 9 کتاب در مورد کتابخانه های جاوا اسکریپت نوشت و حدود 50 دوره ویدیویی در زمینه توسعه جلویی تولید کرد. او در حال حاضر رئیس UI سیستم های DST است و به همراه همسر و چهار فرزندش در ساحل جنوبی انگلستان زندگی می کند.