Udemy – Web Components: The Ultimate Guide from Zero to Hero 2025-2

در تاریخ: 1404/02/21 9:38:44

توضیحات

دوره Web Components: The Ultimate Guide from Zero to Hero. این دوره آموزشی به شما یاد می‌دهد چگونه با استفاده از Web Components API، کامپوننت‌های UI مدرن، قابل استفاده مجدد و مستقل از فریم‌ورک ایجاد کنید که در هر محیطی قابل اجرا هستند. این دوره یک راهنمای عملی برای تسلط بر فناوری بومی مرورگر است که بدون نیاز به فریم‌ورک‌هایی مانند React، Angular یا Vue، امکان ساخت کامپوننت‌های کارآمد و مقیاس‌پذیر را فراهم می‌کند. در طول دوره، با مفاهیم کلیدی مانند Shadow DOM برای کپسوله‌سازی HTML، CSS و JS، ساخت Custom Elements با مدیریت lifecycle، استفاده از HTML Templates و Slots برای انعطاف‌پذیری، و ادغام Web Components با فریم‌ورک‌های مختلف آشنا خواهید شد. همچنین، مباحث پیشرفته‌ای مانند طراحی سیستم‌های کامپوننت، تست واحد، پیاده‌سازی Accessibility، مدیریت Localization، و معماری Micro-Frontend پوشش داده می‌شود. این دوره برای همه سطوح، از مبتدیان تا مهندسان ارشد، طراحی شده و شامل پروژه‌های عملی، بهترین روش‌های صنعتی و تکنیک‌های مورد استفاده در شرکت‌های پیشرو است. با پایان دوره، توانایی ساخت کتابخانه‌های کامپوننت، بهبود عملکرد و ایجاد رابط‌های کاربری پایدار و قابل نگهداری را خواهید داشت.

آنچه فرا خواهید گرفت:

تسلط بر Web Components API از ابتدا و درک اینکه چرا آینده توسعه فرانت‌اند مستقل از فریم‌ورک است.
ساخت UI Kits آماده تولید و قابل استفاده مجدد با استفاده از Shadow DOM، Custom Elements، HTML Templates و Slots بدون وابستگی به هیچ فریم‌ورکی.
ادغام Web Components در معماری‌های Micro-Frontend برای اینکه چندین فریم‌ورک با هم در یک صفحه کار کنند.
استفاده از ابزارهای پیشرفته مانند TypeScript، Storybook، SASS، CSS Modules، Monorepos و Unit Testing در پروژه‌های واقعی Web Components.
ساخت ورودی‌های سفارشی قابل دسترس و مرتبط با فرم با پشتیبانی کامل از اعتبارسنجی، استایل‌دهی و رفتار فرم بومی.
کپسوله سازی استایل‌ها و رفتار برای جلوگیری از تضادهای CSS سراسری و تداخلات JavaScript در برنامه‌های فرانت‌اند پیچیده.
ایجاد کتابخانه‌های UI مستقل از فریم‌ورک که می‌توانید در برنامه‌های React، Angular، Vue، Svelte یا جاوااسکریپت ساده استفاده کنید.
کسب اطمینان معماری برای طراحی سیستم‌های کامپوننت مقیاس‌پذیر و قابل نگهداری برای هر پروژه فرانت‌اند.

این دوره مناسب چه کسانی است؟

توسعه‌دهندگان فرانت‌اند در تمام سطوح که از قفل شدن در فریم‌ورک خسته شده‌اند و می‌خواهند UI Kits و کامپوننت‌هایی بسازند که در همه جا کار کنند.
مبتدیانی که می‌خواهند با مهارت‌های مدرن و آینده‌دار وارد توسعه وب شوند – حتی بدون تجربه قبلی در فریم‌ورک‌ها.
توسعه‌دهندگان سطح متوسط که به دنبال ساخت UI kits، سیستم‌های طراحی یا کتابخانه‌های قابل استفاده مجدد بدون اختراع مجدد چرخ هستند.
مهندسان ارشد و معمارانی که می‌خواهند دانش خود را گسترش دهند و کنترل کامل بر ساختار، رفتار و مقیاس‌پذیری کامپوننت‌های خود داشته باشند.
توسعه‌دهندگانی که روی Micro-Frontends کار می‌کنند و به یک روش تمیز و پایدار برای ادغام برنامه‌های ساخته شده با فریم‌ورک‌های مختلف نیاز دارند.
هر کسی که در مورد نحوه مدیریت بومی کامپوننت‌ها توسط مرورگرهای مدرن – بدون React، Angular یا Vue – کنجکاو است.
توسعه‌دهندگانی که می‌خواهند نمونه کار خود را گسترش دهند و در مصاحبه‌ها یا ارزیابی‌های عملکرد متمایز شوند.
سازندگان، بناکنندگان و ذهن‌های کنجکاوی که آماده تسلط بر Web Components و ساخت UIهای زیبا و قابل نگهداری هستند که ماندگار باشند.

مشخصات دوره Web Components: The Ultimate Guide from Zero to Hero

ناشر: Udemy
مدرس: Andrew Maksimchenko
سطح آموزش: مبتدی تا پیشرفته
مدت زمان آموزش: 6 ساعت و 4 دقیقه
تعداد دروس: 64

سرفصل های دوره در تاریخ 2025/4

پیشنیازهای دوره Web Components: The Ultimate Guide from Zero to Hero

No prior coding experience needed. I will guide you to Web Components API from level 0 to Pro
All you need is a modern browser, a Code Editor like VS Code, and a desire to level up your frontend skills
A basic understanding of HTML, CSS, and JavaScript will help, but it’s not mandatory
You don’t need to know any UI frameworks or libraries like React, Angular, or Vue