دوره توسعه وب بر پایه کامپوننت با Storybook همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره توسعه وب بر پایه کامپوننت با Storybook

موضوع کلی: برنامه نویسی

موضوع میانی: جاوا اسکریپت (JavaScript)

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر Storybook و نقش آن در توسعه مبتنی بر کامپوننت
• 2. نصب و راه‌اندازی اولیه Storybook در یک پروژه React
• 3. ساختار دایرکتوری و فایل‌های اصلی Storybook
• 4. نوشتن اولین Story برای یک کامپوننت ساده
• 5. آشنایی با انواع Stories و حالت‌های مختلف یک کامپوننت
• 6. استفاده از Controls برای تغییر داینامیک Props در Storybook
• 7. مدیریت Actions و رویدادها در Stories
• 8. افزودن Docs و مستندسازی خودکار کامپوننت‌ها
• 9. پیکربندی Addon های پرکاربرد در Storybook
• 10. استفاده از Addon Viewport برای نمایش Responsive
• 11. کار با Addon Backgrounds برای تغییر پس‌زمینه
• 12. افزودن Addon A11y برای تست دسترسی‌پذیری
• 13. شخصی‌سازی تم و ظاهر Storybook
• 14. تعریف Decorator های سراسری و محلی برای Stories
• 15. مدیریت State و Context در Stories با Decorator
• 16. نوشتن Stories برای کامپوننت‌های دارای Props پیچیده
• 17. تست تعاملی کامپوننت‌ها با Play Function
• 18. ایجاد stories برای کامپوننت‌های فرم و ورودی
• 19. مدیریت خطا و حالت‌های Loading در Stories
• 20. نوشتن Stories برای کامپوننت‌های Modal و Overlay
• 21. کار با کامپوننت‌های وابسته به Routing در Storybook
• 22. شبیه‌سازی داده‌های API و Mock کردن در Stories
• 23. استفاده از ArgTypes برای تعریف دقیق نوع Props
• 24. سازماندهی Stories در پوشه‌ها و گروه‌های منطقی
• 25. ایجاد Story composition و ترکیب Stories
• 26. استفاده از CSF (Component Story Format) به صورت پیشرفته
• 27. مهاجرت از شیوه‌های قدیمی Stories به CSF
• 28. پیکربندی Webpack و Vite در Storybook
• 29. مدیریت وابستگی‌ها و استایل‌های سراسری در Storybook
• 30. کار با Stencil و Web Components در Storybook
• 31. استفاده از Storybook با TypeScript و تعریف تایپ‌ها
• 32. ایجاد Stories برای کامپوننت‌های دارای Hooks سفارشی
• 33. تست بصری (Visual Regression Testing) با Chromatic
• 34. ادغام Storybook با ابزارهای تست واحد (Jest, Testing Library)
• 35. اتوماسیون انتشار و Deploy Storybook به GitHub Pages
• 36. مدیریت نسخه‌های مختلف یک کامپوننت با Storybook
• 37. ایجاد Design System با استفاده از Storybook
• 38. مستندسازی Design Tokens و متغیرهای طراحی در Storybook
• 39. مدیریت چندین پروژه با Storybook Composition
• 40. بهینه‌سازی عملکرد و زمان Build در Storybook
• 41. رفع خطاهای رایج در نصب و پیکربندی Storybook
• 42. ایجاد Stories برای کامپوننت‌های انیمیشن‌دار
• 43. مدیریت Localization و زبان در Stories
• 44. کار با Addon Measure و Outline برای توسعه UI
• 45. تست و مستندسازی کامپوننت‌های جدول و داده
• 46. ایجاد Stories برای کامپوننت‌های Drag and Drop
• 47. مدیریت Theme Provider و Dark Mode در Storybook
• 48. استفاده از Storybook در پروژه‌های Vue و Angular
• 49. یکپارچه‌سازی Storybook با Figma و ابزارهای طراحی
• 50. ایجاد یک Storybook Boilerplate برای شروع سریع پروژه‌ها