فلش‌کارت‌های آموزشی CSS for Fleet Management Challenges

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

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

عنوان دوره: دوره CSS for Fleet Management Challenges

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

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

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

• 1. CSS: مقدمه‌ای بر مدیریت ناوگان و نقش آن
• 2. CSS: اهمیت استایل‌دهی در رابط کاربری مدیریت ناوگان
• 3. CSS: ابزارهای توسعه‌دهنده مرورگر و بررسی عناصر CSS
• 4. CSS: انتخابگرها (Selectors) در CSS: اصول پایه
• 5. CSS: انتخابگرهای شناسه (ID Selectors)
• 6. CSS: انتخابگرهای کلاس (Class Selectors)
• 7. CSS: انتخابگرهای تگ (Element Selectors)
• 8. CSS: انتخابگرهای ترکیبی (Combinators): فرزندان مستقیم
• 9. CSS: انتخابگرهای ترکیبی (Combinators): نوادگان
• 10. CSS: انتخابگرهای ترکیبی (Combinators): برادران مجاور
• 11. CSS: انتخابگرهای ترکیبی (Combinators): برادران عمومی
• 12. CSS: انتخابگرهای صفتی (Attribute Selectors)
• 13. CSS: انتخابگرهای گروهی (Grouping Selectors)
• 14. CSS: اولویت انتخابگرها (Selector Specificity)
• 15. CSS: وراثت (Inheritance) در CSS
• 16. CSS: واحدهای اندازه‌گیری: پیکسل (px)
• 17. CSS: واحدهای اندازه‌گیری: درصد (%), em, rem
• 18. CSS: واحدهای اندازه‌گیری: vw, vh, vmin, vmax
• 19. CSS: رنگ‌ها: نام رنگ‌ها
• 20. CSS: رنگ‌ها: کد هگزادسیمال (Hexadecimal)
• 21. CSS: رنگ‌ها: مقادیر RGB و RGBA
• 22. CSS: رنگ‌ها: مقادیر HSL و HSLA
• 23. CSS: خاصیت background-color
• 24. CSS: خاصیت background-image
• 25. CSS: خاصیت background-repeat
• 26. CSS: خاصیت background-position
• 27. CSS: خاصیت background-attachment
• 28. CSS: خاصیت background-size
• 29. CSS: خاصیت background-origin
• 30. CSS: خاصیت background-clip
• 31. CSS: خاصیت shorthand background
• 32. CSS: مدیریت رنگ‌ها برای وضعیت‌های مختلف خودرو (آنلاین، آفلاین، در حال حرکت)
• 33. CSS: استایل‌دهی جداول نمایش اطلاعات خودروها
• 34. CSS: استایل‌دهی فرم‌های ورودی داده‌های خودرو
• 35. CSS: خاصیت font-family
• 36. CSS: خاصیت font-size
• 37. CSS: خاصیت font-weight
• 38. CSS: خاصیت font-style
• 39. CSS: خاصیت text-decoration
• 40. CSS: خاصیت text-transform
• 41. CSS: خاصیت letter-spacing
• 42. CSS: خاصیت word-spacing
• 43. CSS: خاصیت line-height
• 44. CSS: خاصیت text-align
• 45. CSS: خاصیت text-indent
• 46. CSS: خاصیت white-space
• 47. CSS: مقادیر فونت قابل تنظیم برای خوانایی بهتر در داشبورد
• 48. CSS: خاصیت color
• 49. CSS: جعبه مدل (Box Model): محتوا (Content)
• 50. CSS: جعبه مدل (Box Model): padding
• 51. CSS: جعبه مدل (Box Model): border
• 52. CSS: جعبه مدل (Box Model): margin
• 53. CSS: خاصیت box-sizing: content-box
• 54. CSS: خاصیت box-sizing: border-box
• 55. CSS: نمایش بصری اطلاعات مهم خودرو (سرعت، مسافت، وضعیت سوخت)
• 56. CSS: استایل‌دهی آیکون‌ها و دکمه‌های مرتبط با مدیریت ناوگان
• 57. CSS: مدیریت فضاهای خالی (Whitespace) برای جلوگیری از شلوغی رابط کاربری
• 58. CSS: خاصیت display: block
• 59. CSS: خاصیت display: inline
• 60. CSS: خاصیت display: inline-block
• 61. CSS: خاصیت display: none
• 62. CSS: خاصیت display: flex
• 63. CSS: ویژگی‌های Flexbox: direction, justify-content, align-items
• 64. CSS: ویژگی‌های Flexbox: flex-wrap, align-content
• 65. CSS: ویژگی‌های Flexbox: align-self, order
• 66. CSS: ویژگی‌های Flexbox: flex-grow, flex-shrink, flex-basis
• 67. CSS: استفاده از Flexbox برای چیدمان المان‌های داشبورد
• 68. CSS: خاصیت display: grid
• 69. CSS: ویژگی‌های Grid: grid-template-columns, grid-template-rows
• 70. CSS: ویژگی‌های Grid: grid-gap, grid-column-gap, grid-row-gap
• 71. CSS: ویژگی‌های Grid: grid-template-areas
• 72. CSS: ویژگی‌های Grid: justify-items, align-items
• 73. CSS: ویژگی‌های Grid: justify-content, align-content
• 74. CSS: استفاده از Grid برای چیدمان کلی صفحات مدیریت ناوگان
• 75. CSS: خاصیت position: static
• 76. CSS: خاصیت position: relative
• 77. CSS: خاصیت position: absolute
• 78. CSS: خاصیت position: fixed
• 79. CSS: خاصیت position: sticky
• 80. CSS: استفاده از position برای جابجایی و تثبیت المان‌ها
• 81. CSS: خاصیت z-index
• 82. CSS: ساختار پیمایش (Navigation) در صفحات مدیریت ناوگان
• 83. CSS: استایل‌دهی منوهای کناری (Sidebar Menus)
• 84. CSS: استایل‌دهی سربرگ (Header) و پاورقی (Footer)
• 85. CSS: تصاویر و آیکون‌های مربوط به وضعیت خودرو و هشدارها
• 86. CSS: تکنیک‌های ایجاد سایه (Box Shadow)
• 87. CSS: تکنیک‌های ایجاد حاشیه‌های گرد (Border Radius)
• 88. CSS: تکنیک‌های ایجاد شفافیت (Opacity)
• 89. CSS: انتقال‌ها (Transitions) در CSS
• 90. CSS: تعریف زمان‌بندی و تاخیر در Transitions
• 91. CSS: خواص قابل انتقال (Transitionable Properties)
• 92. CSS: تعریف Transition Shorthand
• 93. CSS: انیمیشن‌ها (Animations) در CSS
• 94. CSS: ایجاد Keyframes برای انیمیشن‌ها
• 95. CSS: اجرای انیمیشن‌ها (animation-name, animation-duration)
• 96. CSS: کنترل تکرار و تاخیر در انیمیشن‌ها (animation-iteration-count, animation-delay)
• 97. CSS: جهت انیمیشن (animation-direction) و حالت اجرای انیمیشن (animation-fill-mode)
• 98. CSS: سرعت انیمیشن (animation-timing-function)
• 99. CSS: استایل‌دهی عناصر تعاملی (دکمه‌ها، لینک‌ها) با Hover و Focus
• 100. CSS: استفاده از Pseudo-classes برای وضعیت‌های مختلف المان‌ها (first-child, last-child, nth-child)