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

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

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

عنوان دوره: دوره ساخت برنامه‌های وب مقیاس‌پذیر با Nuxt و Storybook

موضوع کلی: توسعه وب فرانت‌اند مدرن

موضوع میانی: معماری و ابزارهای پیشرفته فرانت‌اند

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

• 1. مقدمه‌ای بر توسعه فرانت‌اند مدرن
• 2. مبانی Vue.js: آشنایی با کامپوننت‌ها و Directives
• 3. سیستم ردیابی واکنش‌پذیری در Vue.js
• 4. معماری کامپوننتی در Vue.js
• 5. مدیریت State با Vuex: مفاهیم پایه
• 6. Vuex: پیاده‌سازی Store و Mutations
• 7. Vuex: Actions و Getters برای مدیریت داده‌ها
• 8. Vue Router: مسیریابی تک‌صفحه‌ای در Vue.js
• 9. Vue Router: پارامترها و Query Strings
• 10. کامپوننت‌های پویا و Rendering شرطی
• 11. Vue.js Lifecycle Hooks: درک چرخه حیات کامپوننت
• 12. ارتباط بین کامپوننت‌ها: Props و Events
• 13. فرم‌ها و ورودی‌های کاربر در Vue.js
• 14. اعتبارسنجی فرم در Vue.js
• 15. آشنایی با Nuxt.js: فریم‌ورک توسعه وب Vue.js
• 16. Nuxt.js: ساختار پوشه‌ها و فایل‌ها
• 17. Nuxt.js: Routing خودکار
• 18. Nuxt.js: Layout ها و Components
• 19. Nuxt.js: مدیریت State با Modules
• 20. Nuxt.js: API Routes و Serverless Functions
• 21. Nuxt.js: بهینه‌سازی عملکرد و بارگذاری
• 22. Nuxt.js: تولید Static Site (SSG)
• 23. Nuxt.js: Server-Side Rendering (SSR)
• 24. آشنایی با Storybook: محیط توسعه و مستندسازی کامپوننت‌ها
• 25. Storybook: ایجاد و مدیریت Components
• 26. Storybook: Addons برای بهبود توسعه
• 27. Storybook: نوشتن تست‌های Unit برای کامپوننت‌ها
• 28. Storybook: مستندسازی کامپوننت‌ها با Storybook
• 29. Storybook: تعامل با کامپوننت‌ها و بررسی حالات مختلف
• 30. Nuxt.js و Storybook: یکپارچه‌سازی برای توسعه سریع‌تر
• 31. استفاده از TypeScript در پروژه‌های Vue.js و Nuxt.js
• 32. Linting و Formatting کد با ESLint و Prettier
• 33. Unit Testing با Jest و Vue Test Utils
• 34. End-to-End Testing با Cypress
• 35. بهینه‌سازی تصاویر و دارایی‌های وب
• 36. بهینه‌سازی کد JavaScript برای عملکرد بهتر
• 37. استفاده از Webpack برای Bundling و Optimization
• 38. مدیریت وابستگی‌ها با npm یا Yarn
• 39. کنترل نسخه با Git و GitHub
• 40. CI/CD: خودکارسازی فرآیند Build و Deploy
• 41. استفاده از Component Libraries (مانند Vuetify یا Element UI)
• 42. طراحی واکنش‌گرا (Responsive Design) با CSS
• 43. آشنایی با Atomic Design
• 44. استفاده از CSS Preprocessors (مانند Sass یا Less)
• 45. Accessibility (دسترسی‌پذیری) در فرانت‌اند
• 46. امنیت در فرانت‌اند: جلوگیری از XSS و CSRF
• 47. مبانی SEO (بهینه‌سازی موتور جستجو) برای فرانت‌اند
• 48. آشنایی با Performance Budget
• 49. استفاده از Lighthouse برای ارزیابی عملکرد وب
• 50. مبانی Progressive Web Apps (PWA)
• 51. مفاهیم Serverless Architecture
• 52. استفاده از Headless CMS با Nuxt.js
• 53. تکنیک‌های پیشرفته Vue.js: Render Functions و JSX
• 54. تکنیک‌های پیشرفته Nuxt.js: Custom Errors و Middleware
• 55. تکنیک‌های پیشرفته Storybook: Custom Addons و Presets
• 56. مدیریت State پیچیده با Pinia
• 57. GraphQL و Vue.js/Nuxt.js
• 58. استفاده از WebSockets در فرانت‌اند
• 59. آشنایی با Web Components
• 60. استفاده از Micro Frontends
• 61. الگوهای طراحی در فرانت‌اند
• 62. بررسی موارد استفاده واقعی از Nuxt.js و Storybook در پروژه‌های بزرگ
• 63. بهینه‌سازی تجربه کاربری (UX) در فرانت‌اند
• 64. استفاده از ابزارهای مانیتورینگ عملکرد وب (مانند New Relic یا Datadog)
• 65. تست A/B و بهینه‌سازی تبدیل (Conversion Rate Optimization)
• 66. برنامه‌ریزی و مدیریت پروژه‌های فرانت‌اند
• 67. استفاده از Agile و Scrum در توسعه فرانت‌اند
• 68. بهترین شیوه‌ها برای همکاری در تیم‌های فرانت‌اند
• 69. آشنایی با ابزارهای Collaboration (مانند Figma یا Zeplin)
• 70. مستندسازی کد با JSDoc
• 71. نوشتن کد قابل نگهداری و مقیاس‌پذیر
• 72. حل مشکلات رایج در فرانت‌اند
• 73. آینده توسعه فرانت‌اند