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

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

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

عنوان دوره: دوره CSS Preprocessors: Sass و Less برای کدنویسی CSS بهینه‌تر

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

موضوع میانی: CSS

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

• 1. مقدمه‌ای بر پیش‌پردازنده‌های CSS
• 2. نصب و راه‌اندازی Sass
• 3. آشنایی با سینتکس Sass (SCSS)
• 4. متغیرها در Sass
• 5. تودرتویی (Nesting) در Sass
• 6. اکسچینج‌ها (Mixins) در Sass
• 7. ارث‌بری (Inheritance) در Sass
• 8. تابع‌ها (Functions) در Sass
• 9. پسوندها (Extensions) در Sass
• 10. دستورات کنترلی در Sass
• 11. ماژول‌ها و فایل‌های مجزا در Sass
• 12. سازگاری Sass با CSS3
• 13. کاربرد Sass در پروژه‌های بزرگ
• 14. بهینه‌سازی کد با Sass
• 15. اشکال‌زدایی (Debugging) در Sass
• 16. مقدمه‌ای بر Less
• 17. نصب و راه‌اندازی Less
• 18. سینتکس Less
• 19. متغیرها در Less
• 20. تودرتویی در Less
• 21. میکسین‌ها در Less
• 22. عملیات ریاضی در Less
• 23. توابع در Less
• 24. فضاهای نام (Namespaces) در Less
• 25. وارد کردن فایل‌ها در Less
• 26. سازگاری Less با CSS3
• 27. کاربرد Less در پروژه‌های بزرگ
• 28. بهینه‌سازی کد با Less
• 29. اشکال‌زدایی در Less
• 30. مقایسه Sass و Less
• 31. انتخاب بین Sass و Less
• 32. ابزارهای خط فرمان برای Sass
• 33. ابزارهای خط فرمان برای Less
• 34. افزونه‌های مرورگر برای Sass و Less
• 35. یکپارچه‌سازی Sass و Less با ابزارهای ساخت
• 36. مفهوم CSS Grid Layout
• 37. کاربرد Grid در طراحی واکنش‌گرا
• 38. آشنایی با Flexbox
• 39. کاربرد Flexbox در چیدمان عناصر
• 40. مفهوم طراحی واکنش‌گرا (Responsive Design)
• 41. استفاده از Media Queries
• 42. اصول طراحی Mobile-First
• 43. استراتژی‌های طراحی Desktop-First
• 44. واحد‌های اندازه‌گیری در CSS (px, em, rem, vw, vh)
• 45. قابلیت دسترسی (Accessibility) در CSS
• 46. بهینه‌سازی عملکرد CSS
• 47. کاهش حجم فایل‌های CSS
• 48. فشرده‌سازی CSS
• 49. استفاده از Autoprefixer
• 50. مدیریت فونت‌ها در وب
• 51. اصول تایپوگرافی در CSS
• 52. استفاده از آیکون‌ها در وب
• 53. انیمیشن‌های CSS
• 54. انتقال‌ها (Transitions) در CSS
• 55. تبدیل‌ها (Transforms) در CSS
• 56. کاربرد SVG در CSS
• 57. طراحی فرم‌های واکنش‌گرا
• 58. اصول UI/UX در طراحی وب
• 59. الگوهای طراحی رابط کاربری
• 60. استفاده از CSS Variables
• 61. مدیریت تم‌ها با CSS Variables
• 62. اصول طراحی مینیمال در CSS
• 63. طراحی با استفاده از سیستم گرید
• 64. طراحی جداول واکنش‌گرا
• 65. چیدمان ستونی در CSS
• 66. استفاده از CSS Frameworks (مقدماتی)
• 67. اصول کلی طراحی وب‌سایت‌های مدرن
• 68. مفهوم BEM (Block, Element, Modifier)
• 69. پیاده‌سازی BEM در پروژه‌ها
• 70. مدیریت استیت‌ها در CSS
• 71. اصول طراحی کارت (Card Design)
• 72. استفاده از سایه‌ها (Box-shadow)
• 73. استفاده از گرادیان‌ها (Gradients)
• 74. طراحی دکمه‌های واکنش‌گرا
• 75. استفاده از انیمیشن‌های CSS برای بهبود تجربه کاربری
• 76. اصول بهینه‌سازی تصاویر برای وب
• 77. استفاده از CSS برای بهبود سئو
• 78. مفاهیم اولیه طراحی بازی با CSS
• 79. مقدمه‌ای بر CSS-in-JS
• 80. مزایا و معایب CSS-in-JS
• 81. اصول طراحی انیمیشن‌های پیچیده
• 82. استفاده از CSS برای ایجاد افکت‌های بصری
• 83. مدیریت استایل‌های سفارشی در پروژه‌های پیچیده
• 84. اصول طراحی هدر و فوتر واکنش‌گرا
• 85. طراحی منوهای ناوبری پیشرفته
• 86. اصول طراحی اسلایدرهای واکنش‌گرا
• 87. استفاده از CSS برای ایجاد افکت‌های پارالاکس
• 88. مفاهیم اولیه طراحی انیمیشن‌های تعاملی
• 89. اصول طراحی مدال‌ها و پاپ‌آپ‌های واکنش‌گرا
• 90. استفاده از CSS برای مدیریت لایه‌ها
• 91. اصول طراحی گالری تصاویر واکنش‌گرا
• 92. مقدمه‌ای بر طراحی انیمیشن‌های مبتنی بر اسکرول
• 93. اصول طراحی نمودارهای بصری با CSS
• 94. استفاده از CSS برای سفارشی‌سازی کامپوننت‌های UI
• 95. مفاهیم پایه طراحی انیمیشن‌های حرکتی
• 96. اصول طراحی انیمیشن‌های حالت (State Animations)
• 97. استفاده از CSS برای ساخت رابط‌های کاربری پویا
• 98. مقدمه‌ای بر طراحی انیمیشن‌های مبتنی بر رویداد
• 99. اصول طراحی انیمیشن‌های مبتنی بر زمان
• 100. استفاده از CSS برای بهبود خوانایی متن