دوره استفاده از Vue.js Composition API: راهنمای جامع همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره استفاده از Vue.js Composition API: راهنمای جامع

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

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

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

• 1. مقدمه‌ای بر Vue.js و Composition API
• 2. نصب و راه‌اندازی پروژه Vue.js
• 3. ساختار کلی پروژه‌های Vue.js
• 4. مفهوم reactivity در Vue.js
• 5. معرفی توابع Composition API: setup()
• 6. استفاده از ref() برای مقادیر واکنش‌گرا
• 7. استفاده از reactive() برای اشیاء واکنش‌گرا
• 8. محاسبات واکنش‌گرا با computed()
• 9. مدیریت اثرات جانبی با watch() و watchEffect()
• 10. استفاده از lifecycle hooks در Composition API
• 11. معرفی توابع کمکی Composition API
• 12. استفاده از provide و inject برای مدیریت state
• 13. ایجاد کامپوننت‌های قابل استفاده مجدد
• 14. ارث‌بری در کامپوننت‌ها (Props)
• 15. مدیریت رویدادها در کامپوننت‌ها (Emits)
• 16. اسلات‌ها (Slots) برای انعطاف‌پذیری کامپوننت
• 17. مدیریت فرم‌ها در Vue.js
• 18. اعتبارسنجی فرم‌ها با VeeValidate
• 19. مسیریابی (Routing) با Vue Router
• 20. تعریف مسیرهای پایه
• 21. مسیرهای پویا (Dynamic Routes)
• 22. پارامترهای مسیر
• 23. کوئری پارامترها (Query Parameters)
• 24. ناوبری برنامه‌ریزی شده (Programmatic Navigation)
• 25. حفاظت از مسیرها (Route Guards)
• 26. بارگذاری تنبل (Lazy Loading) کامپوننت‌ها
• 27. مدیریت وضعیت سراسری (Global State Management)
• 28. معرفی Pinia
• 29. نصب و راه‌اندازی Pinia
• 30. تعریف Store در Pinia
• 31. استفاده از State، Getters و Actions
• 32. ماژول‌ها در Pinia
• 33. ارتباط Pinia با کامپوننت‌ها
• 34. تست نویسی در Vue.js
• 35. نوشتن تست‌های واحد (Unit Tests)
• 36. نوشتن تست‌های یکپارچگی (Integration Tests)
• 37. استفاده از Vue Test Utils
• 38. تست نویسی برای Composition API
• 39. بهینه‌سازی عملکرد (Performance Optimization)
• 40. کد اسپلیتینگ (Code Splitting)
• 41. بارگذاری تنبل تصاویر (Lazy Loading Images)
• 42. کش کردن (Caching)
• 43. استفاده از Web Workers
• 44. مدیریت خطا (Error Handling)
• 45. مدیریت خطاهای سمت کلاینت
• 46. مدیریت خطاهای سمت سرور
• 47. لاگ کردن خطاها
• 48. معرفی Vue Devtools
• 49. استفاده از Vue Devtools برای دیباگ
• 50. استفاده از Vue Devtools برای پروفایلینگ
• 51. استقرار (Deployment) برنامه‌های Vue.js
• 52. ساخت نسخه تولید (Production Build)
• 53. استقرار روی Netlify
• 54. استقرار روی Vercel
• 55. استقرار روی سرورهای ابری (مانند AWS, Azure)
• 56. مفاهیم پیشرفته Composition API
• 57. ترکیب توابع کمکی (Composables)
• 58. ایجاد Composables سفارشی
• 59. استفاده از Suspense برای مدیریت async components
• 60. استفاده از Teleport
• 61. مدیریت انیمیشن‌ها در Vue.js
• 62. انتقال‌های CSS (CSS Transitions)
• 63. انتقال‌های انیمیشن (Animation Transitions)
• 64. استفاده از کتابخانه‌های انیمیشن
• 65. معرفی Nuxt.js (فریم‌ورک Vue.js)
• 66. مزایای Nuxt.js
• 67. رندر سمت سرور (SSR) با Nuxt.js
• 68. تولید سایت استاتیک (Static Site Generation) با Nuxt.js
• 69. فایل سیستم مسیریابی در Nuxt.js
• 70. مدیریت وضعیت در Nuxt.js (Nuxt Store)
• 71. ماژول‌های Nuxt.js
• 72. تست نویسی در Nuxt.js
• 73. بهینه‌سازی در Nuxt.js
• 74. امنیت در برنامه‌های Vue.js
• 75. جلوگیری از حملات XSS
• 76. جلوگیری از حملات CSRF
• 77. مدیریت امن توکن‌ها
• 78. بهترین شیوه‌ها در توسعه Vue.js
• 79. سازماندهی کد
• 80. اصول SOLID در توسعه Vue.js
• 81. اصول DRY و KISS
• 82. مستندسازی کد
• 83. مقدمه‌ای بر TypeScript در Vue.js
• 84. نصب و پیکربندی TypeScript
• 85. استفاده از تایپ‌ها در Composition API
• 86. تعریف Props با TypeScript
• 87. مدیریت State با TypeScript
• 88. پروژه‌های واقعی و کاربردی
• 89. ساخت یک برنامه مدیریت وظایف (Todo App)
• 90. ساخت یک فروشگاه آنلاین ساده
• 91. ساخت داشبورد مدیریتی
• 92. مباحث تکمیلی و پیشرفته
• 93. استفاده از WebSockets
• 94. پیاده‌سازی PWA (Progressive Web App)
• 95. مقدمه‌ای بر SSR (Server-Side Rendering)
• 96. تکنیک‌های پیشرفته بهینه‌سازی
• 97. جمع‌بندی و گام‌های بعدی