دوره ساخت یک اپلیکیشن cryptocurrency tracker با Vue.js همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

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

موضوع کلی: برنامه نویسی

موضوع میانی: ویو (Vue.js)

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

• 1. مقدمه ای بر Vue.js و Cryptocurrency Trackers
• 2. تنظیم محیط توسعه: Node.js، npm، Vue CLI
• 3. ساخت اولین پروژه Vue.js
• 4. آشنایی با ساختار فایل پروژه Vue.js
• 5. کامپوننت ها در Vue.js: مفاهیم پایه
• 6. ایجاد اولین کامپوننت Vue.js
• 7. ثبت و استفاده از کامپوننت ها
• 8. Data Binding در Vue.js: یک طرفه و دو طرفه
• 9. Event Handling در Vue.js
• 10. Directives در Vue.js: v-if, v-show, v-for
• 11. Computed Properties: محاسبات پویا
• 12. Watchers: واکنش به تغییرات داده
• 13. استفاده از Vuex برای مدیریت State
• 14. تنظیم Vuex Store
• 15. Mutations در Vuex: تغییر State
• 16. Actions در Vuex: عملیات غیر همزمان
• 17. Getters در Vuex: دسترسی به State
• 18. ماژول بندی Vuex Store
• 19. Routing در Vue.js با Vue Router
• 20. تنظیم Vue Router
• 21. تعریف مسیرها (Routes)
• 22. Navigation بین صفحات
• 23. پارامترهای مسیر (Route Parameters)
• 24. Query Parameters
• 25. Navigation Guards
• 26. Lazy Loading کامپوننت ها
• 27. کار با API های Cryptocurrency
• 28. دریافت داده ها از CoinGecko API
• 29. پردازش داده های API
• 30. نمایش داده ها در جدول
• 31. صفحه بندی (Pagination) داده ها
• 32. جستجو و فیلتر کردن داده ها
• 33. نمودار سازی داده ها با Chart.js
• 34. ادغام Chart.js در Vue.js
• 35. نمایش نمودار قیمت ارزهای دیجیتال
• 36. نمایش نمودار حجم معاملات
• 37. استفاده از کامپوننت های سفارشی Chart.js
• 38. استایل دهی با CSS و Tailwind CSS
• 39. نصب و تنظیم Tailwind CSS
• 40. استفاده از کلاس های Tailwind CSS
• 41. استفاده از کامپوننت های Tailwind CSS
• 42. طراحی رابط کاربری اپلیکیشن
• 43. پیاده سازی نوار ناوبری (Navigation Bar)
• 44. پیاده سازی فوتر (Footer)
• 45. طراحی صفحه اصلی (Homepage)
• 46. طراحی صفحه جزئیات ارز (Coin Detail Page)
• 47. پیاده سازی بخش Portfolio
• 48. ذخیره سازی داده ها در Local Storage
• 49. مدیریت سبد دارایی کاربر
• 50. محاسبه سود و زیان
• 51. نمایش تاریخچه تراکنش ها
• 52. اعتبارسنجی فرم ها با Vuelidate
• 53. نصب و تنظیم Vuelidate
• 54. تعریف قوانین اعتبارسنجی
• 55. نمایش پیام های خطا
• 56. استفاده از کامپوننت های سفارشی Vuelidate
• 57. بین المللی سازی (i18n) با Vue I18n
• 58. نصب و تنظیم Vue I18n
• 59. تعریف فایل های ترجمه
• 60. تغییر زبان اپلیکیشن
• 61. نمایش متن های ترجمه شده
• 62. بهینه سازی عملکرد اپلیکیشن
• 63. Code Splitting
• 64. Lazy Loading تصاویر
• 65. Caching داده ها
• 66. استفاده از Service Workers
• 67. آزمون نویسی با Jest و Vue Test Utils
• 68. نصب و تنظیم Jest و Vue Test Utils
• 69. نوشتن تست های Unit
• 70. نوشتن تست های Component
• 71. نوشتن تست های E2E
• 72. استقرار اپلیکیشن (Deployment)
• 73. آماده سازی برای استقرار
• 74. استقرار در Netlify
• 75. استقرار در Vercel
• 76. استقرار در Firebase Hosting
• 77. استفاده از WebSockets برای به روز رسانی Real-Time
• 78. اتصال به WebSocket API
• 79. دریافت داده های Real-Time
• 80. نمایش داده های Real-Time
• 81. مدیریت خطاها و Debugging
• 82. استفاده از Vue Devtools
• 83. Logging
• 84. Error Handling
• 85. Typescript در Vue.js
• 86. اضافه کردن Typescript به پروژه Vue.js
• 87. تعریف Typeها و Interfaces
• 88. استفاده از Class Component API
• 89. کامپوننت های Function Based با Composition API
• 90. Ref، Reactive و Computed
• 91. Watch و Lifecycle Hooks
• 92. ارتباط بین کامپوننت ها با Emit
• 93. ارسال و دریافت داده ها با Props
• 94. استفاده از Slotها
• 95. Custom Directives
• 96. Filters
• 97. Composition API: Reusability و Organization
• 98. Composable Functions
• 99. Dependency Injection با Provide/Inject
• 100. Server-Side Rendering (SSR) با Nuxt.js