دوره Vue.js و Design Systems همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان کتاب: کتاب Vue.js و Design Systems

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

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

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

• 1. مقدمه ای بر Vue.js و Design Systems
• 2. Vue.js چیست؟ معرفی و تاریخچه
• 3. چرا Vue.js انتخاب کنیم؟ مزایا و معایب
• 4. Design System چیست؟ اصول و مفاهیم کلیدی
• 5. اهمیت استفاده از Design System در Vue.js
• 6. تنظیم محیط توسعه Vue.js
• 7. نصب Node.js و npm/yarn
• 8. نصب Vue CLI و ایجاد پروژه جدید
• 9. آشنایی با ساختار پروژه Vue.js
• 10. مفاهیم پایه ای Vue.js
• 11. کامپوننت ها: قلب Vue.js
• 12. تمپلیت ها: ساختار HTML در Vue.js
• 13. داده ها (Data): مدیریت اطلاعات در Vue.js
• 14. متدها (Methods): توابع در Vue.js
• 15. محاسبه شده ها (Computed Properties): داده های پویا
• 16. Watchers: واکنش به تغییرات داده
• 17. Directiveها: دستکاری DOM
• 18. شرطی سازی با v-if و v-else
• 19. حلقه ها با v-for
• 20. اتصال داده ها (Data Binding)
• 21. یک طرفه (One-Way Binding)
• 22. دو طرفه (Two-Way Binding) با v-model
• 23. ارتباط بین کامپوننت ها
• 24. Props: ارسال داده از Parent به Child
• 25. Events: ارسال داده از Child به Parent
• 26. $emit: ایجاد رویداد سفارشی
• 27. Slotها: انعطاف پذیری در کامپوننت ها
• 28. Named Slots: اسلات های نامگذاری شده
• 29. Scoped Slots: اسلات های محدوده دار
• 30. Lifecycle Hooks: چرخه حیات کامپوننت ها
• 31. beforeCreate و created
• 32. beforeMount و mounted
• 33. beforeUpdate و updated
• 34. beforeDestroy و destroyed
• 35. مدیریت State با Vuex
• 36. مفاهیم Vuex: State, Mutations, Actions, Getters
• 37. نصب و پیکربندی Vuex
• 38. ایجاد Store در Vuex
• 39. دسترسی به State در کامپوننت ها
• 40. تغییر State با Mutations
• 41. انجام عملیات Asynchronous با Actions
• 42. محاسبه داده با Getters
• 43. ماژولار کردن Vuex Store
• 44. Vue Router: مسیریابی در برنامه های تک صفحه ای
• 45. نصب و پیکربندی Vue Router
• 46. تعریف Routeها
• 47. Link کردن بین Routeها با <router-link>
• 48. نمایش کامپوننت ها با <router-view>
• 49. پارامترها در Routeها
• 50. Query Params
• 51. Router Guards: کنترل دسترسی به Routeها
• 52. beforeEach و afterEach
• 53. مفاهیم Design System عمیق تر
• 54. توکن های طراحی (Design Tokens): مدیریت ارزش ها
• 55. سیستم تایپوگرافی
• 56. سیستم رنگ
• 57. سیستم فاصله گذاری
• 58. سیستم آیکون
• 59. کامپوننت های اصلی Design System
• 60. دکمه ها (Buttons)
• 61. فیلدهای ورودی (Input Fields)
• 62. انتخابگرها (Selects)
• 63. چک باکس ها (Checkboxes)
• 64. رادیو باتن ها (Radio Buttons)
• 65. اعلان ها (Notifications)
• 66. دیالوگ ها (Dialogs)
• 67. Tabها (Tabs)
• 68. پیاده سازی Design System با Vue.js
• 69. ایجاد Structure اولیه Design System
• 70. ایجاد Component Library
• 71. استفاده از Storybook برای توسعه کامپوننت ها
• 72. مستندسازی Component Library
• 73. تست Component Library
• 74. استفاده از TypeScript با Vue.js
• 75. مزایای استفاده از TypeScript
• 76. پیکربندی TypeScript در Vue.js
• 77. تعریف Typeها و Interfaceها
• 78. استفاده از Decoratorها
• 79. بهینه سازی عملکرد Vue.js
• 80. Lazy Loading
• 81. Code Splitting
• 82. Virtual DOM Optimization
• 83. SSR (Server-Side Rendering) با Nuxt.js
• 84. Vue.js Composition API
• 85. معرفی Composition API
• 86. Ref و Reactive
• 87. Computed و Watch
• 88. Lifecycle Hooks در Composition API
• 89. Reusable Logic با Composables
• 90. آزمون نویسی در Vue.js
• 91. Unit Testing با Jest و Vue Test Utils
• 92. End-to-End Testing با Cypress
• 93. بهترین روش ها در توسعه Vue.js
• 94. نامگذاری کامپوننت ها
• 95. سازماندهی کد
• 96. استفاده از ESLint و Prettier
• 97. استفاده از Git و Github
• 98. Deployment برنامه های Vue.js
• 99. Deployment روی Netlify
• 100. Deployment روی Vercel