کتاب صوتی Sass/SCSS: ایجاد کتابخانه‌های استایل‌دهی تعاملی و پویا

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

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

عنوان دوره: دوره Sass/SCSS: ایجاد کتابخانه‌های استایل‌دهی تعاملی و پویا

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

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

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

• 1. مقدمه‌ای بر Sass و SCSS
• 2. چرا از Sass استفاده کنیم؟
• 3. نصب Sass (Command Line)
• 4. نصب Sass (با استفاده از ابزارهای Build)
• 5. ساختار پروژه Sass
• 6. نوشتن اولین فایل SCSS
• 7. کامپایل کردن SCSS به CSS
• 8. تنظیم Watch Mode
• 9. مفاهیم متغیرها در SCSS
• 10. تعریف و استفاده از متغیرها
• 11. قابلیت Scope متغیرها
• 12. انواع داده در SCSS (رنگ‌ها، اعداد، رشته‌ها، بولین، لیست‌ها، نقشه‌ها)
• 13. استفاده از متغیرهای رنگی
• 14. استفاده از متغیرهای عددی
• 15. استفاده از متغیرهای رشته‌ای
• 16. استفاده از متغیرهای بولین
• 17. استفاده از لیست‌ها
• 18. استفاده از نقشه‌ها
• 19. نستدینگ (Nesting) در SCSS
• 20. نستدینگ سلکتورها
• 21. نستدینگ خصوصیات (Properties)
• 22. نستدینگ کلاس‌ها و ID ها
• 23. نستدینگPseudo-classes و Pseudo-elements
• 24. استفاده از Parent Selector (&)
• 25. نستدینگ با Parent Selector
• 26. نستدینگ در قالب فایل‌های HTML
• 27. قوانین Import در SCSS
• 28. ساختاردهی پروژه با Import
• 29. مدیریت Import ها
• 30. استفاده از @use
• 31. تفاوت @import و @use
• 32. مفهوم Mixin ها
• 33. تعریف Mixin ها
• 34. استفاده از Mixin ها
• 35. Mixins با پارامتر
• 36. Mixins با پارامترهای پیش‌فرض
• 37. Mixins با بلوک کد
• 38. Mixins برای ایجاد کامپوننت‌های استایل‌دهی
• 39. Mixins برای استایل‌دهی واکنش‌گرا
• 40. Mixins برای انیمیشن‌ها
• 41. Mixins برای استایل‌دهی مرورگرهای مختلف (Vendor Prefixes)
• 42. نستدینگ Mixin ها
• 43. نستدینگ Mixin ها داخل Mixin ها
• 44. استفاده از Mixin های داخلی Sass
• 45. مفهوم Extend/Inheritance
• 46. استفاده از @extend
• 47. تفاوت @extend و Mixins
• 48. محدودیت‌های @extend
• 49. استفاده از Extend برای کاهش تکرار کد
• 50. Extend برای ایجاد استایل‌های مشترک
• 51. Extend برای استایل‌های حالت (States)
• 52. مفهوم توابع (Functions) در SCSS
• 53. تعریف توابع سفارشی
• 54. استفاده از توابع سفارشی
• 55. توابع داخلی Sass (رنگ، ریاضی، رشته، لیست، نقشه)
• 56. توابع رنگی (Lighten, Darken, Saturate, Desaturate)
• 57. توابع ریاضی (Percentage, Round, Ceil, Floor)
• 58. توابع رشته‌ای (Unquote, Quote)
• 59. توابع لیستی (Append, Prepend, Nth, Length)
• 60. توابع نقشه (Map-get, Map-set, Map-keys, Map-values)
• 61. استفاده از توابع برای محاسبات پیچیده
• 62. استفاده از توابع برای ایجاد استایل‌های پویا
• 63. مفهوم بلوک‌های شرطی (Control Directives)
• 64. استفاده از @if
• 65. استفاده از @else if
• 66. استفاده از @else
• 67. استفاده از @for
• 68. کاربرد @for برای تکرار استایل‌دهی
• 69. استفاده از @each
• 70. کاربرد @each برای تکرار بر روی لیست‌ها و نقشه‌ها
• 71. استفاده از @while
• 72. کاربرد @while برای تکرار مشروط
• 73. بلوک‌های شرطی در Mixins
• 74. بلوک‌های شرطی در توابع
• 75. مدیریت فضای نام (Namespacing) در SCSS
• 76. استفاده از _partial files
• 77. استفاده از @forward
• 78. ساختاردهی فایل‌های Sass برای پروژه‌های بزرگ
• 79. مدیریت وابستگی‌ها (Dependencies)
• 80. استفاده از Sass برای متغیرهای سراسری (Global Variables)
• 81. استفاده از Sass برای استایل‌دهی کامپوننت‌ها
• 82. اصول طراحی سیستم‌های استایل‌دهی (Design Systems)
• 83. ایجاد پایه (Base Styles)
• 84. ایجادTypography Scales
• 85. ایجاد Color Palettes
• 86. ایجاد Spacing Scales
• 87. ایجاد Grid Systems
• 88. ایجاد Breakpoints برای طراحی واکنش‌گرا
• 89. ایجاد استایل برای دکمه‌ها (Buttons)
• 90. ایجاد استایل برای فرم‌ها (Forms)
• 91. ایجاد استایل برای کارت‌ها (Cards)
• 92. ایجاد استایل برای مودال‌ها (Modals)
• 93. ایجاد استایل برای منوها (Menus)
• 94. استفاده از Sass برای ایجاد تم‌های مختلف (Theming)
• 95. مدیریت Sass در ابزارهای Build (Webpack, Gulp, Parcel)
• 96. پیکربندی Webpack برای Sass
• 97. پیکربندی Gulp برای Sass
• 98. پیکربندی Parcel برای Sass
• 99. تکنیک‌های پیشرفته Sass
• 100. ایجاد State Management با Sass