اپلیکیشن اندرویدی فلش‌کارت آموزشی راه‌اندازی پروژه‌های وب با Vue.js: مقدماتی تا پیشرفته

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

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

عنوان دوره: دوره راه‌اندازی پروژه‌های وب با Vue.js: مقدماتی تا پیشرفته

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

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

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

• 1. مقدمه‌ای بر توسعه وب و فریم‌ورک‌ها
• 2. آشنایی با Vue.js و مزایای آن
• 3. نصب و راه‌اندازی محیط توسعه Vue.js
• 4. ساختار اولیه یک پروژه Vue.js
• 5. مفاهیم اصلی Vue.js: Template Syntax
• 6. دستورالعمل‌های Vue.js: Directives
• 7. پراپرتی‌های محاسبه شده: Computed Properties
• 8. مانیتورینگ تغییرات: Watchers
• 9. مدیریت رویدادها: Event Handling
• 10. ارتباط بین کامپوننت‌ها: Props
• 11. ارسال رویداد از کامپوننت فرزند: Emitting Events
• 12. مدیریت وضعیت ساده: Simple State Management
• 13. کامپوننت‌های تک‌فایلی: Single File Components (SFC)
• 14. استفاده از اسلات‌ها: Slots
• 15. تزریق وابستگی: Dependency Injection
• 16. مسیریابی در برنامه‌های تک‌صفحه‌ای (SPA)
• 17. آشنایی با Vue Router
• 18. پیکربندی مسیرهای پایه
• 19. پارامترهای مسیر و کوئری
• 20. ناوبری برنامه‌نویسی
• 21. مسیریابی شرطی
• 22. حفاظت از مسیرها: Route Guards
• 23. انیمیشن‌ها در Vue.js
• 24. انتقال‌ها و انیمیشن‌های CSS
• 25. انیمیشن‌های مبتنی بر کامپوننت
• 26. مدیریت پیشرفته وضعیت
• 27. مقدمه‌ای بر Pinia
• 28. نصب و پیکربندی Pinia
• 29. تعریف State، Getters و Actions در Pinia
• 30. استفاده از Pinia در کامپوننت‌ها
• 31. ماژول‌ها در Pinia
• 32. ذخیره‌سازی و بازیابی وضعیت
• 33. تست واحد کامپوننت‌ها
• 34. تست یکپارچگی
• 35. تست E2E با Cypress
• 36. مقدمه‌ای بر تست در Vue.js
• 37. نوشتن تست‌های واحد برای کامپوننت‌ها
• 38. نوشتن تست‌های واحد برای توابع کمکی
• 39. شبیه‌سازی وابستگی‌ها
• 40. استفاده از Jest برای تست
• 41. فریم‌ورک تست Vue Test Utils
• 42. تست تعاملات کاربر
• 43. تست وضعیت کامپوننت
• 44. تست Props و Emitted Events
• 45. مقدمه‌ای بر Vuex (برای پروژه‌های قدیمی‌تر)
• 46. نصب و پیکربندی Vuex
• 47. تعریف State، Getters و Mutations در Vuex
• 48. تعریف Actions در Vuex
• 49. ماژول‌ها در Vuex
• 50. استفاده از Vuex در کامپوننت‌ها
• 51. تست با Vuex
• 52. مقدمه‌ای بر APIهای وب
• 53. کار با Fetch API
• 54. استفاده از Axios برای درخواست‌های HTTP
• 55. مدیریت پاسخ‌های API
• 56. مدیریت خطاها در درخواست‌های API
• 57. نمایش داده‌های دریافت شده از API
• 58. ارسال داده به API
• 59. به‌روزرسانی داده‌ها از طریق API
• 60. حذف داده‌ها از طریق API
• 61. صفحه‌بندی داده‌ها
• 62. جستجو و فیلتر کردن داده‌های API
• 63. احراز هویت در برنامه‌های وب
• 64. توکن‌های JWT
• 65. ذخیره‌سازی امن توکن‌ها
• 66. مدیریت وضعیت احراز هویت
• 67. پیاده‌سازی نقش‌های کاربری
• 68. مقدمه‌ای بر TypeScript
• 69. مزایای TypeScript در توسعه Vue.js
• 70. پیکربندی TypeScript در پروژه‌های Vue.js
• 71. تعریف انواع داده‌ها
• 72. استفاده از Interface و Type Alias
• 73. تایپ کردن Props و Emitted Events
• 74. تایپ کردن وضعیت در Pinia/Vuex
• 75. تایپ کردن درخواست‌های API
• 76. مقدمه‌ای بر Nuxt.js
• 77. مزایای Nuxt.js برای برنامه‌های Vue.js
• 78. نصب و راه‌اندازی Nuxt.js
• 79. ساختار پوشه‌ها در Nuxt.js
• 80. مسیریابی خودکار در Nuxt.js
• 81. رندر سمت سرور (SSR)
• 82. تولید سایت استاتیک (SSG)
• 83. استفاده از Nuxt Modules
• 84. مدیریت داده‌ها در Nuxt.js
• 85. استفاده از API Routes در Nuxt.js
• 86. بهینه‌سازی عملکرد برنامه‌های Vue.js
• 87. Lazy Loading کامپوننت‌ها
• 88. Code Splitting
• 89. بهینه‌سازی تصاویر
• 90. Caching
• 91. استفاده از ابزارهای پروفایلینگ
• 92. امنیت در برنامه‌های وب Vue.js
• 93. جلوگیری از حملات XSS
• 94. جلوگیری از حملات CSRF
• 95. مدیریت امن داده‌های حساس
• 96. اعتبارسنجی ورودی کاربر
• 97. به‌روزرسانی وابستگی‌ها
• 98. مقدمه‌ای بر PWA (Progressive Web Apps)
• 99. ویژگی‌های PWA
• 100. پیاده‌سازی Service Workers