فلش‌کارت‌های آموزشی Sass/SCSS: کار با نقشه‌ ها (maps)

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

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

عنوان کتاب: کتاب Sass/SCSS: کار با نقشه‌ ها (maps)

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

موضوع میانی: Sass/SCSS

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

• 1. مقدمه ای بر Sass و SCSS
• 2. چرا از Sass/SCSS استفاده کنیم؟
• 3. نصب Sass/SCSS
• 4. مقدمه ای بر نقشه‌ ها (Maps) در Sass/SCSS
• 5. مفهوم نقشه‌ ها
• 6. تفاوت نقشه‌ ها با متغیرها
• 7. کاربردهای نقشه‌ ها
• 8. ایجاد یک نقشه در Sass/SCSS
• 9. نحوه‌ تعریف نقشه
• 10. مثال ساده ایجاد نقشه
• 11. نام‌ گذاری کلیدها و مقادیر
• 12. انواع داده‌ ها در مقادیر نقشه
• 13. کار با نقشه‌ های تو در تو (Nested Maps)
• 14. دسترسی به مقادیر در نقشه
• 15. استفاده از سینتکس براکت `[]`
• 16. استفاده از تابع `map-get()`
• 17. کار با مقادیر پیش‌ فرض در `map-get()`
• 18. دسترسی به مقادیر در نقشه‌ های تو در تو
• 19. بررسی وجود کلید در نقشه
• 20. استفاده از تابع `map-has-key()`
• 21. برگرداندن `true` یا `false`
• 22. چرا بررسی وجود کلید مهم است؟
• 23. تغییر مقادیر در نقشه
• 24. استفاده از تابع `map-merge()` برای ادغام نقشه‌ ها
• 25. نحوه‌ ادغام دو نقشه
• 26. اولویت‌ بندی در ادغام (کلیدهای تکراری)
• 27. مثال ادغام نقشه‌ ها
• 28. ادغام نقشه‌ ها با مقادیر تکراری
• 29. اضافه کردن کلید و مقدار جدید به نقشه
• 30. استفاده از تابع `map-insert()`
• 31. نحوه‌ اضافه کردن کلید و مقدار
• 32. جایگزینی مقدار کلید موجود
• 33. مثال اضافه کردن به نقشه
• 34. حذف کلید و مقدار از نقشه
• 35. استفاده از تابع `map-remove()`
• 36. نحوه‌ حذف یک کلید
• 37. حذف چندین کلید
• 38. مثال حذف از نقشه
• 39. تکرار بر روی نقشه‌ ها
• 40. استفاده از تابع `map-keys()` برای دریافت لیست کلیدها
• 41. استفاده از تابع `map-values()` برای دریافت لیست مقادیر
• 42. استفاده از حلقه `each` با نقشه‌ ها
• 43. نحوه‌ تکرار بر روی کلیدها و مقادیر
• 44. مثال تکرار با `each`
• 45. کار با نقشه‌ های رنگی
• 46. تعریف مجموعه‌ ای از رنگ‌ ها در یک نقشه
• 47. دستورالعمل‌ های نام‌ گذاری کلیدهای رنگی
• 48. مثال نقشه‌ رنگی
• 49. استفاده از نقشه‌ های رنگی در طراحی
• 50. ایجاد تم‌ های رنگی با نقشه‌ ها
• 51. تغییر تم رنگی با تغییر نقشه
• 52. مثال تم‌ های رنگی
• 53. کار با نقشه‌ های فونت
• 54. تعریف فونت‌ ها و وزن‌ های آن‌ ها در یک نقشه
• 55. مثال نقشه‌ فونت
• 56. استفاده از نقشه‌ های فونت در طراحی
• 57. ایجاد فونت‌ استک‌ های پویا
• 58. مثال فونت‌ استک‌ های پویا
• 59. کار با نقشه‌ های طرح‌ بندی (Layout)
• 60. تعریف ابعاد و فاصله‌ ها در یک نقشه
• 61. مثال نقشه‌ طرح‌ بندی
• 62. استفاده از نقشه‌ های طرح‌ بندی برای طراحی واکنش‌ گرا
• 63. ایجاد سیستم گرید (Grid System) با نقشه‌ ها
• 64. مثال سیستم گرید
• 65. کار با نقشه‌ های تنظیمات (Settings)
• 66. ذخیره تنظیمات کلی پروژه در یک نقشه
• 67. مثال نقشه‌ تنظیمات
• 68. استفاده از نقشه‌ های تنظیمات برای مدیریت پروژه
• 69. سازماندهی کد با نقشه‌ ها
• 70. بهبود خوانایی کد
• 71. کاهش تکرار کد
• 72. مدیریت متغیرهای پیچیده
• 73. مثال‌ های پیشرفته‌ تر
• 74. نقشه‌ ها و Mixins
• 75. ارسال نقشه‌ ها به Mixins
• 76. دریافت نقشه‌ ها در Mixins
• 77. استفاده از نقشه‌ ها در داخل Mixins
• 78. مثال Mixin با نقشه
• 79. نقشه‌ ها و Functions
• 80. ایجاد توابع سفارشی برای کار با نقشه‌ ها
• 81. استفاده از توابع برای دستکاری نقشه‌ ها
• 82. مثال تابع سفارشی برای نقشه
• 83. نقشه‌ ها و Inheritance
• 84. کاربرد نقشه‌ ها در وراثت (Inheritance)
• 85. مثال وراثت با نقشه‌ ها
• 86. بهترین شیوه‌ ها (Best Practices) در استفاده از نقشه‌ ها
• 87. نام‌ گذاری واضح کلیدها
• 88. اجتناب از نقشه‌ های تو در تو بیش از حد عمیق
• 89. سازماندهی منطقی نقشه‌ ها
• 90. مستندسازی نقشه‌ ها
• 91. نکات و ترفندها
• 92. استفاده از نقشه‌ ها برای ایجاد انیمیشن‌ های پویا
• 93. ایجاد لیست‌ های سفارشی با نقشه‌ ها
• 94. کار با نقشه‌ های تو در تو و توابع داخلی Sass
• 95. اشکال‌ زدایی (Debugging) نقشه‌ ها
• 96. خطاهای رایج در کار با نقشه‌ ها
• 97. راه‌ حل‌ های اشکال‌ زدایی
• 98. مقایسه نقشه‌ ها با آرایه‌ ها (Arrays) در Sass
• 99. تفاوت‌ های کلیدی
• 100. موارد استفاده مناسب برای هر کدام