کتاب صوتی CSS for Fleet Management Challenges

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و مدیریت ناوگان
• 2. چرا CSS برای مدیریت ناوگان مهم است؟
• 3. نحوه عملکرد CSS در زمینه مدیریت ناوگان
• 4. ابزارهای مورد نیاز برای CSS
• 5. مرور کلی بر مفاهیم اساسی CSS
• 6. انتخابگرها: انتخاب عناصر HTML
• 7. انتخابگرهای پایه: تگ، کلاس، شناسه
• 8. انتخابگرهای گروهی و ترکیبی
• 9. انتخابگرهای صفات (Attribute Selectors)
• 10. انتخابگرهای شبه کلاس (Pseudo-classes)
• 11. انتخابگرهای شبه عنصر (Pseudo-elements)
• 12. مفاهیم ارث بری (Inheritance) در CSS
• 13. مکانیسم ارث بری و تأثیر آن
• 14. چگونه ارث بری مدیریت ناوگان را ساده می کند
• 15. مقادیر ارث بری و عدم ارث بری
• 16. نحوه کنترل ارث بری
• 17. مفهوم اولویت (Specificity) در CSS
• 18. محاسبه اولویت انتخابگرها
• 19. اولویت بالاتر و تأثیر آن
• 20. مدیریت تداخل اولویت ها
• 21. اولویت گذاری در نمایش اطلاعات ناوگان
• 22. مدل جعبه (Box Model) در CSS
• 23. محتوا (Content)، پدینگ (Padding)، بوردر (Border)، مارجین (Margin)
• 24. کاربرد مدل جعبه در نمایش اطلاعات خودرو
• 25. تنظیمات اندازه و ابعاد عناصر
• 26. ابعاد محتوا، عرض و ارتفاع (Width/Height)
• 27. حداکثر و حداقل عرض و ارتفاع
• 28. تنظیمات فضای داخلی (Padding)
• 29. تنظیمات حاشیه خارجی (Margin)
• 30. مدیریت فضای خالی بین عناصر اطلاعاتی ناوگان
• 31. رنگ ها و پس زمینه ها در CSS
• 32. مدل های رنگی: RGB، RGBA، HSL، HSLA
• 33. تنظیم رنگ متن
• 34. تنظیم رنگ پس زمینه
• 35. استفاده از تصاویر پس زمینه
• 36. تنظیمات تکرار و موقعیت تصاویر پس زمینه
• 37. مدیریت رنگ بندی داشبوردهای مدیریت ناوگان
• 38. تایپوگرافی در CSS
• 39. فونت های وب (Web Fonts)
• 40. تنظیمات فونت: خانواده فونت، اندازه، وزن، سبک
• 41. تنظیمات خط: ارتفاع خط، فاصله خطوط
• 42. تراز متن (Text Alignment)
• 43. تزئینات متن (Text Decoration)
• 44. مدیریت خوانایی اطلاعات در سیستم ناوگان
• 45. مدیریت چیدمان (Layout) با CSS
• 46. نمایش در خط (Inline)، بلوکی (Block)، درون خطی-بلوکی (Inline-Block)
• 47. خاصیت `display` و کاربردهای آن
• 48. کاربرد `display` در نمایش اطلاعات خودرو
• 49. مدیریت موقعیت (Positioning) در CSS
• 50. `static`, `relative`, `absolute`, `fixed`, `sticky`
• 51. تنظیم موقعیت عناصر با `top`, `bottom`, `left`, `right`
• 52. کاربرد `position` در نمایش جزئیات ناوگان
• 53. مدیریت ترتیب عناصر (z-index)
• 54. چیدمان با CSS Flexbox
• 55. مفهوم ظروف انعطاف پذیر (Flex Container)
• 56. مفهوم آیتم های انعطاف پذیر (Flex Items)
• 57. جهت گیری (Flex Direction)
• 58. تراز عناصر در محور اصلی و فرعی
• 59. بسته بندی (Flex Wrap)
• 60. کاربرد Flexbox در چیدمان داشبورد مدیریت ناوگان
• 61. چیدمان با CSS Grid
• 62. مفهوم ظروف شبکه ای (Grid Container)
• 63. مفهوم آیتم های شبکه ای (Grid Items)
• 64. تعریف خطوط و ستون ها (Grid Template Rows/Columns)
• 65. تعریف نواحی شبکه ای (Grid Areas)
• 66. تنظیم اندازه آیتم ها در شبکه
• 67. کاربرد Grid در سازماندهی اطلاعات جامع ناوگان
• 68. مدیریت ترازبندی های پیچیده با Grid
• 69. CSS برای فرم ها در مدیریت ناوگان
• 70. استایل دهی به ورودی های فرم
• 71. استایل دهی به دکمه ها
• 72. استایل دهی به برچسب ها
• 73. مدیریت استایل دهی به فرم های ورود اطلاعات خودرو
• 74. استایل دهی به فیلدهای انتخابی و چک باکس
• 75. CSS برای جداول در مدیریت ناوگان
• 76. استایل دهی به جداول (Table)
• 77. استایل دهی به سطرها و ستون ها (Tr, Th, Td)
• 78. استایل دهی به سرتیتر جدول
• 79. مدیریت ظاهر جداول اطلاعات خودرو
• 80. تنظیمات حاشیه جدول (Border Collapse)
• 81. استایل دهی به سلول ها
• 82. CSS برای لیست ها در مدیریت ناوگان
• 83. استایل دهی به لیست های مرتب (ol) و نامرتب (ul)
• 84. تنظیمات نشانگر لیست (List Style Type)
• 85. استفاده از تصاویر به عنوان نشانگر لیست
• 86. نمایش لیست های اجزای خودرو
• 87. CSS برای تصاویر و رسانه ها در مدیریت ناوگان
• 88. تنظیمات اندازه تصاویر
• 89. مدیریت تصاویر واکنش گرا (Responsive Images)
• 90. تکنیک های `object-fit` و `object-position`
• 91. نمایش نقشه ها و آیکون های موقعیت یابی
• 92. استفاده از CSS برای انیمیشن ها و انتقالات (Transitions)
• 93. مفهوم انتقالات CSS (CSS Transitions)
• 94. تعریف ویژگی های انتقالی
• 95. تنظیم زمان بندی انتقال (Transition Timing Function)
• 96. تأخیر در انتقال (Transition Delay)
• 97. کاربرد Transition در نمایش وضعیت خودرو
• 98. CSS برای انیمیشن های پیچیده (CSS Animations)
• 99. ایجاد فریم های کلیدی (Keyframes)
• 100. تعریف انیمیشن ها