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

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

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

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

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

موضوع میانی: وایت (Vite)

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

• 1. مبانی توسعه کامپوننت‌های UI
• 2. آشنایی با Vite
• 3. راه اندازی پروژه با Vite
• 4. ساختار پروژه Vite
• 5. توسعه سریع با Vite
• 6. بهینه سازی Build با Vite
• 7. مقدمه ای بر Storybook
• 8. نصب و پیکربندی Storybook
• 9. ساختار پروژه Storybook
• 10. نوشتن اولین Story
• 11. مدیریت Props در Storybook
• 12. کار با Addons در Storybook
• 13. کنترل کننده ها (Controls) در Storybook
• 14. قالب ها (Templates) در Storybook
• 15. رویدادها (Events) در Storybook
• 16. استوری های تعاملی (Interactive Stories)
• 17. تست بصری (Visual Testing) با Storybook
• 18. مدیریت استایل ها در Storybook
• 19. استفاده از CSS Modules
• 20. استفاده از Styled Components
• 21. استفاده از Tailwind CSS
• 22. کار با کتابخانه های UI
• 23. توسعه کامپوننت های دکمه
• 24. کامپوننت های ورودی متن
• 25. کامپوننت های چک باکس و رادیو
• 26. کامپوننت های انتخابگر تاریخ
• 27. کامپوننت های مودال (Modal)
• 28. کامپوننت های Tooltip
• 29. کامپوننت های Dropdown
• 30. کامپوننت های Tab
• 31. کامپوننت های Accordion
• 32. کامپوننت های Table
• 33. کامپوننت های List
• 34. کامپوننت های Card
• 35. کامپوننت های Slider
• 36. کامپوننت های Pagination
• 37. کامپوننت های Progress Bar
• 38. کامپوننت های Toast Notification
• 39. کامپوننت های Breadcrumbs
• 40. کامپوننت های Alert
• 41. کامپوننت های Avatar
• 42. کامپوننت های Badge
• 43. کامپوننت های Chip
• 44. کامپوننت های Icon
• 45. کامپوننت های Spinner
• 46. کامپوننت های Skeleton Loader
• 47. اصول طراحی کامپوننت
• 48. قابلیت استفاده مجدد (Reusability)
• 49. قابلیت دسترسی (Accessibility)
• 50. قابلیت نگهداری (Maintainability)
• 51. اصول SOLID در طراحی کامپوننت
• 52. الگوهای طراحی کامپوننت
• 53. الگوی Container/Presentational
• 54. الگوی Compound Components
• 55. الگوی Render Props
• 56. الگوی Higher-Order Components (HOC)
• 57. مدیریت وضعیت (State Management)
• 58. وضعیت محلی کامپوننت
• 59. استفاده از Context API
• 60. مقدمه ای بر Redux Toolkit (سازگار با چارچوب رسمی)
• 61. مدیریت فرم ها
• 62. اعتبارسنجی فرم ها
• 63. استفاده از کتابخانه های مدیریت فرم (سازگار با چارچوب رسمی)
• 64. توسعه کامپوننت های پیشرفته
• 65. کامپوننت های نمودار (با استفاده از کتابخانه های مجاز)
• 66. کامپوننت های نقشه (با استفاده از سرویس های مجاز)
• 67. کامپوننت های ویرایشگر متن غنی (Rich Text Editor)
• 68. کامپوننت های Drag and Drop
• 69. کامپوننت های Real-time Updates
• 70. بهینه سازی عملکرد کامپوننت ها
• 71. Memoization و Lazy Loading
• 72. Code Splitting با Vite
• 73. تست کامپوننت ها
• 74. تست واحد (Unit Testing)
• 75. تست یکپارچگی (Integration Testing)
• 76. تست E2E (End-to-End Testing) با ابزارهای مجاز
• 77. استفاده از Jest و React Testing Library
• 78. مستندسازی کامپوننت ها
• 79. نوشتن مستندات با Storybook
• 80. ایجاد Style Guide
• 81. توسعه سیستم های طراحی (Design Systems)
• 82. اصول اولیه سیستم های طراحی
• 83. ساختار و سازماندهی سیستم طراحی
• 84. مدیریت تگ ها و برچسب ها
• 85. انتشار و توزیع کامپوننت ها
• 86. مدیریت نسخه بندی (Versioning)
• 87. استفاده از NPM/Yarn
• 88. یکپارچه سازی با CI/CD (با رعایت الزامات امنیتی)
• 89. نکات پیشرفته Vite
• 90. پلاگین های سفارشی Vite
• 91. تنظیمات پیشرفته Vite
• 92. نکات پیشرفته Storybook
• 93. انتقال پروژه به Storybook
• 94. مدیریت تم ها در Storybook
• 95. استفاده از Storybook برای دموهای محصول (با رویکرد علمی)
• 96. امنیت در توسعه کامپوننت (با رعایت قوانین)
• 97. ملاحظات حقوقی و شرعی در محتوای آموزشی (با تأکید بر قوانین ایران)
• 98. خاتمه مباحث و جمع بندی (با رویکرد علمی و سازگار)