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

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

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

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

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

📋 سرفصل‌های دوره (100 موضوع)

• 1. مقدمه‌ای بر CSS و اهمیت آن در ابزارهای مدیریت ناوگان
• 2. CSS چیست و چگونه کار می‌کند؟
• 3. مرور کلی ابزارهای مدیریت ناوگان و نیاز به CSS
• 4. تنظیم محیط توسعه برای CSS
• 5. نصب یک ویرایشگر کد (مانند VS Code)
• 6. استفاده از افزونه‌های مفید CSS
• 7. اتصال فایل CSS به HTML
• 8. روش‌های مختلف لینک کردن CSS
• 9. انتخابگرهای CSS (Selectors): پایه‌ها
• 10. انتخابگرهای تگ (Tag Selectors)
• 11. انتخابگرهای کلاس (Class Selectors)
• 12. انتخابگرهای ID (ID Selectors)
• 13. انتخابگرهای عمومی (Universal Selectors)
• 14. گروه‌بندی انتخابگرها
• 15. انتخابگرهای صفتی (Attribute Selectors)
• 16. انتخابگرهای فرزند (Child Selectors)
• 17. انتخابگرهای فرزند مستقیم (Direct Child Selectors)
• 18. انتخابگرهای همسایه (Sibling Selectors)
• 19. انتخابگرهای همسایه عمومی (General Sibling Selectors)
• 20. انتخابگرهای اول و آخر (First-child, Last-child)
• 21. انتخابگرهای N-th child (nth-child, nth-last-child)
• 22. انتخابگرهای خالی (Empty Selectors)
• 23. اصول CSS: Box Model
• 24. درک Box Model: محتوا (Content)
• 25. درک Box Model: پدینگ (Padding)
• 26. درک Box Model: بوردر (Border)
• 27. درک Box Model: مارجین (Margin)
• 28. تنظیم عرض و ارتفاع (Width and Height)
• 29. حالت‌های Box-sizing (content-box, border-box)
• 30. CSS Properties: رنگ و متن
• 31. تنظیم رنگ متن (Color)
• 32. تنظیم رنگ پس‌زمینه (Background-color)
• 33. تنظیم فونت (Font-family)
• 34. تنظیم وزن فونت (Font-weight)
• 35. تنظیم اندازه فونت (Font-size)
• 36. تنظیم استایل فونت (Font-style)
• 37. تنظیم چینش متن (Text-align)
• 38. تنظیم فضای خط (Line-height)
• 39. تنظیم تورفتگی متن (Text-indent)
• 40. تنظیم دکوراسیون متن (Text-decoration)
• 41. تنظیم سایه متن (Text-shadow)
• 42. CSS Properties: پس‌زمینه
• 43. تنظیم تصویر پس‌زمینه (Background-image)
• 44. تکرار تصویر پس‌زمینه (Background-repeat)
• 45. موقعیت تصویر پس‌زمینه (Background-position)
• 46. اندازه تصویر پس‌زمینه (Background-size)
• 47. ضمیمه تصویر پس‌زمینه (Background-attachment)
• 48. CSS Properties: لیست‌ها
• 49. استایل مارکر لیست (List-style-type)
• 50. تصویر مارکر لیست (List-style-image)
• 51. موقعیت مارکر لیست (List-style-position)
• 52. CSS Properties: لینک‌ها
• 53. استایل لینک‌ها در حالت‌های مختلف (link, visited, hover, active)
• 54. CSS Properties: بوردر و سایه
• 55. تنظیم سبک بوردر (Border-style)
• 56. تنظیم رنگ بوردر (Border-color)
• 57. تنظیم عرض بوردر (Border-width)
• 58. تنظیم گردی گوشه‌ها (Border-radius)
• 59. تنظیم سایه المان (Box-shadow)
• 60. CSS Layouts: Flexbox
• 61. مقدمه‌ای بر Flexbox
• 62. Container properties: display: flex
• 63. Container properties: flex-direction
• 64. Container properties: flex-wrap
• 65. Container properties: justify-content
• 66. Container properties: align-items
• 67. Container properties: align-content
• 68. Item properties: order
• 69. Item properties: flex-grow
• 70. Item properties: flex-shrink
• 71. Item properties: flex-basis
• 72. Item properties: align-self
• 73. CSS Layouts: Grid
• 74. مقدمه‌ای بر Grid
• 75. Container properties: display: grid
• 76. Container properties: grid-template-columns
• 77. Container properties: grid-template-rows
• 78. Container properties: grid-gap
• 79. Container properties: justify-items
• 80. Container properties: align-items
• 81. Container properties: justify-content
• 82. Container properties: align-content
• 83. Item properties: grid-column
• 84. Item properties: grid-row
• 85. Item properties: grid-area
• 86. CSS Positioning
• 87. مفهوم positioning
• 88. static positioning
• 89. relative positioning
• 90. absolute positioning
• 91. fixed positioning
• 92. sticky positioning
• 93. z-index
• 94. CSS Display Property
• 95. display: block
• 96. display: inline
• 97. display: inline-block
• 98. display: none
• 99. display: flex
• 100. display: grid