دوره استفاده از Storybook برای توسعه Component-Driven در Vue.js همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره استفاده از Storybook برای توسعه Component-Driven در Vue.js

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

موضوع میانی: ویو (Vue.js)

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

• 1. مقدمه: چرا Component-Driven Development؟
• 2. مقدمه: معرفی Vue.js و اهمیت آن
• 3. مقدمه: معرفی Storybook و مزایای آن
• 4. نصب و راه‌اندازی اولیه Vue.js
• 5. نصب و راه‌اندازی اولیه Storybook در پروژه Vue.js
• 6. ساختار پروژه Vue.js با Storybook
• 7. اولین کامپوننت Vue.js: مبانی
• 8. اولین استوری (Story) برای کامپوننت Vue.js
• 9. نمای کلی رابط کاربری Storybook
• 10. مرور داستان‌ها (Stories) در Storybook
• 11. ساختار فایل‌های کامپوننت و استوری
• 12. اصول Props در کامپوننت‌های Vue.js
• 13. تعریف Props در کامپوننت Vue.js
• 14. استفاده از Props در استوری‌ها
• 15. انواع داده Props (String, Number, Boolean, Array, Object)
• 16. Props Validation و Type Checking
• 17. Props Default Values
• 18. Props Required
• 19. Events در کامپوننت‌های Vue.js
• 20. ارسال (Emit) Events از کامپوننت
• 21. مدیریت Events در کامپوننت والد
• 22. تست Events در Storybook
• 23. Computed Properties در کامپوننت‌های Vue.js
• 24. استفاده از Computed Properties در استوری‌ها
• 25. Watchers در کامپوننت‌های Vue.js
• 26. استفاده از Watchers در استوری‌ها
• 27. Slots در کامپوننت‌های Vue.js
• 28. Named Slots
• 29. Scoped Slots
• 30. استفاده از Slots در استوری‌ها
• 31. کامپوننت‌های پایه (Atomic Design Principles)
• 32. طراحی و توسعه کامپوننت‌های Atom
• 33. طراحی و توسعه کامپوننت‌های Molecule
• 34. طراحی و توسعه کامپوننت‌های Organism
• 35. طراحی و توسعه کامپوننت‌های Template
• 36. طراحی و توسعه کامپوننت‌های Page
• 37. ساخت یک کتابخانه کامپوننت جامع با Storybook
• 38. استفاده از Storybook Addons
• 39. مقدمه ای بر Addons
• 40. Canvas Addon
• 41. Docs Addon (Auto-generated Documentation)
• 42. Controls Addon (Interactive Props)
• 43. Actions Addon (Event Logging)
• 44. Viewport Addon (Responsive Design)
• 45. Backgrounds Addon (Theme Testing)
• 46. Outline Addon (Component Boundaries)
• 47. Accessibility Addon (WCAG Compliance)
• 48. Internationalization (i18n) Addon
• 49. Performance Addon
• 50. Testing Addons (Unit/Integration)
• 51. Configuring Storybook Addons
• 52. Customizing Storybook UI
• 53. Themeing Storybook
• 54. Global Configuration در Storybook
• 55. Setting up Storybook for Different Environments
• 56. CI/CD Integration with Storybook
• 57. Deploying Storybook to GitHub Pages
• 58. Deploying Storybook to Netlify
• 59. Deploying Storybook to Vercel
• 60. Storybook for Design Systems
• 61. Version Control for Storybook
• 62. Maintaining Storybook Consistency
• 63. Organizing Large Storybook Projects
• 64. Component Documentation best practices
• 65. Writing Meaningful Story Descriptions
• 66. Adding Usage Examples
• 67. Adding API Documentation
• 68. Linking to External Resources
• 69. Testing Components with Storybook
• 70. Snapshot Testing with Storybook
• 71. Integration Testing with Storybook
• 72. Visual Regression Testing with Storybook
• 73. Accessibility Testing in Storybook
• 74. Performance Testing in Storybook
• 75. Storybook for UI/UX Collaboration
• 76. Bridging the Gap between Designers and Developers
• 77. Figma to Storybook Integration (Conceptual)
• 78. Sketch to Storybook Integration (Conceptual)
• 79. Collaboration Workflows with Storybook
• 80. Design Handoff with Storybook
• 81. User Testing with Storybook Components
• 82. Advanced Storybook Features
• 83. ArgTypes for Advanced Props Configuration
• 84. ArgsEnhancers
• 85. Decorator Patterns in Storybook
• 86. Setup Decorators for Global Functionality
• 87. Setup Decorators for Theming
• 88. Setup Decorators for Internationalization
• 89. Setup Decorators for Mocking APIs
• 90. Using Storybook in a Large Team
• 91. Code Splitting in Vue.js with Storybook Components
• 92. Lazy Loading Components in Storybook
• 93. Performance Optimization in Storybook
• 94. Caching Strategies for Storybook
• 95. Storybook for Micro-frontends
• 96. Micro-frontend Architecture Overview
• 97. Developing Micro-frontends with Vue.js and Storybook
• 98. Integrating Micro-frontends with Storybook
• 99. Storybook Plugin Development (Introduction)
• 100. Creating Custom Storybook Addons