فلش‌کارت‌های آموزشی Sass/SCSS: بررسی عمیق mixin ها

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

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

عنوان دوره: دوره Sass/SCSS: بررسی عمیق mixin ها

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

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

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

• 1. مقدمه‌ای بر زبان Sass و SCSS
• 2. نصب و راه‌اندازی Sass
• 3. تفاوت‌های اصلی Sass و SCSS
• 4. متغیرها در Sass: تعریف و کاربرد
• 5. استفاده از توابع در Sass
• 6. تابع رنگ در Sass
• 7. تابع ریاضی در Sass
• 8. تابع رشته در Sass
• 9. تابع لیست در Sass
• 10. تابع نقشه در Sass
• 11. دستور @import در Sass
• 12. دستور @extend در Sass
• 13. دستور @mixin در Sass: تعریف و فراخوانی
• 14. پارامترهای mixin ها
• 15. Mixin های پیشرفته
• 16. استفاده از placeholder selectors
• 17. نکات و ترفندهای mixin ها
• 18. مدیریت خطاها در Sass
• 19. اشکال‌زدایی (Debugging) در Sass
• 20. کامپایل کردن Sass به CSS
• 21. ابزارهای کامپایلر Sass
• 22. تنظیمات پیشرفته کامپایلر
• 23. فایل‌های پیکربندی Sass
• 24. بهینه‌سازی خروجی CSS
• 25. ساختار پروژه‌های Sass
• 26. سازماندهی فایل‌ها و پوشه‌ها
• 27. استفاده از ماژول‌ها در Sass
• 28. پروژه‌های نمونه با Sass
• 29. نکات کاربردی برای توسعه‌دهندگان
• 30. مقدمه‌ای بر معماری CSS
• 31. اصول طراحی CSS مدرن
• 32. اصول OOCSS
• 33. اصول BEM
• 34. اصول SMACSS
• 35. اصول ITCSS
• 36. مقایسه معماری‌های CSS
• 37. انتخاب معماری مناسب
• 38. استفاده از CSS Variables
• 39. متغیرها در CSS در مقابل متغیرهای Sass
• 40. مقدمه‌ای بر فریم‌ورک‌های CSS
• 41. فریم‌ورک Bootstrap
• 42. فریم‌ورک Tailwind CSS
• 43. فریم‌ورک Foundation
• 44. مقایسه فریم‌ورک‌ها
• 45. استفاده سفارشی از فریم‌ورک‌ها
• 46. مقدمه‌ای بر طراحی واکنش‌گرا (Responsive Design)
• 47. تکنیک‌های طراحی واکنش‌گرا
• 48. استفاده از Grid System
• 49. استفاده از Flexbox
• 50. سئوی وب‌سایت و CSS
• 51. بهینه‌سازی عملکرد CSS
• 52. ابزارهای تحلیل CSS
• 53. مقدمه‌ای بر تست CSS
• 54. روش‌های تست CSS
• 55. مقدمه‌ای بر انیمیشن در CSS
• 56. انیمیشن‌های CSS با Sass
• 57. ترانزیشن‌ها در CSS
• 58. مقدمه‌ای بر SVG و CSS
• 59. استفاده از آیکون‌ها با Font Awesome
• 60. استفاده از آیکون‌ها با SVG
• 61. مقدمه‌ای بر Accessibility (دسترسی‌پذیری)
• 62. استانداردهای دسترسی‌پذیری در CSS
• 63. مقدمه‌ای بر PostCSS
• 64. پلاگین‌های PostCSS
• 65. استفاده از Autoprefixer
• 66. مقدمه‌ای بر CSS-in-JS
• 67. مقایسه Sass/SCSS با CSS-in-JS
• 68. مقدمه‌ای بر فلسفه طراحی UI/UX
• 69. اصول طراحی بصری
• 70. تئوری رنگ در طراحی
• 71. تایپوگرافی در طراحی وب
• 72. استفاده از فضای سفید (Whitespace)
• 73. طراحی فرم‌ها
• 74. طراحی جداول
• 75. طراحی عناصر ناوبری
• 76. طراحی دکمه‌ها
• 77. طراحی کارت‌ها
• 78. طراحی مدال‌ها
• 79. طراحی اسلایدرها
• 80. طراحی گالری‌ها
• 81. طراحی لایه‌بندی (Layout)
• 82. مقدمه‌ای بر تست A/B در UI
• 83. اصول UI Kit
• 84. ساخت UI Kit با Sass
• 85. مقدمه‌ای بر Micro Frontends
• 86. کاربرد Sass در Micro Frontends
• 87. مقدمه‌ای بر Jamstack
• 88. کاربرد Sass در Jamstack
• 89. مقدمه‌ای بر Web Components
• 90. کاربرد Sass در Web Components
• 91. مقدمه‌ای بر State Management در UI
• 92. مقدمه‌ای بر GraphQL
• 93. کاربرد Sass در پروژه‌های بزرگ
• 94. استراتژی‌های توسعه CSS پایدار
• 95. مقدمه‌ای بر Style Guides
• 96. ساخت Style Guides تعاملی
• 97. مقدمه‌ای بر Design Systems
• 98. اجزای Design Systems
• 99. پیاده‌سازی Design Systems با Sass
• 100. مقدمه‌ای بر معماری نرم‌افزار در فرانت‌اند