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

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

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

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

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

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

• 1. مقدمه بر CSS و نقش آن در مدیریت ناوگان
• 2. CSS چیست و چرا برای مدیریت ناوگان مهم است
• 3. تاریخچه کوتاه CSS
• 4. نحوه اضافه کردن CSS به HTML (Inline, Internal, External)
• 5. انتخابگرهای CSS (Selectors) - مبانی
• 6. انتخابگرهای پایه: تگ، کلاس، ID
• 7. انتخابگرهای ترکیبی (Combinator Selectors)
• 8. انتخابگرهای صفات (Attribute Selectors)
• 9. انتخابگرهای شبه کلاس (Pseudo-classes)
• 10. انتخابگرهای شبه المنت (Pseudo-elements)
• 11. اهمیت انتخابگرهای CSS در استایل‌دهی عناصر رابط کاربری مدیریت ناوگان
• 12. CSS Box Model: مبانی
• 13. محتوا (Content)
• 14. پدینگ (Padding)
• 15. بوردِر (Border)
• 16. مارجین (Margin)
• 17. درک Box Model برای چیدمان دقیق در مدیریت ناوگان
• 18. خاصیت `display` و مقادیر رایج آن
• 19. `block`, `inline`, `inline-block`
• 20. `flex`, `grid` (مقدماتی)
• 21. استفاده از `display` برای کنترل چیدمان عناصر در داشبوردهای مدیریت ناوگان
• 22. رنگ‌ها در CSS
• 23. تعریف رنگ‌ها (نام، HEX، RGB، RGBA، HSL، HSLA)
• 24. رنگ پس‌زمینه (background-color)
• 25. رنگ متن (color)
• 26. گرادیان‌ها (Gradients) - مبانی
• 27. استفاده از رنگ‌ها برای برجسته‌سازی اطلاعات حیاتی در مدیریت ناوگان
• 28. متن و فونت‌ها در CSS
• 29. تعریف فونت (font-family)
• 30. اندازه فونت (font-size)
• 31. وزن فونت (font-weight)
• 32. سبک فونت (font-style)
• 33. تزئینات متن (text-decoration)
• 34. تراز متن (text-align)
• 35. ارتفاع خط (line-height)
• 36. فاصله بین حروف (letter-spacing)
• 37. فاصله بین کلمات (word-spacing)
• 38. تنظیمات پیشرفته فونت (font-variant, font-stretch)
• 39. انتخاب فونت مناسب برای خوانایی در رابط‌های مدیریت ناوگان
• 40. استایل‌دهی پس‌زمینه (Background Styles)
• 41. background-image
• 42. background-repeat
• 43. background-position
• 44. background-attachment
• 45. background-size
• 46. ترکیب ویژگی‌های پس‌زمینه
• 47. استفاده از تصاویر پس‌زمینه در داشبوردهای مدیریت ناوگان
• 48. بوردِرها (Borders)
• 49. تعریف عرض، سبک و رنگ بوردِر
• 50. استایل‌های مختلف بوردِر (solid, dashed, dotted, double)
• 51. بوردِرهای گرد (border-radius)
• 52. استفاده از بوردِر برای تفکیک بخش‌های مختلف در رابط مدیریت ناوگان
• 53. پدینگ و مارجین (Padding and Margin)
• 54. تنظیم پدینگ برای قسمت‌های مختلف
• 55. تنظیم مارجین برای فواصل بین عناصر
• 56. مقادیر مثبت، منفی و `auto` برای مارجین
• 57. اهمیت پدینگ و مارجین در ایجاد فضای خالی و خوانایی
• 58. چیدمان با استفاده از Float
• 59. اصول اولیه `float` و `clear`
• 60. موارد استفاده رایج `float`
• 61. محدودیت‌های `float` در چیدمان‌های پیچیده
• 62. جایگزین‌های مدرن برای `float`
• 63. استفاده از `float` برای چیدمان‌های ساده در مدیریت ناوگان
• 64. مقدمه بر Flexbox
• 65. مفاهیم اصلی Flexbox (Container, Items)
• 66. ویژگی‌های Flex Container (`display: flex`, `flex-direction`, `justify-content`, `align-items`)
• 67. ویژگی‌های Flex Items (`flex-grow`, `flex-shrink`, `flex-basis`, `align-self`)
• 68. تکنیک‌های پیشرفته Flexbox (Order, Wrapping)
• 69. ساخت Layoutهای ریسپانسیو با Flexbox
• 70. استفاده گسترده از Flexbox در رابط‌های مدیریتی مدرن
• 71. مقدمه بر CSS Grid
• 72. مفاهیم اصلی CSS Grid (Container, Items)
• 73. ویژگی‌های Grid Container (`display: grid`, `grid-template-columns`, `grid-template-rows`, `gap`)
• 74. ویژگی‌های Grid Item (`grid-column`, `grid-row`)
• 75. ایجاد Layoutهای پیچیده و شبکه‌ای با Grid
• 76. Track Sizing (Units: `px`, `%`, `fr`, `auto`)
• 77. Nested Grids
• 78. استفاده از CSS Grid برای چیدمان‌های پیچیده داشبورد مدیریت ناوگان
• 79. مدیریت چیدمان (Layout Management)
• 80. Units (em, rem, px, %, vh, vw)
• 81. اندازه‌های نسبی و مطلق
• 82. انتخاب واحد مناسب برای اندازه‌دهی در مدیریت ناوگان
• 83. Positioning در CSS
• 84. `static`, `relative`, `absolute`, `fixed`, `sticky`
• 85. ویژگی‌های `top`, `right`, `bottom`, `left`
• 86. `z-index` و مدیریت لایه‌ها
• 87. کاربرد Positioning در قرار دادن عناصر در رابط مدیریت ناوگان
• 88. Overflow Management
• 89. `overflow: visible, hidden, scroll, auto`
• 90. مدیریت محتوای خارج از محدوده عناصر
• 91. استفاده در نمایش اطلاعات زیاد در مدیریت ناوگان
• 92. CSS Transitions
• 93. ایجاد انیمیشن‌های ساده و روان
• 94. خاصیت `transition-property`, `transition-duration`, `transition-timing-function`, `transition-delay`
• 95. انتقال بر روی چندین ویژگی
• 96. کاربرد Transitions برای بازخورد بصری در مدیریت ناوگان
• 97. CSS Animations
• 98. ایجاد انیمیشن‌های پیچیده‌تر
• 99. `@keyframes` rule
• 100. `animation-name`, `animation-duration`, `animation-timing-function`, `animation-delay`, `animation-iteration-count`, `animation-direction`, `animation-fill-mode`