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

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

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

عنوان دوره: دوره تسلط بر Sass: زبان استایل‌دهی پیشرفته برای طراحان وب

موضوع کلی: توسعه وب و ابزارهای طراحی

موضوع میانی: ابزارهای پیشرفته طراحی واسط کاربری (UI)

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

• 1. مبانی CSS و نیاز به زبان‌های استایل‌دهی پیشرفته
• 2. معرفی Sass و مزایای آن نسبت به CSS
• 3. نصب و راه‌اندازی Sass
• 4. ساختار کلی فایل‌های Sass
• 5. متغیرها در Sass: تعریف و استفاده
• 6. کاربرد متغیرها در مدیریت رنگ‌ها و فونت‌ها
• 7. نستدینگ (Nesting) در Sass برای سازماندهی بهتر کد
• 8. استفاده از بسته‌بندی (Grouping) در نستدینگ
• 9. پسوندها (Extend) و ارث‌بری کلاس‌ها
• 10. کاربرد پسوندها در جلوگیری از تکرار کد
• 11. میکسین‌ها (Mixins) در Sass: تعریف و فراخوانی
• 12. انتقال پارامتر به میکسین‌ها
• 13. کاربرد میکسین‌ها برای ایجاد الگوهای طراحی
• 14. حلقه‌ها (Loops) در Sass برای تکرار کد
• 15. حلقه for در Sass
• 16. حلقه while در Sass
• 17. شرط‌ها (Conditionals) در Sass
• 18. دستور if در Sass
• 19. دستور else در Sass
• 20. دستور else if در Sass
• 21. توابع (Functions) در Sass: تعریف و استفاده
• 22. توابع داخلی Sass برای کار با رنگ‌ها
• 23. توابع داخلی Sass برای کار با رشته‌ها
• 24. توابع داخلی Sass برای کار با لیست‌ها
• 25. توابع داخلی Sass برای کار با نقشه‌ها (Maps)
• 26. کاربرد توابع در محاسبات و منطق
• 27. سازماندهی پروژه‌های Sass با استفاده از Partialها
• 28. استفاده از _ (Underscore) برای فایل‌های Partial
• 29. وارد کردن (Import) فایل‌های Partial
• 30. استراتژی‌های سازماندهی پروژه Sass
• 31. مدیریت فایل‌های بزرگ با Sass
• 32. تکنیک‌های نام‌گذاری استاندارد در Sass
• 33. استفاده از پیشوندها (Prefixes) در Sass
• 34. کاربرد پیشوندهای BEM در Sass
• 35. سازگاری Sass با مرورگرهای مختلف
• 36. ابزارهای کامپایل Sass (Command Line, Task Runners)
• 37. تنظیمات کامپایل Sass (Nested, Expanded, Compact, Compressed)
• 38. مدیریت Source Maps برای دیباگ کردن CSS
• 39. استفاده از Sass در فریم‌ورک‌های CSS (مانند Bootstrap)
• 40. سفارشی‌سازی Bootstrap با Sass
• 41. طراحی واکنش‌گرا (Responsive Design) با Sass
• 42. استفاده از Mixinهای سفارشی برای طراحی واکنش‌گرا
• 43. کاربرد متغیرها در مدیریت اندازه‌های صفحه
• 44. تکنیک‌های پیشرفته نستدینگ برای طراحی پیچیده
• 45. مدیریت فونت‌های سفارشی با Sass
• 46. کتابخانه‌های Sass آماده و کاربردهای آن‌ها
• 47. استفاده از کتابخانه Bourbon
• 48. استفاده از کتابخانه Susy برای Grid Layout
• 49. طراحی انیمیشن‌های CSS با Sass
• 50. استفاده از Mixinهای انیمیشن
• 51. مدیریت تناوب انیمیشن‌ها با Sass
• 52. کاربرد Sass در پروژه‌های واقعی وب
• 53. اصول کدنویسی تمیز در Sass
• 54. نکات و ترفندهای کاربردی Sass
• 55. اشتباهات رایج در استفاده از Sass و راه‌های اجتناب از آن‌ها
• 56. مقایسه Sass با Less و Stylus
• 57. آماده‌سازی برای استفاده از Sass در فریم‌ورک‌های مدرن جاوا اسکریپت
• 58. توسعه کامپوننت‌های UI با Sass
• 59. مدیریت استایل‌های کامپوننت‌ها
• 60. اصول طراحی سیستم‌های طراحی (Design Systems) با Sass
• 61. کاربرد Sass در بهبود عملکرد وب‌سایت
• 62. بهینه‌سازی فایل‌های CSS تولید شده توسط Sass
• 63. اصول اولیه طراحی واسط کاربری (UI)
• 64. مبانی تعامل‌پذیری (UX) در طراحی وب
• 65. اصول رنگ‌شناسی در طراحی وب
• 66. اصول تایپوگرافی در طراحی وب
• 67. ایجاد سلسله مراتب بصری در طراحی UI
• 68. طراحی فرم‌های کاربرپسند
• 69. اصول طراحی آیکون‌ها
• 70. استفاده از فضای سفید (Whitespace) در طراحی
• 71. اصول طراحی دکمه‌ها و عناصر تعاملی
• 72. طراحی ناوبری (Navigation) مؤثر
• 73. اصول طراحی جداول و لیست‌ها
• 74. استفاده از تصاویر و ویدئوها در طراحی UI
• 75. اصول طراحی برای موبایل (Mobile-First)
• 76. اصول طراحی برای دسکتاپ
• 77. طراحی صفحات فرود (Landing Pages)
• 78. طراحی داشبوردهای مدیریتی
• 79. اهمیت تست کاربردپذیری (Usability Testing)
• 80. اصول دسترسی‌پذیری (Accessibility) در طراحی وب
• 81. کاربرد انیمیشن‌های ظریف در UI
• 82. اصول طراحی متریال دیزاین (Material Design)
• 83. اصول طراحی مینیمالیسم (Minimalism)
• 84. اصول طراحی فلت دیزاین (Flat Design)
• 85. اصول طراحی اسکئومورفیسم (Skeuomorphism)
• 86. نکات طراحی برای افزایش نرخ تبدیل (Conversion Rate)
• 87. اصول طراحی هدر و فوتر وب‌سایت
• 88. طراحی عناصر بصری و گرافیکی
• 89. استفاده از الگوها (Patterns) در طراحی UI
• 90. اصول طراحی برای پلتفرم‌های مختلف
• 91. اهمیت بازخورد در طراحی UI
• 92. اصول طراحی برای تجربه‌ای به‌یادماندنی
• 93. کاربرد Sass در پیاده‌سازی اصول طراحی
• 94. اصول نگهداری و به‌روزرسانی استایل‌ها در پروژه‌های بزرگ
• 95. آینده زبان‌های استایل‌دهی پیشرفته