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

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

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

عنوان دوره: دوره گام‌های نخستین در Vue.js: ساخت اپلیکیشن‌های تعاملی با تمرین عملی

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

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

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

• 1. مقدمه‌ای بر توسعهٔ وب و فرانت‌اند
• 2. معرفی فریم‌ورک‌های جاوااسکریپت
• 3. چرا Vue.js؟ مزایا و کاربردها
• 4. نصب و راه‌اندازی محیط توسعه Vue.js
• 5. مفاهیم پایهٔ Vue.js: نمونه‌سازی و داده‌ها
• 6. کلاس‌های CSS واکنش‌گرا در Vue.js
• 7. کار با ویژگی‌های DOM در Vue.js
• 8. دستورالعمل‌های پایه در Vue.js
• 9. مدیریت رویدادها در Vue.js
• 10. ارتباط دوطرفه با v-model
• 11. کار با لیست‌ها و کلیدها در Vue.js
• 12. شرطی‌سازی نمایش عناصر با v-if
• 13. رندر کردن لیست‌ها با v-for
• 14. مدیریت استایل‌ها و کلاس‌ها در Vue.js
• 15. کامپوننت‌ها: بلوک‌های سازندهٔ اپلیکیشن
• 16. ثبت و استفاده از کامپوننت‌های سراسری
• 17. ثبت و استفاده از کامپوننت‌های محلی
• 18. پراپ‌ها: ارسال داده به کامپوننت‌های فرزند
• 19. رویدادهای سفارشی: ارتباط کامپوننت‌های فرزند به والد
• 20. اسلات‌ها: انعطاف‌پذیری در محتوای کامپوننت
• 21. مفاهیم پیشرفته‌تر کامپوننت‌ها
• 22. مدیریت وضعیت (State Management) در Vue.js
• 23. معرفی Vuex برای مدیریت وضعیت
• 24. نصب و راه‌اندازی Vuex
• 25. مفاهیم پایهٔ Vuex: State, Getters, Mutations, Actions
• 26. پیاده‌سازی State در Vuex
• 27. استفاده از Getters برای محاسبهٔ مقادیر
• 28. انجام تغییرات وضعیت با Mutations
• 29. انجام عملیات ناهمگام با Actions
• 30. ترکیب کردن ماژول‌ها در Vuex
• 31. استفاده از Vuex در کامپوننت‌ها
• 32. مسیریابی (Routing) در Vue.js
• 33. معرفی Vue Router
• 34. نصب و راه‌اندازی Vue Router
• 35. تعریف مسیرها و نمایش کامپوننت‌ها
• 36. پارامترهای مسیر و Route Params
• 37. کوئری پارامترها و Route Query
• 38. انتقال برنامه به مسیرهای دیگر
• 39. ناوبری برنامه‌نویسی شده
• 40. نشانه‌گذاری‌های فعال (Active Links)
• 41. مسیرهای تو در تو (Nested Routes)
• 42. مسیرهای پویا (Dynamic Routes)
• 43. محافظان مسیر (Route Guards)
• 44. مدیریت خطاهای مسیریابی (Not Found)
• 45. کار با فرم‌ها در Vue.js
• 46. اعتبارسنجی داده‌های فرم
• 47. اعتبارسنجی سمت کلاینت
• 48. اعتبارسنجی سمت سرور
• 49. مدیریت خطاها در اعتبارسنجی
• 50. ارسال داده‌های فرم به سرور
• 51. کار با APIها و درخواست‌های HTTP
• 52. معرفی Axios برای درخواست‌های HTTP
• 53. نصب و راه‌اندازی Axios
• 54. انجام درخواست‌های GET
• 55. انجام درخواست‌های POST
• 56. انجام درخواست‌های PUT و DELETE
• 57. مدیریت پاسخ‌های API
• 58. مدیریت خطاها در درخواست‌های API
• 59. استفاده از async/await با Axios
• 60. کار با داده‌های JSON
• 61. ساخت اپلیکیشن‌های تعاملی با Vue.js
• 62. مثال عملی: ساخت یک لیست وظایف
• 63. پیاده‌سازی افزودن وظیفه
• 64. پیاده‌سازی علامت‌گذاری وظایف به عنوان انجام شده
• 65. پیاده‌سازی حذف وظایف
• 66. ذخیره‌سازی داده‌ها با Local Storage
• 67. مثال عملی: ساخت یک فروشگاه ساده
• 68. نمایش محصولات
• 69. افزودن محصول به سبد خرید
• 70. نمایش سبد خرید
• 71. محاسبهٔ مجموع سبد خرید
• 72. پاک کردن سبد خرید
• 73. استفاده از کامپوننت‌ها در اپلیکیشن فروشگاه
• 74. مدیریت وضعیت سبد خرید با Vuex
• 75. استفاده از Vue Router در اپلیکیشن فروشگاه
• 76. مفاهیم تست‌نویسی در Vue.js
• 77. مقدمه‌ای بر تست واحد (Unit Testing)
• 78. مقدمه‌ای بر تست یکپارچه‌سازی (Integration Testing)
• 79. مقدمه‌ای بر تست End-to-End
• 80. ابزارهای تست‌نویسی برای Vue.js (Vue Test Utils)
• 81. نوشتن تست‌های واحد برای کامپوننت‌ها
• 82. نوشتن تست‌های واحد برای توابع کمکی
• 83. نوشتن تست‌های یکپارچه‌سازی
• 84. نوشتن تست‌های End-to-End با Cypress
• 85. بهینه‌سازی عملکرد اپلیکیشن‌های Vue.js
• 86. تکنیک‌های بارگذاری تنبل (Lazy Loading)
• 87. تقسیم کد (Code Splitting)
• 88. بهینه‌سازی رندرینگ
• 89. مدیریت حافظه در Vue.js
• 90. نکات امنیتی در توسعهٔ وب با Vue.js
• 91. حفاظت در برابر حملات XSS
• 92. حفاظت در برابر حملات CSRF
• 93. مدیریت امن کوکی‌ها و توکن‌ها
• 94. مقدمه‌ای بر استقرار (Deployment) اپلیکیشن‌های Vue.js
• 95. نحوهٔ Build کردن پروژه برای استقرار
• 96. انتخاب پلتفرم استقرار (Netlify, Vercel, GitHub Pages)
• 97. تنظیمات اولیهٔ استقرار
• 98. بررسی و رفع اشکال در محیط عملیاتی
• 99. مقدمه‌ای بر توسعهٔ موبایل با Vue.js (مانند NativeScript/Ionic)
• 100. معرفی فریم‌ورک‌های توسعهٔ موبایل با Vue.js