دوره Sass/SCSS: ساخت کتابخانه های CSS با Sass همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره Sass/SCSS: ساخت کتابخانه های CSS با Sass

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

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

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

• 1. آشنایی با Sass و SCSS
• 2. نصب و راه‌اندازی Sass
• 3. ساختار فایل‌ها و پوشه‌ها در Sass
• 4. متغیرها در Sass
• 5. عملیات ریاضی در Sass
• 6. رنگ‌ها و مدیریت آن‌ها در Sass
• 7. توابع رنگی Sass
• 8. ترکیب رنگ‌ها با استفاده از توابع
• 9. متغیرهای رنگی و استفاده از آن‌ها
• 10. نکستینگ (Nesting) در Sass
• 11. نکستینگ بهینه و اجتناب از آن
• 12. ترکیب (Mixins) در Sass
• 13. تعریف و فراخوانی ترکیب‌ها
• 14. پارامترها در ترکیب‌ها
• 15. ترکیب‌های کاربردی برای طراحی واکنش‌گرا
• 16. ارث‌بری (Inheritance) در Sass
• 17. دستور `@extend`
• 18. ارث‌بری برای استایل‌های مشترک
• 19. ماژول‌ها و وارد کردن فایل‌ها در Sass
• 20. دستور `@import`
• 21. ساختاردهی پروژه‌های بزرگ با ماژول‌ها
• 22. توابع (Functions) در Sass
• 23. تعریف و استفاده از توابع سفارشی
• 24. توابع داخلی Sass
• 25. توابع برای پردازش متن
• 26. توابع برای پردازش لیست‌ها
• 27. توابع برای پردازش نقشه‌ها
• 28. مدیریت خطا در Sass
• 29. اشتباهات رایج در Sass و نحوه رفع آن‌ها
• 30. بهینه‌سازی کد Sass
• 31. فشرده‌سازی و پیش‌پردازش Sass
• 32. استفاده از Sass در پروژه‌های واقعی
• 33. ساخت کتابخانه‌های CSS با Sass
• 34. طراحی سیستم‌های طراحی (Design Systems) با Sass
• 35. اصول SOLID در Sass
• 36. استفاده از Sass در چارچوب‌های فرانت‌اند
• 37. Sass و CSS-in-JS
• 38. سازگاری Sass با مرورگرها
• 39. تست کردن کد Sass
• 40. ابزارهای کمکی Sass
• 41. پلاگین‌ها و افزونه‌های Sass
• 42. مفاهیم پیشرفته Sass
• 43. ترکیب‌های شرطی در Sass
• 44. حلقه‌ها در Sass
• 45. نقشه‌ها (Maps) در Sass
• 46. کار با نقشه‌ها در Sass
• 47. پردازش نقشه‌ها
• 48. توابع شرطی برای مدیریت شرایط
• 49. اعلان‌های مدیریتی در Sass
• 50. دستور `@at-root`
• 51. دستور `@debug`
• 52. دستور `@warn`
• 53. دستور `@error`
• 54. دستور `@if`, `@else if`, `@else`
• 55. دستور `@each`
• 56. دستور `@for`
• 57. دستور `@while`
• 58. استفاده از Sass در فرآیندهای Build
• 59. Gulp و Sass
• 60. Webpack و Sass
• 61. Parcel و Sass
• 62. Sass و PostCSS
• 63. مدیریت فونت‌ها با Sass
• 64. مدیریت آیکون‌ها با Sass
• 65. استفاده از Sass برای طراحی تم‌ها
• 66. ساخت تم‌های چندگانه با Sass
• 67. مدیریت حالت‌های پویا (States) در Sass
• 68. استفاده از Sass برای انیمیشن‌ها
• 69. Sass و CSS Grid
• 70. Sass و Flexbox
• 71. مدیریت ریسپانسیو با Sass
• 72. استراتژی‌های نام‌گذاری در Sass (مانند BEM)
• 73. ساخت کامپوننت‌های قابل استفاده مجدد
• 74. توسعه یک کتابخانه CSS کامل با Sass
• 75. مستندسازی کد Sass
• 76. به اشتراک‌گذاری کتابخانه‌های Sass
• 77. نکات امنیتی در استفاده از Sass
• 78. بررسی و بازبینی کد Sass
• 79. آینده Sass و SCSS
• 80. مقایسه Sass با Less و Stylus
• 81. نکات و ترفندهای پیشرفته Sass
• 82. تمرین‌های عملی ساخت کتابخانه CSS
• 83. پروژه‌های نمونه با Sass
• 84. ساخت یک کتابخانه دکمه‌ها با Sass
• 85. ساخت یک کتابخانه کارت‌ها با Sass
• 86. ساخت یک کتابخانه فرم‌ها با Sass
• 87. ساخت یک کتابخانه ریسپانسیو با Sass
• 88. ساخت یک کتابخانه مولفه‌های UI با Sass
• 89. جمع‌بندی و بهترین شیوه‌ها
• 90. آمادگی برای پروژه‌های پیچیده با Sass