فلش‌کارت‌های آموزشی ساخت و بهینه‌سازی سریع‌تر ظاهر وب با LESS و SASS

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

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

عنوان دوره: دوره ساخت و بهینه‌سازی سریع‌تر ظاهر وب با LESS و SASS

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

موضوع میانی: ابزارهای پیشرفته CSS

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

• 1. مقدمه‌ای بر طراحی رابط کاربری مدرن
• 2. اصول کلیدی طراحی رابط کاربری
• 3. مفاهیم پایه‌ای CSS
• 4. مروری بر ساختار HTML5
• 5. ارتباط HTML و CSS
• 6. مبانی انتخابگرها در CSS
• 7. قوانین و مقادیر CSS
• 8. مدیریت فضا با Box Model
• 9. چیدمان عناصر با Flexbox
• 10. کاربرد Grid Layout در طراحی
• 11. مقدمه‌ای بر زبان‌های پیش‌پرداز CSS
• 12. چرا از LESS و SASS استفاده کنیم؟
• 13. نصب و راه‌اندازی LESS
• 14. نصب و راه‌اندازی SASS
• 15. تفاوت‌های کلیدی LESS و SASS
• 16. متغیرها در LESS
• 17. متغیرها در SASS (Sass Variables)
• 18. ترکیب و توابع در LESS
• 19. ترکیب و توابع در SASS (Sass Mixins)
• 20. تودرتویی (Nesting) در LESS
• 21. تودرتویی (Nesting) در SASS (Sass Nesting)
• 22. اکستنشن‌ها (Extensions) در LESS
• 23. اکستنشن‌ها (Extensions) در SASS (Sass Extend)
• 24. ارث‌بری (Inheritance) در LESS
• 25. ارث‌بری (Inheritance) در SASS (Sass Inheritance)
• 26. بلاک‌های کد (Code Blocks) در LESS
• 27. بلاک‌های کد (Code Blocks) در SASS (Sass Blocks)
• 28. توابع شرطی در LESS
• 29. توابع شرطی در SASS (Sass Conditionals)
• 30. حلقه‌ها (Loops) در LESS
• 31. حلقه‌ها (Loops) در SASS (Sass Loops)
• 32. ماژول‌ها و پارتیال‌ها در LESS
• 33. ماژول‌ها و پارتیال‌ها در SASS (Sass Partials)
• 34. استفاده از Mixinها با پارامتر در LESS
• 35. استفاده از Mixinها با پارامتر در SASS (Sass Parameterized Mixins)
• 36. کاربرد Mixinهای سیستمی در LESS
• 37. کاربرد Mixinهای سیستمی در SASS (Sass Built-in Mixins)
• 38. مدیریت رنگ با LESS
• 39. مدیریت رنگ با SASS (Sass Color Functions)
• 40. عملیات ریاضی در LESS
• 41. عملیات ریاضی در SASS (Sass Math Operations)
• 42. تبدیل واحدها در LESS
• 43. تبدیل واحدها در SASS (Sass Unit Conversion)
• 44. توابع رشته‌ای در LESS
• 45. توابع رشته‌ای در SASS (Sass String Functions)
• 46. توابع آرایه‌ای در LESS
• 47. توابع آرایه‌ای در SASS (Sass List Functions)
• 48. توابع نقشه در LESS
• 49. توابع نقشه در SASS (Sass Map Functions)
• 50. مدیریت خطا در LESS
• 51. مدیریت خطا در SASS (Sass Error Handling)
• 52. استفاده از Mixinهای خاص (Placeholder Selectors) در SASS
• 53. بسته‌بندی (Packaging) پروژه‌های LESS
• 54. بسته‌بندی (Packaging) پروژه‌های SASS (Sass Project Structure)
• 55. بهینه‌سازی کد LESS
• 56. بهینه‌سازی کد SASS (Sass Optimization)
• 57. ابزارهای کامپایل LESS
• 58. ابزارهای کامپایل SASS (Sass Compilers)
• 59. اتصال LESS به ابزارهای Build (مانند Webpack)
• 60. اتصال SASS به ابزارهای Build (مانند Webpack)
• 61. کاربرد LESS در پروژه‌های بزرگ
• 62. کاربرد SASS در پروژه‌های بزرگ (Sass for Large Projects)
• 63. اصول طراحی سیستم‌های طراحی (Design Systems)
• 64. مقدمه‌ای بر مولفه‌های UI (UI Components)
• 65. کاربرد LESS در ساخت مولفه‌های UI
• 66. کاربرد SASS در ساخت مولفه‌های UI (Sass for UI Components)
• 67. قوانین نام‌گذاری استاندارد در CSS (BEM)
• 68. کاربرد BEM با LESS
• 69. کاربرد BEM با SASS (BEM with Sass)
• 70. مدیریت تم‌ها (Theming) با LESS
• 71. مدیریت تم‌ها (Theming) با SASS (Sass Theming)
• 72. توسعه‌پذیری CSS با LESS
• 73. توسعه‌پذیری CSS با SASS (CSS Scalability with Sass)
• 74. استفاده از LESS در فریم‌ورک‌های CSS (مانند Bootstrap)
• 75. استفاده از SASS در فریم‌ورک‌های CSS (مانند Bootstrap)
• 76. مروری بر CSS Variables و جایگاه LESS/SASS
• 77. مقدمه‌ای بر معماری CSS (SMACSS)
• 78. کاربرد SMACSS با LESS
• 79. کاربرد SMACSS با SASS (SMACSS with Sass)
• 80. اصول دسترسی‌پذیری (Accessibility) در طراحی وب
• 81. کاربرد LESS برای بهبود دسترسی‌پذیری
• 82. کاربرد SASS برای بهبود دسترسی‌پذیری (Sass for Accessibility)
• 83. تست و اشکال‌زدایی CSS با LESS
• 84. تست و اشکال‌زدایی CSS با SASS (CSS Debugging with Sass)
• 85. مقدمه‌ای بر انیمیشن‌های CSS
• 86. کاربرد LESS در انیمیشن‌های CSS
• 87. کاربرد SASS در انیمیشن‌های CSS (Sass for CSS Animations)
• 88. اصول طراحی ریسپانسیو (Responsive Design)
• 89. کاربرد LESS در طراحی ریسپانسیو
• 90. کاربرد SASS در طراحی ریسپانسیو (Sass for Responsive Design)
• 91. مدیریت فونت‌ها با LESS
• 92. مدیریت فونت‌ها با SASS (Sass Font Management)
• 93. بهینه‌سازی عملکرد (Performance Optimization) CSS
• 94. کاربرد LESS برای بهینه‌سازی عملکرد
• 95. کاربرد SASS برای بهینه‌سازی عملکرد (Sass Performance Optimization)
• 96. آینده CSS و نقش پیش‌پردازنده‌ها
• 97. جمع‌بندی و بهترین شیوه‌ها در LESS
• 98. جمع‌بندی و بهترین شیوه‌ها در SASS (Best Practices with Sass)
• 99. پروژه‌های عملی با LESS
• 100. پروژه‌های عملی با SASS (Practical Projects with Sass)