اپلیکیشن اندرویدی فلش‌کارت آموزشی Sass/SCSS: استایل‌دهی با conditional statements

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

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

عنوان کتاب: کتاب Sass/SCSS: استایل‌دهی با conditional statements

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

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

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

• 1. مقدمه ای بر Sass و SCSS
• 2. تفاوت بین Sass و SCSS
• 3. چرا از Sass/SCSS استفاده کنیم؟
• 4. نصب Sass/SCSS
• 5. نحوه کامپایل کردن Sass/SCSS
• 6. مقدمه ای بر استایل‌دهی شرطی
• 7. مفهوم دستورات شرطی
• 8. کاربرد دستورات شرطی در Sass/SCSS
• 9. مقایسه دستورات شرطی Sass/SCSS با جاوا اسکریپت
• 10. اولین نگاه به دستور @if
• 11. نحو پایه دستور @if
• 12. استفاده از @if برای کلاس ها
• 13. استفاده از @if برای ویژگی ها
• 14. استفاده از @if برای مقادیر
• 15. دستور @else
• 16. نحو دستور @else
• 17. ترکیب @if و @else
• 18. دستور @else if
• 19. نحو دستور @else if
• 20. چندین شرط با @else if
• 21. استفاده از @if، @else if و @else با هم
• 22. دستورات منطقی: and
• 23. استفاده از and در دستورات شرطی
• 24. مثال های عملی از and
• 25. دستورات منطقی: or
• 26. استفاده از or در دستورات شرطی
• 27. مثال های عملی از or
• 28. دستورات منطقی: not
• 29. استفاده از not در دستورات شرطی
• 30. مثال های عملی از not
• 31. مقایسه مقادیر عددی
• 32. شرط بزرگتر از (>)
• 33. شرط کوچکتر از (<)
• 34. شرط بزرگتر یا مساوی (>=)
• 35. شرط کوچکتر یا مساوی (<=)
• 36. شرط مساوی (==)
• 37. شرط نابرابر (!=)
• 38. مقایسه مقادیر رشته ای
• 39. شرط مساوی برای رشته ها
• 40. شرط نابرابر برای رشته ها
• 41. مقایسه مقادیر رنگی
• 42. شرط مساوی برای رنگ ها
• 43. شرط نابرابر برای رنگ ها
• 44. مقایسه متغیرها
• 45. استفاده از متغیرها در دستورات شرطی
• 46. ایجاد متغیرهای شرطی
• 47. مقایسه متغیرها با مقادیر ثابت
• 48. مقایسه متغیرها با متغیرهای دیگر
• 49. استفاده از توابع در دستورات شرطی
• 50. تابع: type-of()
• 51. بررسی نوع یک متغیر با type-of()
• 52. استفاده از type-of() در @if
• 53. تابع: unit()
• 54. بررسی واحد یک مقدار با unit()
• 55. استفاده از unit() در @if
• 56. تابع: length()
• 57. بررسی طول یک لیست یا رشته با length()
• 58. استفاده از length() در @if
• 59. تابع: comparable()
• 60. بررسی قابل مقایسه بودن دو واحد با comparable()
• 61. استفاده از comparable() در @if
• 62. تابع: map-has-key()
• 63. بررسی وجود کلید در مپ با map-has-key()
• 64. استفاده از map-has-key() در @if
• 65. تابع: list-index()
• 66. یافتن ایندکس یک آیتم در لیست با list-index()
• 67. استفاده از list-index() در @if
• 68. تابع: string-slice()
• 69. برش رشته با string-slice()
• 70. استفاده از string-slice() در @if
• 71. تابع: ceil(), floor(), round(), abs()
• 72. استفاده از توابع ریاضی در دستورات شرطی
• 73. استفاده از دستورات شرطی برای استایل‌دهی responsive
• 74. تغییر استایل بر اساس عرض صفحه
• 75. تغییر استایل بر اساس ارتفاع صفحه
• 76. تغییر استایل بر اساس جهت صفحه (landscape/portrait)
• 77. استفاده از دستورات شرطی برای تم های مختلف
• 78. ایجاد تم های روشن و تیره
• 79. تغییر استایل بر اساس متغیر تم
• 80. استفاده از دستورات شرطی برای حالت های مختلف کاربر
• 81. حالت فوکوس (focus)
• 82. حالت فعال (active)
• 83. حالت هاور (hover)
• 84. حالت های دسترسی (accessibility states)
• 85. استفاده از دستورات شرطی برای ایجاد کلاس های کمکی (utility classes)
• 86. کلاس های شرطی برای نمایش/پنهان کردن عناصر
• 87. کلاس های شرطی برای تغییر رنگ متن
• 88. کلاس های شرطی برای تغییر رنگ پس زمینه
• 89. کلاس های شرطی برای تغییر فاصله ها (margins/paddings)
• 90. استفاده از دستورات شرطی در Mixins
• 91. تعریف Mixin با پارامترهای شرطی
• 92. استفاده از @if در داخل Mixin
• 93. ایجاد Mixin های پیچیده با منطق شرطی
• 94. استفاده از دستورات شرطی در Functions
• 95. تعریف Function با منطق شرطی
• 96. بازگرداندن مقادیر مختلف بر اساس شرط
• 97. استفاده از Functions شرطی در Mixins
• 98. استفاده از دستورات شرطی برای مدیریت رندرینگ CSS
• 99. جلوگیری از تولید CSS تکراری
• 100. تولید CSS بهینه شده