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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در مدیریت ناوگان
• 2. چرا CSS برای مدیریت ناوگان مهم است
• 3. انواع روش های استایل دهی در CSS
• 4. CSS Inline: مزایا و معایب
• 5. CSS Internal: مزایا و معایب
• 6. CSS External: مزایا و معایب
• 7. نحوه اتصال فایل CSS خارجی به HTML
• 8. سینتکس CSS: انتخابگرها، خصوصیات و مقادیر
• 9. انتخابگرهای کلاس: نحوه استفاده و نمونه ها
• 10. انتخابگرهای ID: نحوه استفاده و نمونه ها
• 11. انتخابگرهای عنصر: نحوه استفاده و نمونه ها
• 12. انتخابگرهای خصوصیت: نحوه استفاده و نمونه ها
• 13. انتخابگرهای ترکیبی: Descendant, Child, Adjacent Sibling, General Sibling
• 14. انتخابگرهای شبه کلاس: :hover, :active, :focus, :visited
• 15. انتخابگرهای شبه عنصر: ::before, ::after, ::first-line, ::first-letter
• 16. قوانین CSS: اولویت و ارث بری (Specificity and Inheritance)
• 17. مدل جعبه ای (Box Model): محتوا، پدینگ، بوردر، مارجین
• 18. تنظیم عرض و ارتفاع عناصر (Width and Height)
• 19. تنظیم پدینگ (Padding)
• 20. تنظیم بوردر (Border): سبک، عرض، رنگ
• 21. تنظیم مارجین (Margin)
• 22. تنظیم اندازه های نسبی (em, rem, %)
• 23. تنظیم اندازه های مطلق (px, pt)
• 24. واحد های CSS: px, em, rem, %, vw, vh, pt, pc, cm, mm, in
• 25. رنگ ها در CSS: نام رنگ ها، مقادیر هگزادسیمال، RGB، RGBA، HSL، HSLA
• 26. تنظیم رنگ متن (Color)
• 27. تنظیم رنگ پس زمینه (Background-color)
• 28. تنظیم تصویر پس زمینه (Background-image)
• 29. تنظیم تکرار تصویر پس زمینه (Background-repeat)
• 30. تنظیم موقعیت تصویر پس زمینه (Background-position)
• 31. تنظیم اندازه تصویر پس زمینه (Background-size)
• 32. تنظیم ویژگی های پس زمینه (Background-attachment)
• 33. تنظیم همه خصوصیات پس زمینه با یک دستور (Shorthand)
• 34. تنظیم فونت ها: فونت فمیلی (Font-family)
• 35. تنظیم وزن فونت (Font-weight)
• 36. تنظیم اندازه فونت (Font-size)
• 37. تنظیم استایل فونت (Font-style)
• 38. تنظیم تزیینات فونت (Text-decoration)
• 39. تنظیم فاصله بین خطوط (Line-height)
• 40. تنظیم فاصله بین کلمات (Word-spacing)
• 41. تنظیم فاصله بین حروف (Letter-spacing)
• 42. تنظیم تراز متن (Text-align)
• 43. تنظیم تورفتگی متن (Text-indent)
• 44. تنظیم تبدیل حروف (Text-transform)
• 45. تنظیم سایه متن (Text-shadow)
• 46. تنظیم خصوصیات متن: رنگ، پس زمینه، فونت (Shorthand for text)
• 47. خصوصیات display: block, inline, inline-block, none
• 48. خصوصیات display: flexbox (مقدمه)
• 49. خصوصیات display: grid (مقدمه)
• 50. مدیریت چیدمان (Layout) در CSS
• 51. CSS Positioning: static, relative, absolute, fixed, sticky
• 52. تنظیم z-index برای لایه بندی عناصر
• 53. استفاده از float برای ایجاد ستون ها
• 54. تکنیک Clearfix برای رفع مشکلات float
• 55. CSS Flexbox: مفاهیم پایه (Container and Items)
• 56. CSS Flexbox: خصوصیات container (display, flex-direction, flex-wrap, justify-content, align-items, align-content)
• 57. CSS Flexbox: خصوصیات item (order, flex-grow, flex-shrink, flex-basis, align-self)
• 58. CSS Grid: مفاهیم پایه (Container and Items)
• 59. CSS Grid: خصوصیات container (display, grid-template-columns, grid-template-rows, gap, justify-items, align-items)
• 60. CSS Grid: خصوصیات item (grid-column, grid-row, justify-self, align-self)
• 61. ایجاد طرح بندی ریسپانسیو (Responsive Layout) با CSS
• 62. مفهوم Viewport و متا تگ آن
• 63. استفاده از Media Queries برای طراحی ریسپانسیو
• 64. ایجاد breakpoints برای دستگاه های مختلف
• 65. استفاده از واحد های نسبی (%, vw, vh) برای ریسپانسیو بودن
• 66. طراحی فرم ها در CSS
• 67. تنظیم استایل دکمه ها (Buttons)
• 68. استفاده از CSS برای بهبود تجربه کاربری (UX) در فرم ها
• 69. استایل دهی به جداول (Tables)
• 70. طراحی داشبورد مدیریت ناوگان با CSS
• 71. ایجاد سایدبار (Sidebar) در داشبورد
• 72. ایجاد هدر (Header) و فوتر (Footer)
• 73. استایل دهی به نمودارها (Charts) با CSS
• 74. نمایش اطلاعات ناوگان (fleet information) با CSS
• 75. استایل دهی به نقشه ها (Maps) در داشبورد
• 76. استایل دهی به کارت ها (Cards) برای نمایش خلاصه اطلاعات
• 77. استفاده از آیکون ها (Icons) در رابط کاربری
• 78. تنظیم انیمیشن ها (Animations) در CSS
• 79. مفهوم transition در CSS
• 80. خصوصیات transition: property, duration, timing-function, delay
• 81. ایجاد انیمیشن های ساده با transition
• 82. مفهوم @keyframes و animation در CSS
• 83. خصوصیات animation: animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state
• 84. ایجاد انیمیشن های پیچیده با @keyframes
• 85. استفاده از Pseudo-elements برای افکت های بصری
• 86. استفاده از CSS Variables (Custom Properties)
• 87. مفهوم CSS Variables و نحوه تعریف
• 88. نحوه استفاده از CSS Variables
• 89. مزایای CSS Variables در مدیریت پروژه های بزرگ
• 90. CSS Preprocessors (مقدمه): Sass/SCSS
• 91. چرا از Preprocessor استفاده کنیم؟
• 92. مفاهیم پایه Sass: متغیرها (Variables)
• 93. مفاهیم پایه Sass: نِستینگ (Nesting)
• 94. مفاهیم پایه Sass: Mixins
• 95. مفاهیم پایه Sass: Extends/Inheritance
• 96. مفاهیم پایه Sass: توابع (Functions)
• 97. بهینه سازی CSS برای مدیریت ناوگان
• 98. فشرده سازی (Minification) فایل CSS
• 99. فشرده سازی (Compression) فایل CSS
• 100. نکات مهم در نگهداری CSS برای پروژه های بزرگ