دوره Web Components و سیستم طراحی با StencilJS

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

• ساخت Web Componentها با استفاده از StencilJS
• پیاده‌سازی بهترین شیوه ها برای کتابخانه‌های UI قابل استفاده مجدد
• پیاده‌سازی بهترین شیوه های دسترسی‌پذیری در وب کامپوننت‌ها
• نوشتن تست‌های واحد و E2E برای کامپوننت‌های StencilJS با Jest و Playwright
• مستندسازی موثر کامپوننت‌های StencilJS با استفاده از Storybook
• راه‌اندازی و مدیریت یک Monorepo چند پکیجی با Turborepo
• انتشار کتابخانه کامپوننت StencilJS در NPM و ادغام آن در اپلیکیشن‌های شخص ثالث
• ادغام وب کامپوننت‌ها با فریم‌ورک‌هایی مانند React ،Angular و Vue

پیش نیازهای دوره

• درک قوی از HTML ،CSS و JavaScript
• دانش اولیه از TypeScript
• آشنایی با Node.js و NPM
• مقداری تجربه با React ،Angular و Vue (قطعاً اجباری نیست)
• راحتی در استفاده از ترمینال و فرمان های اولیه Git

توضیحات دوره

تسلط به StencilJS و ساخت یک سیستم طراحی حرفه‌ای
فراتر از آموزش‌های معمولی بروید، یک سیستم طراحی کامل و کتابخانه کامپوننت UI که مورد اعتماد اپلیکیشن های دنیای واقعی است را بسازید، تست کنید (تست‌های Unit ،E2E ،Snapshot)، مستند کنید (Storybook) و منتشر کنید (NPM). با استفاده از StencilJS، شما Web Componentهای با کارایی بالا و مستقل از فریم‌ورک ایجاد خواهید کرد که به طور یکپارچه با React ،Angular ،Vue و Vanilla JavaScript/HTML ادغام می‌شوند.

در این دوره، شما کشف خواهید کرد که چگونه:

• کامپوننت‌های UI قابل استفاده مجدد و مقیاس‌پذیر را مانند یک حرفه‌ای معماری کنید.
• دسترسی‌پذیری را از همان ابتدا در کار بگنجانید.
• مستندات تمیز و کاملی را با Storybook ارائه دهید.
• با تست‌های Jest و Playwright از قابلیت اطمینان اطمینان حاصل کنید.
• توسعه را با Turborepo ساده‌سازی کنید.
• در NPM منتشر کنید و کدهای آماده برای پروداکشن را ارائه دهید.

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

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

در پایان، شما فقط StencilJS را «نخواهید شناخت»، بلکه به آن مسلط خواهید شد، با یک سیستم طراحی کاملاً کاربردی که آماده استفاده فوری در پروژه‌های حرفه‌ای یا محصولات تجاری است.

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

• توسعه‌دهندگان فرانت‌اند که می‌خواهند وب کامپوننت‌های قابل استفاده مجدد و مستقل از فریم‌ورک بسازند.
• توسعه‌دهندگان علاقه‌مند به ایجاد و انتشار کتابخانه‌های کامپوننت UI
• مهندسانی که روی سیستم‌های طراحی یا کتابخانه‌های کامپوننت مشترک در چندین پروژه کار می‌کنند.
• تیم‌های متعددی که از React ،Angular ،Vue یا Vanilla JS استفاده می‌کنند و به دنبال استانداردسازی و یکپارچه‌سازی UI همه اپلیکیشن ها هستند.
• هر کسی که می‌خواهد StencilJS را در سریع‌ترین زمان ممکن بدون مطالب بیهوده یاد بگیرد و وقت خود را روی چیزهای غیرمهم تلف نکند.