کتاب استفاده از Storybook برای توسعه Component-Driven در Vue.js با فرمت AZW3 برای کتابخوان کیندل و فرمت EPUB
دوره جامع Storybook برای Vue.js: توسعه کامپوننتمحور حرفهای 🚀 دوره جامع Storybook برای Vue.js: توسعه کامپوننتمحور حرفهای 🚀 آیا میخواهید سرعت توسعهی رابط کاربری خود در 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
تگها:
Component-Driven
Frontend
Storybook
Storybook Vue
Vue
Vue.js
آموزش Storybook
آموزش Vue.js
برنامه نویسی
توسعه کامپوننت
توسعه وب
فرانتاند
کامپوننت
وب
نظرات
هنوز نظری ثبت نشده است.
وارد شوید تا نظر ثبت کنید.