دوره کار با Sass/SCSS در پروژه‌های مدرن همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره کار با Sass/SCSS در پروژه‌های مدرن

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

موضوع میانی: جاوا اسکریپت (JavaScript)

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

• 1. مقدمه‌ای بر Sass و SCSS و تفاوت با CSS
• 2. نصب و راه‌اندازی کامپایلر Sass در پروژه
• 3. متغیرها (Variables) و مدیریت مقادیر تکراری
• 4. Nesting (تودرتو نویسی) و خواناتر کردن کد
• 5. عملگرهای محاسباتی (Operators) در Sass
• 6. Partial ها و وارد کردن فایل‌ها با @use و @forward
• 7. ساختاردهی پروژه با معماری 7-1 یا مشابه
• 8. Mixins و پارامترهای پیش‌فرض
• 9. Inheritance با @extend و تفاوت با Mixin
• 10. Placeholder Selectors (%) و کاربرد آن
• 11. ساخت Mixin های پیشرفته با @content
• 12. توابع (Functions) سفارشی در Sass
• 13. توابع توکار (Built-in Functions) در Sass
• 14. مدیریت رنگ‌ها با توابع Sass
• 15. مدیریت فونت و تایپوگرافی با Mixin
• 16. سیستم‌های گرید و چیدمان با Mixin
• 17. ساخت Breakpoint Mixin برای Responsive Design
• 18. کار با نقشه‌ها (Maps) و حلقه‌ها (Loops) در Sass
• 19. دستورات شرطی (@if, @else) در Sass
• 20. حلقه‌های @each و @for در Sass
• 21. حلقه‌های @while و کاربردهای پیشرفته
• 22. مدیریت تم (Theme) با Sass
• 23. تولید کلاس‌های یوتیلیتی با Sass
• 24. آیکون‌ها و اسپرایت با Sass
• 25. انیمیشن و Keyframes با Sass
• 26. کار با کتابخانه‌های معروف Sass (مانند Bourbon)
• 27. آشنایی با Susy یا سیستم‌های گرید قدیمی
• 28. رفع خطاها و دیباگ در Sass
• 29. بهینه‌سازی خروجی CSS (Nested vs Expanded)
• 30. استفاده از Source Maps در Sass
• 31. یکپارچه‌سازی Sass با Webpack و Vite
• 32. یکپارچه‌سازی Sass با Gulp و Grunt
• 33. مدیریت وابستگی‌ها با LibSass و Dart Sass
• 34. تفاوت Sass با PostCSS و ابزارهای مدرن
• 35. کامپوننت‌محور کردن استایل‌ها با Sass
• 36. ساخت Reset یا Normalize اختصاصی با Sass
• 37. مدیریت Z-index با Sass
• 38. مدیریت سایه‌ها و Box-shadow با Sass
• 39. تولید خودکار Gradient با Sass
• 40. ساخت سیستم طراحی (Design System) با Sass
• 41. مدیریت فاصله‌ها و Spacing با Mixin
• 42. مدیریت تایپوگرافی و Vertical Rhythm
• 43. ساخت دکمه‌های قابل تنظیم با Mixin
• 44. ساخت کارت‌ها و پنل‌های قابل تنظیم
• 45. ساخت فرم‌ها و اینپوت‌های سفارشی
• 46. ساخت جدول‌های واکنش‌گرا با Sass
• 47. ساخت نوار ناوبری با Sass
• 48. ساخت مودال و دیالوگ با Sass
• 49. ساخت Tooltip و Popover با Sass
• 50. ساخت Accordion و Tab با Sass
• 51. بهبود عملکرد CSS با Sass (Critical CSS)
• 52. تست و نگهداری کدهای Sass
• 53. ساخت مستندات برای Sass Components
• 54. مهاجرت از CSS خالص به Sass
• 55. مهاجرت از Less به Sass
• 56. مهاجرت از Stylus به Sass
• 57. مدیریت نسخه‌های Sass و تغییرات
• 58. ساخت کتابخانه شخصی Mixin با Sass
• 59. ساخت Plugin با Sass
• 60. بهترین روش‌های نام‌گذاری (BEM و Sass)
• 61. مدیریت Override و Specificity در Sass
• 62. مدیریت Import با @use و @import قدیمی
• 63. مدیریت Scope و Namespace در Sass
• 64. ساخت سیستم رنگی جامع با Sass
• 65. مدیریت Dark Mode و Light Mode با Sass
• 66. ساخت سیستم انیمیشن ماژولار با Sass
• 67. مدیریت فونت‌های سفارشی و Icon Fonts
• 68. بهینه‌سازی تصاویر و Background با Sass
• 69. مدیریت Grid با CSS Grid و Sass
• 70. مدیریت Flexbox با Sass
• 71. مدیریت Layout های پیچیده با Sass
• 72. ساخت سیستم Utility-First با Sass
• 73. ساخت کامپوننت‌های Atomistic با Sass
• 74. مدیریت State ها (Hover, Active, Disabled) با Sass
• 75. ساخت سیستم Spacing Scale با Sass
• 76. مدیریت Responsive Typography با Sass
• 77. ساخت سیستم Button Variants با Sass
• 78. ساخت سیستم Form Variants با Sass
• 79. ساخت سیستم Table Variants با Sass
• 80. مدیریت Accessibility و ARIA با Sass
• 81. ساخت سیستم Loading و Skeleton با Sass
• 82. مدیریت Transition و Easing با Sass
• 83. ساخت سیستم Shadow و Elevation با Sass
• 84. مدیریت Border و Radius با Sass
• 85. ساخت سیستم Opacity و Visibility با Sass
• 86. مدیریت Overflow و Scroll با Sass
• 87. ساخت سیستم Position و Z-index با Sass
• 88. مدیریت Display و Visibility با Sass
• 89. ساخت سیستم Cursor و User-Select با Sass
• 90. مدیریت Pointer Events و Touch Events با Sass
• 91. ساخت سیستم Print Styles با Sass
• 92. مدیریت RTL و LTR با Sass
• 93. مدیریت i18n و Localization با Sass
• 94. ساخت سیستم Color Palette با Sass
• 95. مدیریت Branding و Theming با Sass
• 96. ساخت سیستم Typography Scale با Sass
• 97. مدیریت Line Height و Letter Spacing با Sass
• 98. ساخت سیستم Spacing و Padding با Sass
• 99. مدیریت Margin و Auto Margin با Sass
• 100. ساخت سیستم Width و Height با Sass