فلش‌کارت‌های آموزشی راهنمای جامع توسعه‌دهندگان Vue.js 3

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

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

عنوان دوره: دوره راهنمای جامع توسعه‌دهندگان Vue.js 3

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

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

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

• 1. مقدمه‌ای بر توسعه وب و فریم‌ورک‌ها
• 2. آشنایی با Vue.js و جایگاه آن
• 3. نصب و راه‌اندازی محیط توسعه Vue.js
• 4. ساختار پروژه Vue.js
• 5. مفاهیم پایه Vue.js: Template Syntax
• 6. دستورات Vue.js: v-bind و v-model
• 7. دستورات Vue.js: v-if، v-else و v-show
• 8. دستورات Vue.js: v-for برای نمایش لیست‌ها
• 9. مدیریت رویدادها در Vue.js: v-on
• 10. ویژگی‌های محاسباتی (Computed Properties)
• 11. مشاهده‌گرها (Watchers)
• 12. استایل‌دهی در کامپوننت‌ها
• 13. کامپوننت‌های Vue.js: تعریف و استفاده
• 14. ارتباط بین کامپوننت‌ها: Props
• 15. ارتباط بین کامپوننت‌ها: Events
• 16. اسلات‌ها (Slots) در کامپوننت‌ها
• 17. مدیریت وضعیت (State Management) با Pinia
• 18. نصب و پیکربندی Pinia
• 19. تعریف Stores در Pinia
• 20. استفاده از Getters و Actions در Pinia
• 21. ساخت کامپوننت‌های پیچیده‌تر
• 22. مسیریابی (Routing) با Vue Router
• 23. نصب و پیکربندی Vue Router
• 24. تعریف مسیرها (Routes)
• 25. ناوبری (Navigation) بین صفحات
• 26. پارامترهای مسیر (Route Parameters)
• 27. کوئری پارامترها (Query Parameters)
• 28. مسیرهای تو در تو (Nested Routes)
• 29. محافظان مسیر (Route Guards)
• 30. بارگذاری تنبل (Lazy Loading) مسیرها
• 31. مدیریت خطاها در مسیریابی
• 32. کار با API ها در Vue.js
• 33. انجام درخواست‌های HTTP با Axios
• 34. نمایش داده‌های دریافت شده از API
• 35. ارسال داده‌ها به API
• 36. مدیریت وضعیت بارگذاری و خطا
• 37. اعتبارسنجی فرم‌ها در Vue.js
• 38. کتابخانه‌های اعتبارسنجی فرم
• 39. پیاده‌سازی اعتبارسنجی سمت کاربر
• 40. نمایش پیام‌های خطا
• 41. ساخت فرم‌های پویا
• 42. آشنایی با مفاهیم SSR (Server-Side Rendering)
• 43. مزایای SSR
• 44. مقدمه‌ای بر Nuxt.js
• 45. نصب و راه‌اندازی Nuxt.js
• 46. ساختار پروژه Nuxt.js
• 47. مسیریابی خودکار در Nuxt.js
• 48. صفحات (Pages) در Nuxt.js
• 49. کامپوننت‌ها (Components) در Nuxt.js
• 50. Layouts در Nuxt.js
• 51. مدیریت وضعیت در Nuxt.js با Pinia
• 52. انجام درخواست‌های API در Nuxt.js
• 53. Server Routes در Nuxt.js
• 54. Hooks در Nuxt.js
• 55. استقرار (Deployment) پروژه‌های Nuxt.js
• 56. آشنایی با Jest برای تست واحد
• 57. نصب و پیکربندی Jest
• 58. نوشتن تست‌های واحد برای کامپوننت‌ها
• 59. تست کردن توابع کمکی (Utilities)
• 60. تست کردن Stores در Pinia
• 61. آشنایی با Vue Test Utils
• 62. نوشتن تست‌های یکپارچگی (Integration Tests)
• 63. تست کردن تعاملات کاربر
• 64. تست کردن مسیریابی
• 65. تست کردن API Calls
• 66. بهینه‌سازی عملکرد (Performance Optimization)
• 67. استفاده از Code Splitting
• 68. Lazy Loading کامپوننت‌ها
• 69. بهینه‌سازی تصاویر
• 70. استفاده از Caching
• 71. بهینه‌سازی جستجوی مرورگر
• 72. مقدمه‌ای بر PWA (Progressive Web Apps)
• 73. مزایای PWA
• 74. Service Workers
• 75. Manifest File
• 76. نصب PWA در دستگاه‌ها
• 77. توسعه اپلیکیشن‌های دسترس‌پذیر (Accessibility)
• 78. اصول WCAG
• 79. استفاده از ARIA Attributes
• 80. تست دسترس‌پذیری
• 81. بهینه‌سازی برای موتورهای جستجو (SEO)
• 82. Meta Tags
• 83. Server-Side Rendering برای SEO
• 84. Schema Markup
• 85. مدیریت خطاها در برنامه
• 86. لاگ‌گیری (Logging)
• 87. نکات امنیتی در توسعه فرانت‌اند
• 88. جلوگیری از حملات XSS
• 89. جلوگیری از حملات CSRF
• 90. مدیریت امن توکن‌ها
• 91. مرور کلی بر اکوسیستم Vue.js
• 92. کتابخانه‌های مفید دیگر
• 93. آینده Vue.js
• 94. تمرین عملی: ساخت یک پروژه کامل
• 95. برنامه‌ریزی پروژه
• 96. پیاده‌سازی بخش‌های مختلف
• 97. تست و رفع اشکال
• 98. بهینه‌سازی نهایی
• 99. جمع‌بندی و گام‌های بعدی