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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS برای پلتفرم های مدیریت ناوگان
• 2. CSS چیست و چرا اهمیت دارد؟
• 3. نحوه ی اضافه کردن CSS به صفحات HTML (داخلی، خارجی، درون خطی)
• 4. آشنایی با سینتکس CSS (سلکتور، ویژگی، مقدار)
• 5. انتخابگرها: سلکتورهای نوع (Type Selectors)
• 6. انتخابگرها: سلکتورهای کلاس (Class Selectors)
• 7. انتخابگرها: سلکتورهای شناسه (ID Selectors)
• 8. انتخابگرها: سلکتورهای فرزند (Descendant Selectors)
• 9. انتخابگرها: سلکتورهای مستقیم فرزند (Child Selectors)
• 10. انتخابگرها: سلکتورهای برادر مجاور (Adjacent Sibling Selectors)
• 11. انتخابگرها: سلکتورهای برادر عمومی (General Sibling Selectors)
• 12. انتخابگرهای attribute: Attribute Equals Selector
• 13. انتخابگرهای attribute: Attribute Contains Selector
• 14. انتخابگرهای attribute: Attribute Starts With Selector
• 15. انتخابگرهای attribute: Attribute Ends With Selector
• 16. انتخابگرهای attribute: Attribute Whitespace-Separated Value Selector
• 17. انتخابگرهای pseudo-classes: :hover
• 18. انتخابگرهای pseudo-classes: :active
• 19. انتخابگرهای pseudo-classes: :focus
• 20. انتخابگرهای pseudo-classes: :visited
• 21. انتخابگرهای pseudo-classes: :first-child
• 22. انتخابگرهای pseudo-classes: :last-child
• 23. انتخابگرهای pseudo-classes: :nth-child()
• 24. انتخابگرهای pseudo-classes: :nth-of-type()
• 25. انتخابگرهای pseudo-elements: ::before
• 26. انتخابگرهای pseudo-elements: ::after
• 27. انتخابگرهای pseudo-elements: ::first-line
• 28. انتخابگرهای pseudo-elements: ::first-letter
• 29. Cascade و Importance در CSS
• 30. Specificity در CSS
• 31. واحدها در CSS: واحد های مطلق (px, pt, cm, mm, in)
• 32. واحدها در CSS: واحد های نسبی (em, rem, vw, vh, %)
• 33. رنگ ها در CSS: نام رنگ ها
• 34. رنگ ها در CSS: مقادیر Hexadecimal
• 35. رنگ ها در CSS: مقادیر RGB و RGBA
• 36. رنگ ها در CSS: مقادیر HSL و HSLA
• 37. خصوصیت font-family
• 38. خصوصیت font-size
• 39. خصوصیت font-weight
• 40. خصوصیت font-style
• 41. خصوصیت text-align
• 42. خصوصیت text-decoration
• 43. خصوصیت text-transform
• 44. خصوصیت letter-spacing
• 45. خصوصیت line-height
• 46. خصوصیت color
• 47. خصوصیت background-color
• 48. خصوصیت background-image
• 49. خصوصیت background-repeat
• 50. خصوصیت background-position
• 51. خصوصیت background-size
• 52. مدل جعبه ای (Box Model): Content
• 53. مدل جعبه ای (Box Model): Padding
• 54. مدل جعبه ای (Box Model): Border
• 55. مدل جعبه ای (Box Model): Margin
• 56. خصوصیت display: block
• 57. خصوصیت display: inline
• 58. خصوصیت display: inline-block
• 59. خصوصیت display: none
• 60. خصوصیت display: flex
• 61. آشنایی با Flexbox: flex-direction
• 62. آشنایی با Flexbox: justify-content
• 63. آشنایی با Flexbox: align-items
• 64. آشنایی با Flexbox: flex-wrap
• 65. آشنایی با Flexbox: align-content
• 66. آشنایی با Flexbox: flex-grow
• 67. آشنایی با Flexbox: flex-shrink
• 68. آشنایی با Flexbox: flex-basis
• 69. خصوصیت position: static
• 70. خصوصیت position: relative
• 71. خصوصیت position: absolute
• 72. خصوصیت position: fixed
• 73. خصوصیت position: sticky
• 74. خصوصیت z-index
• 75. معرفی CSS Grid
• 76. Grid Layout: grid-template-columns
• 77. Grid Layout: grid-template-rows
• 78. Grid Layout: grid-gap
• 79. Grid Layout: grid-column-start/end
• 80. Grid Layout: grid-row-start/end
• 81. Grid Layout: grid-area
• 82. Media Queries: برای طراحی واکنش گرا (Responsive Design)
• 83. Media Queries: انواع مدیا (screen, print, speech)
• 84. Media Queries: استفاده از breakpoints
• 85. CSS Transitions: تغییر تدریجی ویژگی‌ها
• 86. CSS Animations: تعریف انیمیشن با keyframes
• 87. CSS Animations: خصوصیات animation
• 88. Transforms: translate
• 89. Transforms: rotate
• 90. Transforms: scale
• 91. Transforms: skew
• 92. Shadows: box-shadow
• 93. Shadows: text-shadow
• 94. فیلترها در CSS: blur
• 95. فیلترها در CSS: brightness
• 96. فیلترها در CSS: contrast
• 97. فیلترها در CSS: grayscale
• 98. فیلترها در CSS: sepia
• 99. استفاده از متغیرها در CSS (CSS Variables)
• 100. Less و Sass: پیش پردازنده های CSS