اپلیکیشن اندرویدی فلش‌کارت آموزشی ساخت یک لیست Todo با Vite

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب ساخت یک لیست Todo با Vite

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

موضوع میانی: وایت (Vite)

📋 سرفصل‌های کتاب (100 موضوع)

• 1. مقدمه بر لیست Todo
• 2. چرا Vite؟
• 3. نصب Node.js
• 4. نصب npm
• 5. ایجاد پروژه Vite جدید
• 6. فهم ساختار پروژه Vite
• 7. فایل package.json
• 8. فایل vite.config.js
• 9. فایل index.html
• 10. فایل main.js
• 11. فایل App.vue
• 12. نصب Vue.js
• 13. نصب Vue Router
• 14. نصب Vuex (اختیاری)
• 15. نصب Tailwind CSS (اختیاری)
• 16. نصب Bootstrap Vue (اختیاری)
• 17. مفاهیم پایه Vue.js
• 18. کامپوننت‌ها در Vue.js
• 19. Props در Vue.js
• 20. Emits در Vue.js
• 21. Data Properties در Vue.js
• 22. Computed Properties در Vue.js
• 23. Watchers در Vue.js
• 24. Directives در Vue.js
• 25. v-bind
• 26. v-model
• 27. v-if
• 28. v-for
• 29. v-on
• 30. v-show
• 31. v-once
• 32. v-pre
• 33. v-cloak
• 34. ساخت کامپوننت TodoItem
• 35. نمایش لیست Todo
• 36. اضافه کردن آیتم جدید به لیست
• 37. مدیریت وضعیت لیست Todo
• 38. ذخیره سازی لیست Todo (localStorage)
• 39. بارگذاری لیست Todo از localStorage
• 40. حذف آیتم از لیست
• 41. ویرایش آیتم در لیست
• 42. علامت گذاری آیتم به عنوان تکمیل شده
• 43. فیلتر کردن آیتم‌ها (همه، فعال، تکمیل شده)
• 44. مرتب سازی آیتم‌ها
• 45. نمایش تعداد آیتم‌های باقی مانده
• 46. استایل دهی به لیست Todo (CSS)
• 47. استایل دهی به کامپوننت TodoItem
• 48. استایل دهی به دکمه‌ها
• 49. استایل دهی به فیلترها
• 50. طراحی رابط کاربری (UI)
• 51. طراحی فرم اضافه کردن آیتم
• 52. طراحی نمایش آیتم‌ها
• 53. طراحی دکمه‌های عملیاتی
• 54. استفاده از آیکون‌ها
• 55. مدیریت خطاها
• 56. پیام‌های خطا
• 57. اعتبارسنجی ورودی‌ها
• 58. تست واحد (Unit Testing)
• 59. نصب Jest
• 60. پیکربندی Jest با Vite
• 61. نوشتن تست برای کامپوننت‌ها
• 62. نوشتن تست برای توابع
• 63. تست یکپارچگی (Integration Testing)
• 64. تست E2E (End-to-End Testing)
• 65. نصب Cypress
• 66. پیکربندی Cypress با Vite
• 67. نوشتن تست‌های E2E
• 68. مفاهیم پیشرفته Vite
• 69. Hot Module Replacement (HMR)
• 70. Code Splitting
• 71. Lazy Loading
• 72. Build Process در Vite
• 73. Production Build
• 74. Development Server
• 75. Proxy Configuration
• 76. Environment Variables
• 77. Plugin System در Vite
• 78. نوشتن پلاگین سفارشی
• 79. استفاده از پلاگین‌های موجود
• 80. بهینه سازی عملکرد
• 81. کاهش حجم فایل‌ها
• 82. Lazy Loading کامپوننت‌ها
• 83. Code Splitting پیشرفته
• 84. بهینه سازی تصاویر
• 85. استفاده از Service Workers
• 86. Progressive Web App (PWA)
• 87. مفاهیم UI/UX
• 88. قابلیت دسترسی (Accessibility)
• 89. طراحی واکنشگرا (Responsive Design)
• 90. استفاده از State Management (Vuex)
• 91. پیکربندی Vuex
• 92. Mutations در Vuex
• 93. Actions در Vuex
• 94. Getters در Vuex
• 95. Modules در Vuex
• 96. استفاده از Vue Router
• 97. پیکربندی Route ها
• 98. Navigation Guards
• 99. Dynamic Routes
• 100. Nested Routes