فلش‌کارت‌های آموزشی ساخت اپلیکیشن کاربردی با Vuetify 2، Vue.js 2 و Vuex در ۵ ساعت

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

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

عنوان دوره: دوره ساخت اپلیکیشن کاربردی با Vuetify 2، Vue.js 2 و Vuex در ۵ ساعت

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

موضوع میانی: طراحی رابط کاربری با Vue.js و کتابخانه‌های مکمل

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

• 1. معرفی ابزار Vuetify و نقش آن در توسعه Vue.js
• 2. راه‌اندازی پروژه با Vue CLI و افزودن Vuetify
• 3. ساختار کامپوننت‌های مبتنی بر متریال دیزاین
• 4. آشنایی با سیستم گرید و طرح‌بندی واکنش‌گرا Vuetify
• 5. استفاده از کانتینرها، ردیف‌ها و ستون‌ها
• 6. تنظیم تم و رنگ‌بندی سفارشی در Vuetify
• 7. طراحی نوار ناوبری بالا با VAppBar
• 8. پیاده‌سازی منوی کناری با VNavigationDrawer
• 9. کار با دکمه‌ها و آیکون‌ها در Vuetify
• 10. طراحی فرم‌های ورود اطلاعات با VTextField و VForm
• 11. اعتبارسنجی اولیه فرم‌ها با قوانین سفارشی
• 12. استفاده از کارت‌ها برای نمایش محتوا
• 13. طراحی لیست و آیتم‌های لیست با VList و VListItem
• 14. پیاده‌سازی جدول داده‌ها با VDataTable
• 15. مدیریت پنجره‌های گفت‌وگو با VDialog
• 16. استفاده از اعلان‌ها و پیام‌های کاربری با VSnackbar
• 17. طراحی منوهای کشویی با VMenu و VSelect
• 18. کار با تاریخ‌گیر و انتخاب‌گر زمان
• 19. ساخت نشان‌های وضعیت با VChip و VBadge
• 20. مدیریت پیشرفت و بارگذاری با VProgressLinear
• 21. طراحی تب‌بندی صفحات با VTabs
• 22. پیاده‌سازی اسلایدر و چرخ‌دنده تصویری با VCarousel
• 23. استفاده از آیکون‌های متریال و SVG در پروژه
• 24. ایجاد صفحات چندبخشی با VStepper
• 25. تنظیمات واکنش‌گرایی برای دستگاه‌های مختلف
• 26. معرفی Vuex برای مدیریت حالت مرکزی
• 27. تعریف استور، گترها، میوتیشن‌ها و اکشن‌ها در Vuex
• 28. اتصال کامپوننت‌های Vuetify به استور Vuex
• 29. مدیریت داده‌های فرم با Vuex
• 30. ساخت کامپوننت‌های قابل استفاده مجدد
• 31. مدیریت رویدادها و ارتباط والد-فرزند در Vue
• 32. مسیریابی با Vue Router و لینک‌های ناوبری
• 33. طراحی صفحات پروفایل و تنظیمات
• 34. ایجاد داشبورد مدیریتی ساده
• 35. پیاده‌سازی سیستم جستجو و فیلتر
• 36. کار با داده‌های API و نمایش در جدول
• 37. مدیریت حالت بارگذاری و خطا در رابط کاربری
• 38. طراحی دکمه‌های اکشن شناور با VFab
• 39. استفاده از VToolbar و VTooltip برای راهنمایی کاربر
• 40. ساخت صفحه لاگین و احراز هویت پایه
• 41. مدیریت نشست کاربری با Vuex
• 42. طراحی صفحه ثبت‌نام با فرم پویا
• 43. استفاده از VExpansionPanel برای محتوای جمع‌شدنی
• 44. مدیریت اعلان‌های سیستمی و هشدارها
• 45. طراحی هدر و فوتر ثابت برای اپلیکیشن
• 46. پیاده‌سازی حالت دارک و لایت در تم
• 47. سفارشی‌سازی کامپوننت‌های Vuetify با اسلات
• 48. مدیریت تصاویر و آواتارها با VAvatar و VImg
• 49. کار با VCalendar برای نمایش رویدادها
• 50. طراحی صفحه جزئیات محصول یا آیتم
• 51. مدیریت سبد خرید ساده با Vuex
• 52. ایجاد سیستم رتبه‌بندی و نظرات
• 53. استفاده از VTimeline برای نمایش تاریخچه
• 54. طراحی صفحه گالری با VGrid
• 55. مدیریت صفحه‌بندی داده‌ها با VPagination
• 56. ایجاد فیلترهای پیشرفته با VSelect و VCheckbox
• 57. مدیریت چندزبانه بودن با i18n و Vuetify
• 58. ساخت کامپوننت هشدار امنیتی و تایید
• 59. طراحی ویجت‌های آماری با کارت
• 60. مدیریت انیمیشن و ترنزیشن در Vue
• 61. بهینه‌سازی عملکرد با Lazy Loading
• 62. اشکال‌زدایی با Vue DevTools و ابزارهای مرورگر
• 63. تست اولیه کامپوننت‌های Vuetify
• 64. بسته‌بندی و ساخت نسخه نهایی پروژه
• 65. نکات استقرار و انتشار اپلیکیشن