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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در مدیریت ناوگان
• 2. تاریخچه CSS و تکامل آن
• 3. چرا CSS برای مدیریت ناوگان مهم است
• 4. نصب و راه‌اندازی محیط توسعه CSS
• 5. ابزارهای توسعه دهنده مرورگر و استفاده از آنها
• 6. اولین قوانین CSS: انتخابگرها
• 7. انتخابگرهای عنصر (Type Selectors)
• 8. انتخابگرهای کلاس (Class Selectors)
• 9. انتخابگرهای شناسه (ID Selectors)
• 10. انتخابگرهای عمومی (Universal Selector)
• 11. انتخابگرهای ترکیبی (Combinators)
• 12. انتخابگرهای ویژگی (Attribute Selectors)
• 13. انتخابگرهای شبه کلاس (Pseudo-classes)
• 14. انتخابگرهای شبه عنصر (Pseudo-elements)
• 15. نحوه اولویت بندی (Specificity) انتخابگرها
• 16. قانون !important و خطرات آن
• 17. مدیریت فونت در CSS
• 18. خاصیت font-family
• 19. خاصیت font-size
• 20. خاصیت font-weight
• 21. خاصیت font-style
• 22. خاصیت line-height
• 23. مدیریت رنگ و پس زمینه
• 24. خاصیت color
• 25. خاصیت background-color
• 26. خاصیت background-image
• 27. خاصیت background-repeat
• 28. خاصیت background-position
• 29. خاصیت background-size
• 30. خاصیت background-attachment
• 31. خاصیت shorthand background
• 32. کار با واحدهای اندازه‌گیری در CSS (Units)
• 33. واحدهای مطلق (Absolute Units) مانند px, cm
• 34. واحدهای نسبی (Relative Units) مانند em, rem, %, vw, vh
• 35. انتخاب واحد مناسب برای مدیریت ناوگان
• 36. کار با Box Model
• 37. خاصیت width و height
• 38. خاصیت padding
• 39. خاصیت border
• 40. خاصیت margin
• 41. قوانین box-sizing
• 42. پیاده سازی Box Model برای عناصر UI در مدیریت ناوگان
• 43. کار با Text Styling
• 44. خاصیت text-align
• 45. خاصیت text-decoration
• 46. خاصیت text-transform
• 47. خاصیت letter-spacing
• 48. خاصیت word-spacing
• 49. خاصیت text-indent
• 50. خاصیت text-overflow
• 51. مدیریت ترازبندی و نمایش متن برای اطلاعات ناوگان
• 52. Layout با استفاده از Display Properties
• 53. خاصیت display: block
• 54. خاصیت display: inline
• 55. خاصیت display: inline-block
• 56. خاصیت display: none
• 57. خاصیت display: flex
• 58. مبانی Flexbox
• 59. ایجاد Flex Container
• 60. خاصیت flex-direction
• 61. خاصیت justify-content
• 62. خاصیت align-items
• 63. خاصیت align-self
• 64. خاصیت flex-wrap
• 65. خاصیت flex-grow, flex-shrink, flex-basis
• 66. پیاده سازی Flexbox برای داشبوردهای مدیریت ناوگان
• 67. خاصیت display: grid
• 68. مبانی Grid Layout
• 69. ایجاد Grid Container
• 70. خاصیت grid-template-columns
• 71. خاصیت grid-template-rows
• 72. خاصیت grid-gap
• 73. خاصیت grid-column, grid-row
• 74. پیاده سازی Grid Layout برای صفحات پیچیده مدیریت ناوگان
• 75. کار با Positioning
• 76. خاصیت position: static
• 77. خاصیت position: relative
• 78. خاصیت position: absolute
• 79. خاصیت position: fixed
• 80. خاصیت position: sticky
• 81. خاصیت top, right, bottom, left
• 82. z-index و مدیریت لایه ها
• 83. کاربرد Positioning در نمایش المان های مهم ناوگان
• 84. مدیریت Responsive Design
• 85. مفهوم Responsive Design
• 86. Viewport Meta Tag
• 87. Media Queries
• 88. نوشتن Media Queries برای دستگاه های مختلف
• 89. طراحی Mobile-First
• 90. طراحی Desktop-First
• 91. پیاده سازی Responsive Design برای نمایشگرهای مختلف اطلاعات ناوگان
• 92. کار با Transitions
• 93. خاصیت transition-property
• 94. خاصیت transition-duration
• 95. خاصیت transition-timing-function
• 96. خاصیت transition-delay
• 97. استفاده از Transitions برای انیمیشن های ظریف در رابط کاربری
• 98. کار با Animations
• 99. مفهوم Keyframes
• 100. تعریف Keyframes