دوره CSS for Fleet Management Articles همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در مدیریت ناوگان
• 2. چرا CSS برای مدیریت ناوگان مهم است؟
• 3. نحوه بارگذاری فایل‌های CSS
• 4. Syntax اساسی CSS
• 5. انتخابگرهای CSS: نوع، کلاس، شناسه
• 6. انتخابگرهای ترکیبی (Compound Selectors)
• 7. انتخابگرهای صفتی (Attribute Selectors)
• 8. انتخابگرهای شبه-کلاس (Pseudo-classes)
• 9. انتخابگرهای شبه-عنصر (Pseudo-elements)
• 10. استفاده از Inheritance در CSS
• 11. Cascading Order در CSS
• 12. Specificity و نحوه محاسبه آن
• 13. واحدها در CSS: پیکسل، em، rem، vw، vh
• 14. رنگ‌ها در CSS: نام رنگ، HEX، RGB، RGBA
• 15. پس‌زمینه‌ها: رنگ، تصویر، تکرار، موقعیت
• 16. مرزها (Borders): ضخامت، سبک، رنگ
• 17. حاشیه بیرونی (Margin) و فضای داخلی (Padding)
• 18. Box Model در CSS
• 19. مشاهده Box Model با ابزارهای توسعه‌دهنده مرورگر
• 20. مدیریت اندازه و ابعاد عناصر (width, height)
• 21. Max-width و Min-width
• 22. Display property: inline, block, inline-block
• 23. Display property: flex
• 24. Flex Container Properties (justify-content, align-items)
• 25. Flex Item Properties (flex-grow, flex-shrink, flex-basis)
• 26. Flex Direction و Flex Wrap
• 27. Display property: grid
• 28. Grid Container Properties (grid-template-columns, grid-template-rows)
• 29. Grid Item Properties (grid-column, grid-row)
• 30. Grid Gap و Grid Area
• 31. Grid Line Names
• 32. Responsive Design: مفهوم و اصول
• 33. Viewport Meta Tag
• 34. Media Queries: اصول اولیه
• 35. Media Queries: بر اساس عرض صفحه
• 36. Media Queries: بر اساس جهت صفحه
• 37. Media Queries: بر اساس رزولوشن
• 38. Mobile-First vs Desktop-First Design
• 39. Layouts با استفاده از Flexbox برای مدیریت ناوگان
• 40. Layouts با استفاده از Grid برای مدیریت ناوگان
• 41. طراحی جداول داده‌ها برای نمایش اطلاعات ناوگان
• 42. استایل‌دهی به فرم‌ها و عناصر ورودی برای گزارش‌دهی
• 43. استایل‌دهی به نمودارها و ویژوال‌سازی داده‌ها
• 44. استفاده از فونت‌ها: فونت‌های سیستمی
• 45. فونت‌های وب (Web Fonts) و Google Fonts
• 46. تنظیم اندازه فونت و فاصله خطوط (line-height)
• 47. تنظیم وزن و سبک فونت (font-weight, font-style)
• 48. تراز متن (text-align) و تورفتگی (text-indent)
• 49. تبدیل حروف (text-transform)
• 50. Shadows: Text Shadows
• 51. Shadows: Box Shadows
• 52. Gradients: Linear Gradients
• 53. Gradients: Radial Gradients
• 54. Opacity و Transparency
• 55. Transitions: مفهوم و نحوه استفاده
• 56. Transitions: تنظیمات (property, duration, timing-function, delay)
• 57. Animations: مفهوم و نحوه ایجاد Keyframes
• 58. Animations: تنظیمات (animation-name, duration, timing-function, delay, iteration-count, direction, fill-mode)
• 59. Animation Shorthand
• 60. Transformations: Translate
• 61. Transformations: Rotate
• 62. Transformations: Scale
• 63. Transformations: Skew
• 64. Transformations: Multiple Transformations
• 65. Perspectives و 3D Transformations
• 66. Filters: Blur, Grayscale, Sepia
• 67. Filters: Brightness, Contrast, Saturation
• 68. Filters: Hue-Rotate
• 69. Filters: Invert, Opacity, Drop-shadow
• 70. Icons: استفاده از Font Icons (Font Awesome)
• 71. Icons: استفاده از SVG Icons
• 72. CSS Variables (Custom Properties): مقدمه
• 73. CSS Variables: تعریف و استفاده
• 74. CSS Variables: قابلیت استفاده در Media Queries و Selectors
• 75. CSS Variables: کاربرد در مدیریت تم‌ها
• 76. CSS Variables: کاربرد در شخصی‌سازی گزارش‌ها
• 77. CSS Variables: کاربرد در استایل‌دهی دینامیک
• 78. Pseudo-elements: ::before و ::after
• 79. استفاده از ::before و ::after برای اضافه کردن آیکون‌ها
• 80. استفاده از ::before و ::after برای ایجاد افکت‌های بصری
• 81. Pseudo-classes: :hover, :active, :focus
• 82. Pseudo-classes: :nth-child, :nth-of-type
• 83. Pseudo-classes: :first-child, :last-child
• 84. Pseudo-classes: :empty
• 85. Pseudo-classes: :checked
• 86. Pseudo-classes: :disabled, :enabled
• 87. Overflow property: visible, hidden, scroll, auto
• 88. Visibility property: visible, hidden
• 89. Z-index و مدیریت لایه‌ها
• 90. Positioning: static, relative, absolute, fixed, sticky
• 91. استفاده از Position: Absolute برای قرار دادن عناصر
• 92. استفاده از Position: Fixed برای عناصر ناوبری
• 93. استفاده از Position: Sticky برای هدرهای چسبنده
• 94. Floating elements
• 95. Clearfix technique
• 96. Custom CSS for Fleet Vehicle Status Indicators
• 97. Custom CSS for Fleet Vehicle Location Pins
• 98. Custom CSS for Fleet Vehicle Maintenance Schedules
• 99. Custom CSS for Fleet Vehicle Fuel Consumption Charts
• 100. Custom CSS for Fleet Driver Performance Dashboards