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

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

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

عنوان دوره: دوره ساخت برنامه‌های وب تعاملی با Vue.js و TypeScript

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

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

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

• 1. مقدمه‌ای بر توسعهٔ وب مدرن
• 2. آشنایی با معماری برنامه‌های کاربردی وب
• 3. مفاهیم پایه‌ای جاوااسکریپت برای توسعهٔ وب
• 4. مبانی TypeScript در توسعهٔ وب
• 5. نصب و پیکربندی Vue.js
• 6. ایجاد اولین پروژهٔ Vue.js
• 7. مفاهیم اصلی Vue.js: Template Syntax
• 8. کار با دستورات Vue.js: v-bind
• 9. کار با دستورات Vue.js: v-model
• 10. کار با دستورات Vue.js: v-on
• 11. کار با دستورات Vue.js: v-if و v-show
• 12. کار با دستورات Vue.js: v-for
• 13. مدیریت رویدادها در Vue.js
• 14. محاسبات و ناظران (Computed Properties & Watchers)
• 15. پراپرتی‌های داده (Data Properties)
• 16. پراپرتی‌های محاسباتی (Computed Properties)
• 17. ناظران (Watchers)
• 18. کلاس‌ها و استایل‌های پویا
• 19. رندر کردن لیست‌ها
• 20. مدیریت فرم‌ها در Vue.js
• 21. کامپوننت‌های Vue.js: معرفی
• 22. ثبت کامپوننت‌ها
• 23. ارتباط بین کامپوننت‌ها: Props
• 24. ارتباط بین کامپوننت‌ها: Events
• 25. اسلات‌ها (Slots) برای انعطاف‌پذیری کامپوننت
• 26. مدیریت وضعیت (State Management) در Vue.js
• 27. معرفی Pinia برای مدیریت وضعیت
• 28. نصب Pinia
• 29. استفاده از Pinia Stores
• 30. تعریف State, Getters, Actions در Pinia
• 31. استفاده از Pinia در کامپوننت‌ها
• 32. مسیریابی (Routing) در برنامه‌های Vue.js
• 33. نصب Vue Router
• 34. پیکربندی مسیرها (Routes)
• 35. ایجاد لینک‌های ناوبری
• 36. پارامترهای مسیر (Route Parameters)
• 37. مسیرهای تو در تو (Nested Routes)
• 38. ناوبری برنامه‌ریزی شده (Programmatic Navigation)
• 39. محافظان مسیر (Route Guards)
• 40. بارگذاری داده‌ها در Vue.js
• 41. فراخوانی API با Fetch API
• 42. مدیریت پاسخ‌های API
• 43. مدیریت خطاها در فراخوانی API
• 44. آشنایی با Vuex (به عنوان جایگزین یا مکمل)
• 45. نصب Vuex
• 46. تعریف State, Getters, Mutations, Actions در Vuex
• 47. استفاده از Vuex در کامپوننت‌ها
• 48. کار با TypeScript در پروژه‌های Vue.js
• 49. تعریف انواع داده (Interfaces & Types)
• 50. استفاده از Generics در Vue.js
• 51. تایپ کردن Props و Events
• 52. تایپ کردن State Management
• 53. تست نویسی در Vue.js: مفاهیم
• 54. تست واحد (Unit Testing) با Vitest
• 55. نوشتن تست برای کامپوننت‌ها
• 56. نوشتن تست برای توابع کمکی
• 57. تست یکپارچه‌سازی (Integration Testing)
• 58. استقرار (Deployment) برنامه‌های Vue.js
• 59. مقدمه‌ای بر ابزارهای Build (Vite)
• 60. پیکربندی Vite برای تولید
• 61. مراحل تولید (Build)
• 62. استقرار روی سرویس‌های میزبانی
• 63. امنیت در توسعهٔ وب (مبانی)
• 64. پیشگیری از حملات XSS
• 65. پیشگیری از حملات CSRF
• 66. مدیریت امن کوکی‌ها
• 67. اصول طراحی رابط کاربری (UI Design Principles)
• 68. اصول تجربهٔ کاربری (UX Design Principles)
• 69. اصول دسترسی‌پذیری (Accessibility Principles)
• 70. بهینه‌سازی عملکرد (Performance Optimization)
• 71. Lazy Loading کامپوننت‌ها
• 72. Code Splitting
• 73. Caching
• 74. مقدمه‌ای بر Progressive Web Apps (PWA)
• 75. کاربردهای PWA در برنامه‌های وب
• 76. معماری Micro Frontends (مفهوم)
• 77. مزایا و چالش‌های Micro Frontends
• 78. بررسی فریم‌ورک‌های دیگر (مقایسهٔ اجمالی)
• 79. React
• 80. Angular
• 81. Svelte
• 82. مباحث پیشرفته در Vue.js
• 83. Custom Directives
• 84. Render Functions & JSX (در صورت نیاز)
• 85. Plugins در Vue.js
• 86. Server-Side Rendering (SSR) با Nuxt.js (مقدمه)
• 87. نصب Nuxt.js
• 88. مفاهیم اصلی Nuxt.js
• 89. توسعهٔ API Routes در Nuxt.js
• 90. استقرار برنامه‌های Nuxt.js
• 91. مباحث تکمیلی TypeScript
• 92. Decorators در TypeScript
• 93. Utility Types
• 94. Module Augmentation
• 95. اصول معماری نرم‌افزار
• 96. طراحی الگوهای نرم‌افزاری (Design Patterns)
• 97. الگوی Observer
• 98. الگوی Factory
• 99. الگوی Singleton
• 100. اصول SOLID