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

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

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

عنوان دوره: دوره آموزش جامع Vue.js 3 برای ساخت برنامه‌های وب پویا

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

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

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

• 1. مبانی توسعهٔ وب و نقش فرانت‌اند
• 2. آشنایی با معماری SPA و مزایای آن
• 3. معرفی Vue.js و اکوسیستم آن
• 4. نصب و راه‌اندازی محیط توسعه Vue.js
• 5. ساختار پروژهٔ Vue.js و مفاهیم اولیه
• 6. ایجاد اولین کامپوننت در Vue.js
• 7. کار با تمپلیت‌ها و سینتکس تمپلیت Vue
• 8. داده‌های واکنش‌گرا (Reactivity) در Vue
• 9. ویژگی‌های داده‌ای (Data Properties)
• 10. متدها (Methods) در کامپوننت‌ها
• 11. محاسبهٔ ویژگی‌ها (Computed Properties)
• 12. تماشاچی‌ها (Watchers) برای واکنش به تغییرات
• 13. مدیریت رویدادها (Event Handling) در Vue
• 14. ارتباط بین کامپوننت‌ها: Props
• 15. ارتباط بین کامپوننت‌ها: Emitting Events
• 16. استفاده از Slotها برای انعطاف‌پذیری کامپوننت
• 17. کامپوننت‌های دینامیک و Named Slots
• 18. مفاهیم پایهٔ Vue Router برای مسیریابی
• 19. نصب و پیکربندی Vue Router
• 20. تعریف مسیرها و لینک‌ها در Vue Router
• 21. پارامترهای مسیر و Query Parameters
• 22. ناوبری برنامه‌ریزی‌شده (Programmatic Navigation)
• 23. مدیریت وضعیت (State Management) در Vue
• 24. مقدمه‌ای بر Pinia به عنوان راهکار مدیریت وضعیت
• 25. نصب و پیکربندی Pinia
• 26. تعریف Stores در Pinia
• 27. استفاده از State، Getters و Actions در Pinia
• 28. کار با Pinia در کامپوننت‌ها
• 29. اعتبارسنجی فرم‌ها (Form Validation) در Vue
• 30. استفاده از کتابخانه‌های اعتبارسنجی
• 31. اصول طراحی رابط کاربری واکنش‌گرا (Responsive UI)
• 32. مفاهیم پایهٔ CSS Grid و Flexbox
• 33. استفاده از فریم‌ورک‌های CSS مانند Tailwind CSS
• 34. آشنایی با مفاهیم API و درخواست‌های HTTP
• 35. انجام درخواست‌های HTTP با Axios
• 36. پردازش پاسخ‌های API و نمایش داده‌ها
• 37. مدیریت خطاها در درخواست‌های API
• 38. کدنویسی تمیز و اصول SOLID در Vue
• 39. معماری کامپوننت‌های پیشرفته
• 40. تست واحد (Unit Testing) کامپوننت‌ها
• 41. مقدمه‌ای بر Jest برای تستینگ
• 42. نوشتن تست‌های واحد برای کامپوننت‌ها
• 43. تست یکپارچه‌سازی (Integration Testing)
• 44. مقدمه‌ای بر Vue Test Utils
• 45. نوشتن تست‌های یکپارچه‌سازی
• 46. اصول دسترسی‌پذیری (Accessibility) در وب
• 47. پیاده‌سازی الگوهای دسترسی‌پذیری در Vue
• 48. بهینه‌سازی عملکرد (Performance Optimization)
• 49. تکنیک‌های Code Splitting و Lazy Loading
• 50. استفاده از Vue Devtools برای دیباگ و پروفایلینگ
• 51. مفاهیم پایهٔ Server-Side Rendering (SSR)
• 52. آشنایی با Nuxt.js به عنوان فریم‌ورک SSR برای Vue
• 53. نصب و پیکربندی Nuxt.js
• 54. ساختار پروژه در Nuxt.js
• 55. مسیریابی خودکار در Nuxt.js
• 56. رندر سمت سرور و مزایای آن
• 57. کار با API Routes در Nuxt.js
• 58. لایه‌بندی (Layouts) در Nuxt.js
• 59. مدیریت وضعیت در Nuxt.js با Pinia
• 60. استقرار (Deployment) برنامه‌های Vue.js
• 61. استقرار با استفاده از Netlify و Vercel
• 62. مفاهیم پایهٔ CI/CD (Continuous Integration/Continuous Deployment)
• 63. پیاده‌سازی CI/CD برای پروژه‌های Vue.js
• 64. مقدمه‌ای بر TypeScript و مزایای آن
• 65. استفاده از TypeScript در پروژه‌های Vue.js
• 66. تعریف انواع داده‌ها و رابط‌ها (Interfaces)
• 67. کار با Props و Events با TypeScript
• 68. مدیریت وضعیت با TypeScript در Pinia
• 69. بهینه‌سازی‌های پیشرفتهٔ Vue 3
• 70. Composition API در Vue 3
• 71. نحوهٔ استفاده از Composition API
• 72. Ref، Reactive و Computed با Composition API
• 73. Lifecycle Hooks در Composition API
• 74. Composition API و قابلیت استفاده مجدد کد
• 75. سازگاری Composition API با Options API
• 76. توسعهٔ کامپوننت‌های قابل استفاده مجدد
• 77. الگوهای طراحی در توسعهٔ فرانت‌اند
• 78. استفاده از کامپوننت‌های UI Kit (مانند Vuetify)
• 79. آشنایی با مفاهیم Progressive Web Apps (PWA)
• 80. پیاده‌سازی PWA با Vue.js
• 81. سرویس‌ورکرها (Service Workers)
• 82. نصب و راه‌اندازی PWA در Vue
• 83. امنیت در برنامه‌های وب فرانت‌اند
• 84. جلوگیری از حملات XSS و CSRF
• 85. مدیریت توکن‌های احراز هویت (Authentication Tokens)
• 86. استفاده از کتابخانه‌های مدیریت احراز هویت
• 87. مفاهیم پایهٔ GraphQL و Apollo Client
• 88. آشنایی با RESTful API و مقایسه با GraphQL
• 89. استفاده از Apollo Client برای ارتباط با GraphQL
• 90. مدیریت داده‌ها با Apollo Client
• 91. کار با Realtime Data (مانند WebSockets)
• 92. پیاده‌سازی چت ساده با WebSockets
• 93. اصول UI/UX برای تجربهٔ کاربری بهتر
• 94. طراحی فرم‌های کاربرپسند
• 95. ارائهٔ بازخورد مناسب به کاربر
• 96. مدیریت انیمیشن‌ها و Transitionها در Vue
• 97. استفاده از کتابخانه‌های انیمیشن
• 98. مقدمه‌ای بر معماری Micro Frontends
• 99. مزایا و چالش‌های Micro Frontends
• 100. نکات پایانی و مسیر یادگیری بیشتر