فلش‌کارت‌های آموزشی جامع‌ترین کتابٔ توسعهٔ اپلیکیشن‌های Vue.js با Pinia و Vitest

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

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

عنوان دوره: دوره جامع‌ترین دورهٔ توسعهٔ اپلیکیشن‌های Vue.js با Pinia و Vitest

موضوع کلی: توسعهٔ نرم‌افزارهای وب پیشرفته

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

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

• 1. مقدمه ای بر توسعه وب مدرن
• 2. آشنایی با اصول توسعه اپلیکیشن های تک صفحه ای (SPA)
• 3. چرا Vue.js؟ مزایا و ویژگی ها
• 4. نصب و راه اندازی محیط توسعه Vue.js
• 5. مبانی سینتکس Vue.js: تمپلیت ها و داده ها
• 6. کامپوننت ها در Vue.js: ساختار و مدیریت
• 7. ارتباط بین کامپوننت ها: Props و Events
• 8. مدیریت وضعیت در Vue.js: مفاهیم پایه
• 9. آشنایی با Pinia: کتابخانه مدیریت وضعیت مدرن برای Vue.js
• 10. نصب و پیکربندی Pinia
• 11. تعریف Store در Pinia
• 12. Getters و Actions در Pinia
• 13. استفاده از Pinia در کامپوننت ها
• 14. مدیریت State پیچیده با Pinia
• 15. معرفی Vue Router برای مسیریابی در اپلیکیشن
• 16. نصب و پیکربندی Vue Router
• 17. تعریف مسیرها و لینک ها
• 18. پارامترهای مسیر و Query Parameters
• 19. مسیریابی برنامه ریزی شده (Programmatic Navigation)
• 20. محافظان مسیر (Route Guards)
• 21. آشنایی با ساختار پروژه های Vue.js
• 22. استفاده از ابزارهای Build: Vite
• 23. تنظیمات اولیه Vite برای پروژه Vue.js
• 24. بهینه سازی Build با Vite
• 25. معرفی Jest و Vitest برای تست نویسی
• 26. چرا تست نویسی مهم است؟
• 27. نصب و پیکربندی Vitest
• 28. نوشتن اولین تست واحد (Unit Test) برای کامپوننت ها
• 29. تست Props و Events کامپوننت ها
• 30. تست Actions و Getters در Pinia
• 31. تست Store های Pinia
• 32. تست Vue Router
• 33. تست های یکپارچگی (Integration Tests)
• 34. تست های End-to-End (E2E) با ابزارهای مرتبط (اختیاری)
• 35. اصول طراحی واسط کاربری (UI)
• 36. قوانین دسترسی پذیری (Accessibility) در وب
• 37. بهینه سازی عملکرد واسط کاربری
• 38. اصول طراحی ریسپانسیو
• 39. کار با فرم ها در Vue.js
• 40. اعتبارسنجی فرم ها
• 41. ارتباط با API های Backend
• 42. استفاده از Axios برای درخواست های HTTP
• 43. مدیریت پاسخ های API
• 44. مدیریت خطاها در ارتباط با API
• 45. مفاهیم Async/Await در JavaScript
• 46. مدیریت وضعیت Asynchronous با Pinia
• 47. معرفی Composition API در Vue.js
• 48. استفاده از Composition API در کامپوننت ها
• 49. Reusability با Composition API: Composables
• 50. کامپوننت های دینامیک و Async Components
• 51. استفاده از Teleport برای جابجایی DOM
• 52. استفاده از Suspense برای مدیریت Asynchronous Operations
• 53. مفاهیم Server-Side Rendering (SSR) با Vue.js (اختیاری)
• 54. پیاده سازی SSR با Nuxt.js (اختیاری)
• 55. مدیریت Deployment اپلیکیشن های Vue.js
• 56. استراتژی های بهینه سازی برای Production
• 57. امنیت در توسعه اپلیکیشن های وب
• 58. اصول امنیتی در سمت Client
• 59. اصول امنیتی در سمت Server (مفاهیم کلی)
• 60. کار با Web Workers برای عملیات سنگین
• 61. مفاهیم PWA (Progressive Web Apps)
• 62. تبدیل اپلیکیشن Vue.js به PWA
• 63. استفاده از Service Workers
• 64. پشتیبانی آفلاین در PWA
• 65. استفاده از ابزارهای DevTools برای Vue.js
• 66. اشکال زدایی (Debugging) پیشرفته
• 67. استفاده از Vue CLI (در صورت نیاز به مقایسه)
• 68. معرفی Vue 3 Composition API به صورت عمیق
• 69. تفاوت های Vue 2 و Vue 3
• 70. مدیریت Package ها با npm/yarn
• 71. استفاده از Git برای کنترل نسخه
• 72. اصول CI/CD (Continuous Integration/Continuous Deployment)
• 73. مقدمه ای بر معماری Micro Frontends (اختیاری)
• 74. استفاده از Storybook برای مستندسازی کامپوننت ها
• 75. بهینه سازی تصاویر و منابع در وب
• 76. استفاده از SVG در Vue.js
• 77. مفاهیم State Management Patterns
• 78. مقایسه Pinia با Vuex
• 79. کار با WebSockets برای ارتباط Real-time
• 80. مقدمه ای بر GraphQL (اختیاری)
• 81. کار با Vue Apollo (اختیاری)
• 82. آشنایی با SSR Frameworks دیگر (مثل Next.js برای React، برای مقایسه)
• 83. مفاهیم Cloud Native Development
• 84. استفاده از Docker برای کانتینرسازی (مقدماتی)
• 85. اصول تست نویسی موثر
• 86. مدیریت وابستگی ها (Dependencies)
• 87. بهبود خوانایی کد با Linters و Formatters
• 88. مقدمه ای بر UX (User Experience)
• 89. اصول یادگیری مستمر در توسعه وب
• 90. پروژه عملی: ساخت یک اپلیکیشن کامل با Vue.js، Pinia و Vitest
• 91. مرور و بازبینی کد پروژه
• 92. جمع بندی و گام های بعدی در یادگیری
• 93. اصول توسعه پایدار در وب
• 94. ملاحظات اخلاقی در توسعه نرم افزار
• 95. اهمیت مستندسازی پروژه
• 96. کار با محیط های مختلف (Development, Staging, Production)
• 97. مدیریت لاگ ها (Logging) در اپلیکیشن
• 98. مقدمه ای بر مفاهیم DevOps