دوره طراحی واکنش‌گرا با SASS/LESS: مدیریت استایل‌های پویا همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب طراحی واکنش‌گرا با SASS/LESS: مدیریت استایل‌های پویا

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

موضوع میانی: طراحی واکنش‌گرا (Responsive Design)

📋 سرفصل‌های کتاب (100 موضوع)

• 1. مقدمه ای بر طراحی واکنش گرا
• 2. مقدمه ای بر SASS و LESS
• 3. چرا از SASS/LESS برای طراحی واکنش گرا استفاده کنیم؟
• 4. تفاوت های کلیدی SASS و LESS
• 5. نصب و راه اندازی SASS
• 6. نصب و راه اندازی LESS
• 7. تنظیم محیط توسعه برای SASS/LESS
• 8. مفاهیم پایه SASS: متغیرها
• 9. مفاهیم پایه LESS: متغیرها
• 10. کار با متغیرها در SASS برای مقادیر واکنش گرا
• 11. کار با متغیرها در LESS برای مقادیر واکنش گرا
• 12. استفاده از متغیرها برای رنگ ها و تایپوگرافی واکنش گرا
• 13. استفاده از متغیرها برای فاصله گذاری و چیدمان واکنش گرا
• 14. SASS Mixins: مقدمه و کاربرد
• 15. LESS Mixins: مقدمه و کاربرد
• 16. ایجاد Mixins واکنش گرا در SASS
• 17. ایجاد Mixins واکنش گرا در LESS
• 18. استفاده از Mixins برای Query های رسانه ای
• 19. استفاده از Mixins برای Layout های واکنش گرا
• 20. SASS Nesting: مقدمه و کاربرد
• 21. LESS Nesting: مقدمه و کاربرد
• 22. مدیریت Selectors در SASS با Nesting
• 23. مدیریت Selectors در LESS با Nesting
• 24. استفاده از Nesting برای استایل دهی سلسله مراتبی واکنش گرا
• 25. اجتناب از Nesting بیش از حد در SASS/LESS
• 26. SASS Partials و Import
• 27. LESS Partials و Import
• 28. سازماندهی فایل ها با Partials در SASS
• 29. سازماندهی فایل ها با Partials در LESS
• 30. استفاده از Import برای مدیریت ماژولار استایل ها
• 31. ساختار پوشه بندی پروژه SASS/LESS
• 32. ساختار پوشه بندی پروژه SASS/LESS
• 33. تعریف استراتژی نامگذاری فایل ها
• 34. استفاده از Query های رسانه ای (Media Queries)
• 35. مفاهیم پایه Query های رسانه ای
• 36. نوشتن Query های رسانه ای در CSS خالص
• 37. Query های رسانه ای با SASS
• 38. Query های رسانه ای با LESS
• 39. مدیریت Breakpoint ها
• 40. تعریف Breakpoint های واکنش گرا
• 41. استفاده از متغیرها برای Breakpoint ها
• 42. استفاده از Mixins برای Query های رسانه ای
• 43. استراتژی های اول Mobile-First
• 44. پیاده سازی Mobile-First با SASS
• 45. پیاده سازی Mobile-First با LESS
• 46. مزایای رویکرد Mobile-First
• 47. استراتژی های اول Desktop-First
• 48. پیاده سازی Desktop-First با SASS
• 49. پیاده سازی Desktop-First با LESS
• 50. معایب رویکرد Desktop-First
• 51. استفاده از Viewport Units (vw, vh, vmin, vmax)
• 52. کاربرد Viewport Units در طراحی واکنش گرا
• 53. مدیریت Viewport Units با SASS/LESS
• 54. استفاده از Flexbox برای Layout واکنش گرا
• 55. مفاهیم پایه Flexbox
• 56. پیاده سازی Flexbox با SASS
• 57. پیاده سازی Flexbox با LESS
• 58. استفاده از Grid CSS برای Layout واکنش گرا
• 59. مفاهیم پایه Grid CSS
• 60. پیاده سازی Grid CSS با SASS
• 61. پیاده سازی Grid CSS با LESS
• 62. ترکیب Flexbox و Grid برای Layout های پیچیده
• 63. استفاده از SASS/LESS برای مدیریت تایپوگرافی واکنش گرا
• 64. تنظیم اندازه فونت ها بر اساس Viewport
• 65. استفاده از Relative Units (em, rem)
• 66. مدیریت اندازه فونت ها با متغیرها
• 67. استفاده از SASS/LESS برای مدیریت تصاویر واکنش گرا
• 68. Responsive Images: تکنیک ها
• 69. استفاده از `srcset` و `sizes`
• 70. مدیریت تصاویر با SASS/LESS
• 71. استفاده از SASS/LESS برای مدیریت فرم ها و ورودی ها
• 72. استایل دهی فرم های واکنش گرا
• 73. مدیریت اندازه ورودی ها
• 74. استفاده از SASS/LESS برای مدیریت جداول
• 75. استایل دهی جداول واکنش گرا
• 76. تکنیک های تبدیل جداول به فرمت های دیگر
• 77. استفاده از SASS/LESS برای مدیریت ناوبری (Navigation)
• 78. ناوبری همبرگری (Hamburger Menu)
• 79. منوهای واکنش گرا
• 80. مدیریت عناصر ناوبری با SASS/LESS
• 81. استفاده از SASS/LESS برای مدیریت دکمه ها
• 82. استایل دهی دکمه های واکنش گرا
• 83. انیمیشن و Transition برای دکمه ها
• 84. استفاده از SASS/LESS برای مدیریت مودال ها (Modals) و پاپ آپ ها
• 85. استایل دهی مودال های واکنش گرا
• 86. مدیریت باز و بسته شدن مودال ها
• 87. استفاده از SASS/LESS برای مدیریت ریسپانسیو بودن کارت ها (Cards)
• 88. استایل دهی کارت های واکنش گرا
• 89. چیدمان کارت ها در دستگاه های مختلف
• 90. استفاده از SASS/LESS برای مدیریت ریسپانسیو بودن هدرها و فوترها
• 91. استایل دهی هدرهای واکنش گرا
• 92. استایل دهی فوترهای واکنش گرا
• 93. مدیریت ریسپانسیو بودن المان های UI پیچیده
• 94. استفاده از SASS/LESS برای مدیریت تم ها و حالت های تاریک/روشن
• 95. پیاده سازی حالت تاریک با SASS/LESS
• 96. سوئیچ بین تم ها
• 97. مدیریت استایل های پویا با جاوا اسکریپت
• 98. اتصال SASS/LESS به جاوا اسکریپت
• 99. تغییر استایل ها بر اساس تعامل کاربر
• 100. استفاده از Data Attributes برای کنترل استایل ها