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

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

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

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

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

  • تعریف ویژگی‌ها در المان‌های سفارشی Defining Attributes on Custom Elements

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

  • کار با ویژگی‌های بولی (Boolean) Working with Boolean Attributes

  • انعکاس ویژگی‌ها و پراپرتی‌ها Reflecting Attributes and Properties

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

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

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

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

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

درک هوک‌های چرخه حیات Understanding Lifecycle Hooks

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

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

  • ارتباط با صفحه میزبان با استفاده از رویدادها (Events) 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 است و به همراه همسر و چهار فرزندش در ساحل جنوبی انگلستان زندگی می کند.