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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS برای مدیریت ناوگان
• 2. CSS چیست و چه کاربردی دارد؟
• 3. CSS چگونه کار می کند؟
• 4. سینتکس CSS: قواعد، انتخابگرها و ویژگی ها
• 5. روش های اعمال CSS: Inline, Internal, External
• 6. آشنایی با انتخابگرها: Element Selectors
• 7. انتخابگرها: Class Selectors
• 8. انتخابگرها: ID Selectors
• 9. انتخابگرها: Universal Selector
• 10. انتخابگرها: Grouping Selectors
• 11. انتخابگرها: Attribute Selectors
• 12. انتخابگرها: Pseudo-classes
• 13. انتخابگرها: Pseudo-elements
• 14. آشنایی با مفاهیم Box Model: Content, Padding, Border, Margin
• 15. تنظیم اندازه عناصر با استفاده از Width و Height
• 16. واحد های اندازه گیری: پیکسل (px)
• 17. واحد های اندازه گیری: درصد (%)
• 18. واحد های اندازه گیری: em و rem
• 19. واحد های اندازه گیری: viewport units (vw, vh, vmin, vmax)
• 20. تنظیم حاشیه ها (Margins)
• 21. تنظیم فاصله داخلی (Padding)
• 22. ایجاد حاشیه (Border): Style, Width, Color
• 23. رنگ ها در CSS: نام رنگ ها
• 24. رنگ ها در CSS: مقادیر HEX
• 25. رنگ ها در CSS: مقادیر RGB و RGBA
• 26. رنگ ها در CSS: مقادیر HSL و HSLA
• 27. تنظیم پس زمینه: رنگ پس زمینه (background-color)
• 28. تنظیم پس زمینه: تصویر پس زمینه (background-image)
• 29. تکرار تصویر پس زمینه (background-repeat)
• 30. موقعیت تصویر پس زمینه (background-position)
• 31. اندازه تصویر پس زمینه (background-size)
• 32. تنظیم فونت: نوع فونت (font-family)
• 33. اندازه فونت (font-size)
• 34. وزن فونت (font-weight)
• 35. استایل فونت (font-style)
• 36. تغییر شکل متن (text-transform)
• 37. فاصله بین حروف (letter-spacing)
• 38. فاصله بین خطوط (line-height)
• 39. تراز متن (text-align)
• 40. دکوراسیون متن (text-decoration)
• 41. سایه متن (text-shadow)
• 42. کار با لیست ها: list-style-type
• 43. list-style-position
• 44. list-style-image
• 45. کار با جداول: border-collapse
• 46. border-spacing
• 47. caption-side
• 48. empty-cells
• 49. استفاده از Display Property: block, inline, inline-block
• 50. استفاده از Display Property: none
• 51. Positioning: static
• 52. Positioning: relative
• 53. Positioning: absolute
• 54. Positioning: fixed
• 55. Positioning: sticky
• 56. Z-index
• 57. Float و Clear
• 58. آشنایی با Flexbox: مفاهیم Container و Items
• 59. Flexbox: flex-direction
• 60. Flexbox: justify-content
• 61. Flexbox: align-items
• 62. Flexbox: flex-wrap
• 63. Flexbox: flex-flow
• 64. Flexbox: align-content
• 65. Flexbox: flex-grow
• 66. Flexbox: flex-shrink
• 67. Flexbox: flex-basis
• 68. آشنایی با Grid Layout: مفاهیم Container و Items
• 69. Grid Layout: grid-template-columns
• 70. Grid Layout: grid-template-rows
• 71. Grid Layout: grid-template-areas
• 72. Grid Layout: grid-column-gap
• 73. Grid Layout: grid-row-gap
• 74. Grid Layout: justify-items
• 75. Grid Layout: align-items
• 76. Grid Layout: place-items
• 77. Grid Layout: justify-content
• 78. Grid Layout: align-content
• 79. Grid Layout: place-content
• 80. رسانه های پاسخگو (Responsive Design): Viewport Meta Tag
• 81. رسانه های پاسخگو: Media Queries
• 82. رسانه های پاسخگو: رویکرد Mobile-First
• 83. رسانه های پاسخگو: رویکرد Desktop-First
• 84. استفاده از فریمورک های CSS: Bootstrap
• 85. استفاده از فریمورک های CSS: Tailwind CSS
• 86. استفاده از فریمورک های CSS: Materialize CSS
• 87. CSS Preprocessors: Sass و Less
• 88. متغیرها در CSS
• 89. توابع در CSS
• 90. Mixin ها در CSS
• 91. نحوه سازماندهی فایل های CSS
• 92. نوشتن کد CSS تمیز و خوانا
• 93. بهینه سازی CSS برای عملکرد بهتر
• 94. استفاده از CSS Sprites
• 95. Minify کردن CSS
• 96. آشنایی با CSS Animations
• 97. CSS Transitions
• 98. Transformations: rotate, scale, translate, skew
• 99. CSS Variables (Custom Properties)
• 100. بررسی سازگاری مرورگرها (Browser Compatibility)