فلش‌کارت‌های آموزشی Sass/SCSS: ترکیب Sass با BEM و OOCSS

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

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

عنوان دوره: دوره Sass/SCSS: ترکیب Sass با BEM و OOCSS

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

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

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

• 1. مقدمه‌ای بر Sass و SCSS
• 2. نصب و راه‌اندازی Sass
• 3. متغیرها در Sass
• 4. انواع داده در Sass
• 5. عملگرهای ریاضی در Sass
• 6. عملگرهای مقایسه‌ای در Sass
• 7. عملگرهای منطقی در Sass
• 8. تابع‌ها (Functions) در Sass
• 9. دستورات کنترلی (Control Directives) در Sass
• 10. دستور @mixin در Sass
• 11. دستور @include در Sass
• 12. دستور @extend در Sass
• 13. دستور @import در Sass
• 14. دستور @if در Sass
• 15. دستور @else در Sass
• 16. دستور @for در Sass
• 17. دستور @each در Sass
• 18. دستور @while در Sass
• 19. نستینگ (Nesting) در Sass
• 20. فضاهای نام (Namespaces) در Sass
• 21. ارث‌بری (Inheritance) با @extend
• 22. ماژول‌ها (Modules) در Sass
• 23. دیباگینگ (Debugging) در Sass
• 24. بهینه‌سازی کد Sass
• 25. اصول BEM (Block, Element, Modifier)
• 26. کاربرد BEM در نام‌گذاری کلاس‌ها
• 27. مزایای استفاده از BEM
• 28. پیاده‌سازی BEM با Sass
• 29. اصول OOCSS (Object-Oriented CSS)
• 30. دسته‌بندی کلاس‌ها در OOCSS
• 31. پایه‌ها و اشیاء در OOCSS
• 32. مزایای استفاده از OOCSS
• 33. پیاده‌سازی OOCSS با Sass
• 34. ترکیب Sass با BEM
• 35. ترکیب Sass با OOCSS
• 36. مقایسه BEM و OOCSS
• 37. انتخاب رویکرد مناسب
• 38. مدیریت رنگ‌ها با Sass
• 39. مدیریت فونت‌ها با Sass
• 40. مدیریت فضاها با Sass
• 41. استفاده از Sass برای طراحی واکنش‌گرا
• 42. میکسین‌های واکنش‌گرا در Sass
• 43. متغیرهای واکنش‌گرا در Sass
• 44. طراحی گرید سیستم با Sass
• 45. استفاده از Sass برای انیمیشن‌ها
• 46. مدیریت انیمیشن‌ها با Sass
• 47. ترکیب Sass با انیمیشن‌های CSS
• 48. استفاده از Sass برای طراحی فرم‌ها
• 49. مدیریت استایل فرم‌ها با Sass
• 50. استفاده از Sass برای طراحی جداول
• 51. مدیریت استایل جداول با Sass
• 52. استفاده از Sass برای طراحی دکمه‌ها
• 53. مدیریت استایل دکمه‌ها با Sass
• 54. استفاده از Sass برای طراحی منوها
• 55. مدیریت استایل منوها با Sass
• 56. استفاده از Sass برای طراحی هدر و فوتر
• 57. مدیریت استایل هدر و فوتر با Sass
• 58. استفاده از Sass برای طراحی کارت‌ها
• 59. مدیریت استایل کارت‌ها با Sass
• 60. استفاده از Sass برای طراحی مدال‌ها
• 61. مدیریت استایل مدال‌ها با Sass
• 62. استفاده از Sass برای طراحی اسلایدرها
• 63. مدیریت استایل اسلایدرها با Sass
• 64. استفاده از Sass برای طراحی مودال‌ها
• 65. مدیریت استایل مودال‌ها با Sass
• 66. استفاده از Sass برای طراحی تب‌ها
• 67. مدیریت استایل تب‌ها با Sass
• 68. استفاده از Sass برای طراحی آیکون‌ها
• 69. مدیریت استایل آیکون‌ها با Sass
• 70. استفاده از Sass برای طراحی نمودارها
• 71. مدیریت استایل نمودارها با Sass
• 72. استفاده از Sass برای طراحی نقشه‌ها
• 73. مدیریت استایل نقشه‌ها با Sass
• 74. استفاده از Sass برای طراحی تایپوگرافی
• 75. مدیریت استایل تایپوگرافی با Sass
• 76. استفاده از Sass برای طراحی تم‌ها
• 77. مدیریت استایل تم‌ها با Sass
• 78. استفاده از Sass برای طراحی حالت‌های تاریک
• 79. مدیریت حالت تاریک با Sass
• 80. بهبود عملکرد با Sass
• 81. مدیریت پروژه با Sass
• 82. استانداردهای کدنویسی Sass
• 83. ابزارهای کمکی Sass
• 84. مرور بر بهترین شیوه‌ها
• 85. مطالعه موردی: طراحی سایت فروشگاهی
• 86. مطالعه موردی: طراحی داشبورد مدیریتی
• 87. مطالعه موردی: طراحی بلاگ
• 88. مطالعه موردی: طراحی سایت شرکتی
• 89. نکات پیشرفته در Sass
• 90. آینده Sass و SCSS
• 91. جمع‌بندی و گام‌های بعدی
• 92. تمرینات عملی با Sass و BEM
• 93. تمرینات عملی با Sass و OOCSS
• 94. پروژه نهایی: طراحی یک رابط کاربری کامل