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

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

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

عنوان دوره: دوره بهینه‌سازی و کارایی استایل‌دهی وب با Sass

موضوع کلی: فناوری اطلاعات و توسعه نرم‌افزار

موضوع میانی: طراحی و توسعه وب

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

• 1. مبانی CSS و نیاز به پیش‌پردازنده‌ها
• 2. آشنایی با Sass و ساختار آن
• 3. نصب و پیکربندی Sass
• 4. متغیرها در Sass: تعریف و کاربرد
• 5. نصب و راه اندازی Sass در پروژه
• 6. استفاده از متغیرها برای مقادیر تکراری
• 7. تابع‌های رنگی در Sass
• 8. مدیریت و دستکاری رنگ‌ها با Sass
• 9. ترکیب رنگ‌ها و ایجاد پالت‌های رنگی
• 10. توابع ریاضی در Sass
• 11. محاسبات ساده با Sass
• 12. استفاده از توابع برای مقادیر پویا
• 13. درج مقادیر از طریق متغیرها
• 14. تودرتویی (Nesting) در Sass
• 15. ساده‌سازی ساختار CSS با تودرتویی
• 16. اجتناب از تودرتویی بیش از حد
• 17. اکستند (Extend) در Sass
• 18. اشتراک‌گذاری ویژگی‌های CSS
• 19. ایجاد کلاس‌های کمکی با Extend
• 20. Mixins در Sass
• 21. ایجاد بلوک‌های کد قابل استفاده مجدد
• 22. پارامترها در Mixins
• 23. Mixins با پارامترهای پیش‌فرض
• 24. Mixins با منطق شرطی
• 25. Mixins با حلقه‌ها
• 26. ارث‌بری (Inheritance) در Sass
• 27. استفاده از @extend برای اشتراک‌گذاری استایل‌ها
• 28. تفاوت @extend و @mixin
• 29. مدیریت فایل‌ها در Sass
• 30. سازماندهی پروژه‌های Sass
• 31. وارد کردن فایل‌ها با @import
• 32. ساختاردهی پروژه‌های بزرگ Sass
• 33. استفاده از Partial ها
• 34. قواعد نام‌گذاری Partial ها
• 35. استفاده از Partials در پروژه‌ها
• 36. فضاهای نام (Namespaces) در Sass
• 37. سازماندهی متغیرها و Mixins
• 38. مدیریت وابستگی‌ها
• 39. توابع داخلی Sass
• 40. توابع رشته‌ای (String Functions)
• 41. توابع عددی (Numeric Functions)
• 42. توابع لیستی (List Functions)
• 43. توابع نقشه (Map Functions)
• 44. توابع سیستمی (System Functions)
• 45. استفاده عملی از توابع Sass
• 46. حلقه‌ها در Sass
• 47. حلقه @for
• 48. حلقه @each
• 49. حلقه @while
• 50. استفاده از حلقه‌ها برای تولید استایل‌های تکراری
• 51. شرط‌ها در Sass
• 52. دستور @if
• 53. دستور @else if
• 54. دستور @else
• 55. استفاده از شرط‌ها برای استایل‌های پویا
• 56. اکسپرت کردن (Exporting) استایل‌ها
• 57. تنظیمات خروجی Sass
• 58. فشرده‌سازی فایل‌های CSS
• 59. اضافه کردن کامنت به فایل خروجی
• 60. مدیریت Source Maps
• 61. بهینه‌سازی عملکرد Sass
• 62. استفاده از Sass برای طراحی واکنش‌گرا
• 63. متغیرهای مقیاس‌پذیر (Responsive Variables)
• 64. Mixins برای واحدهای مختلف نمایشی
• 65. استفاده از Sass در فریم‌ورک‌های CSS
• 66. تنظیمات پیش‌فرض فریم‌ورک‌ها
• 67. ایجاد کامپوننت‌های سفارشی
• 68. مدیریت تم‌ها (Themes) با Sass
• 69. ایجاد سیستم رنگی (Color Systems)
• 70. مدیریت فونت‌ها (Typography) با Sass
• 71. استفاده از Sass در پروژه‌های بزرگ
• 72. معماری Sass (Sass Architecture)
• 73. سازماندهی فایل‌ها بر اساس ماژول
• 74. مدیریت وابستگی‌های بین ماژول‌ها
• 75. بهترین روش‌ها در Sass
• 76. کد نویسی تمیز و خوانا
• 77. استفاده بهینه از Mixins و Extend
• 78. مدیریت متغیرها
• 79. تست کردن کدهای Sass
• 80. اشکال‌زدایی (Debugging) در Sass
• 81. استفاده از ابزارهای توسعه مرورگر
• 82. ملاحظات امنیتی در Sass
• 83. کاربرد Sass در توسعه فرانت‌اند مدرن
• 84. پروژه‌های نمونه با Sass
• 85. جمع‌بندی و گام‌های بعدی
• 86. یادگیری عمیق‌تر Sass
• 87. مفاهیم پیشرفته‌تر Sass
• 88. سازگاری با CSS مدرن
• 89. مستندسازی پروژه‌های Sass
• 90. ارزیابی عملکرد استایل‌دهی
• 91. تکنیک‌های پیشرفته ترکیب و سازماندهی
• 92. طراحی سیستم‌های طراحی (Design Systems) با Sass
• 93. ملاحظات دسترسی‌پذیری (Accessibility) در Sass
• 94. تجزیه و تحلیل کدهای Sass
• 95. کاربرد Sass در ابزارهای Build
• 96. ملاحظات عملکردی و بهینه‌سازی نهایی
• 97. آخرین روندها در Sass و CSS
• 98. آماده‌سازی برای پروژه‌های واقعی
• 99. مقدمه‌ای بر ابزارهای Post-processing
• 100. ادغام Sass با ابزارهای دیگر