فلش‌کارت‌های آموزشی Vue.js in Action: ساخت برنامه‌های وب تعاملی با ویو (Vue)

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

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

عنوان دوره: دوره Vue.js in Action: ساخت برنامه‌های وب تعاملی با ویو (Vue)

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

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

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

• 1. مبانی جاوااسکریپت برای فرانت‌اند
• 2. مقدمه‌ای بر فریم‌ورک‌های مدرن فرانت‌اند
• 3. چرا Vue.js؟ مزایا و کاربردها
• 4. نصب و راه‌اندازی اولیه Vue.js
• 5. ساختار پروژه Vue.js
• 6. آشنایی با Vue Instance
• 7. قالب‌بندی (Templating) در Vue.js
• 8. دایرکتیوها (Directives) در Vue.js
• 9. دستور `v-bind` برای اتصال ویژگی‌ها
• 10. دستور `v-model` برای دوطرفه سازی داده‌ها
• 11. مدیریت رویدادها با `v-on`
• 12. دستور `v-if` و `v-else` برای شرطی سازی
• 13. دستور `v-show` برای نمایش و پنهان کردن عناصر
• 14. دستور `v-for` برای تکرار عناصر
• 15. نحوه کار با لیست‌ها و کلیدها در `v-for`
• 16. فیلتر کردن و مرتب‌سازی لیست‌ها
• 17. نحوه کار با کامپوننت‌ها (Components)
• 18. ثبت گلوبال کامپوننت‌ها
• 19. ثبت محلی کامپوننت‌ها
• 20. پاس دادن داده به کامپوننت‌ها با Props
• 21. انتشار رویدادها از کامپوننت‌ها با Emits
• 22. ارتباط والد و فرزند در کامپوننت‌ها
• 23. استفاده از Slots برای انعطاف‌پذیری کامپوننت
• 24. کامپوننت‌های پویا (Dynamic Components)
• 25. کامپوننت‌های رندر شده (Renderless Components)
• 26. کلاس‌ها و استایل‌های پویا (Dynamic Classes and Styles)
• 27. مدیریت وضعیت (State Management) چیست؟
• 28. مبانی Vuex
• 29. نصب و راه‌اندازی Vuex
• 30. State در Vuex
• 31. Getters در Vuex
• 32. Mutations در Vuex
• 33. Actions در Vuex
• 34. Modules در Vuex
• 35. ارتباط کامپوننت‌ها با Vuex
• 36. استفاده از Vuex در کامپوننت‌ها
• 37. بهبود عملکرد با Vuex
• 38. نکات پیشرفته Vuex
• 39. مسیریابی (Routing) در برنامه‌های Vue
• 40. نصب Vue Router
• 41. پیکربندی مسیرها (Routes)
• 42. ناوبری Programmatic
• 43. ناوبری Declarative
• 44. پارامترهای مسیر (Route Parameters)
• 45. نحوه کار با Query Parameters
• 46. مسیرهای تو در تو (Nested Routes)
• 47. گارد های مسیر (Route Guards)
• 48. گارد های ناوبری (Navigation Guards)
• 49. محافظت از مسیرها (Route Protection)
• 50. تغییرات دینامیک مسیر
• 51. انتقال داده بین مسیرها
• 52. اسکرول و انیمیشن در مسیریابی
• 53. بهینه‌سازی عملکرد مسیریابی
• 54. مبانی AJAX و Fetch API
• 55. ارتباط با Backend با Vue
• 56. ساخت API Mock
• 57. استفاده از Axios برای درخواست‌های HTTP
• 58. مدیریت خطاهای شبکه
• 59. انتقال داده در درخواست‌های HTTP
• 60. ارسال داده به Backend
• 61. دریافت داده از Backend
• 62. مطابقی با RESTful API
• 63. مدیریت وضعیت بارگذاری (Loading States)
• 64. نمایش پیام‌های موفقیت و خطا
• 65. فیلتر کردن و جستجو در داده‌ها
• 66. صفحه‌بندی (Pagination) داده‌ها
• 67. کامپوننت‌های قابل استفاده مجدد
• 68. ساخت کامپوننت‌های فرم
• 69. مدیریت وضعیت فرم
• 70. اعتبارسنجی (Validation) فرم‌ها
• 71. اعتبارسنجی با کتابخانه‌های خارجی
• 72. مدیریت خطاها در فرم‌ها
• 73. فرم‌های پیچیده و چند مرحله‌ای
• 74. انیمیشن‌ها در Vue.js
• 75. انتقال بین وضعیت‌ها (Transitions)
• 76. انتقال لیست‌ها (Transition Groups)
• 77. استفاده از CSS Transitions
• 78. استفاده از CSS Animations
• 79. استفاده از کتابخانه‌های انیمیشن
• 80. نکات عملی در استفاده از انیمیشن‌ها
• 81. تست نویسی در Vue.js
• 82. انواع تست (Unit, Integration, End-to-End)
• 83. ابزارهای تست (Jest, Vue Test Utils)
• 84. نوشتن Unit Tests برای کامپوننت‌ها
• 85. تست Props و Events
• 86. تست Methods و Computed Properties
• 87. تست Vuex Store
• 88. تست Vue Router
• 89. تست End-to-End با Cypress
• 90. نکات و ترفندهای تست نویسی
• 91. معماری برنامه‌های بزرگ Vue.js
• 92. استفاده از Mixins
• 93. استفاده از Render Functions
• 94. استفاده از Plugin های Vue.js
• 95. معرفی Nuxt.js (SSR/SSG)
• 96. تنظیمات Nuxt.js
• 97. صفحات و مسیرها در Nuxt.js
• 98. احراز هویت (Authentication) در Nuxt.js
• 99. مدیریت وضعیت در Nuxt.js
• 100. Deploy کردن برنامه‌های Vue.js