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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در مدیریت ناوگان
• 2. تاریخچه و تکامل CSS
• 3. سینتکس CSS: سلکتورها، خصوصیات و مقادیر
• 4. انواع سلکتورها: المان، کلاس، ID
• 5. سلکتورهای ترکیبی: فرزند، فرزند مستقیم، همسایه مجاور، همسایه عمومی
• 6. شبه کلاس ها و شبه المان ها: کاربردها و مثال ها
• 7. اولویت CSS: درک و کنترل Cascade
• 8. مشخصه (Specificity) در CSS: محاسبه و مدیریت
• 9. ارث بری (Inheritance) در CSS: نحوه عملکرد و کنترل
• 10. box model: درک مدل جعبه ای CSS
• 11. padding: ایجاد فضای داخلی
• 12. border: ایجاد حاشیه
• 13. margin: ایجاد فضای بیرونی
• 14. outline: ایجاد خط بیرونی (غیر از border)
• 15. display: کنترل نحوه نمایش المان ها
• 16. display: block, inline, inline-block, none
• 17. position: static, relative, absolute, fixed, sticky
• 18. float: چپ و راست کردن المان ها
• 19. clear: رفع مشکل شناور سازی
• 20. overflow: مدیریت محتوای اضافی
• 21. visibility: نمایش یا عدم نمایش المان
• 22. z-index: کنترل لایه بندی المان ها
• 23. text-align: تراز کردن متن
• 24. text-decoration: تزئین متن (خط زیرین، بالاسری، ...)
• 25. font-family: انتخاب فونت
• 26. font-size: تنظیم اندازه فونت
• 27. font-weight: تنظیم ضخامت فونت
• 28. font-style: تنظیم حالت فونت (ایتالیک و ...)
• 29. line-height: تنظیم فاصله بین خطوط
• 30. letter-spacing: تنظیم فاصله بین حروف
• 31. word-spacing: تنظیم فاصله بین کلمات
• 32. color: تنظیم رنگ متن
• 33. background-color: تنظیم رنگ پس زمینه
• 34. background-image: تنظیم تصویر پس زمینه
• 35. background-repeat: تکرار تصویر پس زمینه
• 36. background-position: موقعیت تصویر پس زمینه
• 37. background-size: اندازه تصویر پس زمینه
• 38. gradient ها در CSS: خطی و شعاعی
• 39. border-radius: ایجاد گوشه های گرد
• 40. box-shadow: ایجاد سایه برای جعبه ها
• 41. text-shadow: ایجاد سایه برای متن
• 42. transform: تغییر شکل المان ها (چرخش، مقیاس، ...)
• 43. transition: ایجاد انیمیشن های ساده
• 44. animation: ایجاد انیمیشن های پیشرفته
• 45. قالب بندی لیست ها: ul, ol, li
• 46. قالب بندی جداول: table, tr, td
• 47. استفاده از فونت آیکون ها (Font Awesome و ...)
• 48. استایل دهی به فرم ها: input, textarea, button
• 49. Media Queries: طراحی واکنشگرا
• 50. @media screen, print, speech
• 51. viewport: تنظیم مقیاس در دستگاه های مختلف
• 52. Flexbox: طرح بندی انعطاف پذیر
• 53. Container Properties در Flexbox
• 54. Item Properties در Flexbox
• 55. Grid Layout: طرح بندی جدولی
• 56. Grid Container Properties
• 57. Grid Item Properties
• 58. ایجاد طرح بندی های پیچیده با Flexbox و Grid
• 59. CSS Variables (Custom Properties): استفاده و مدیریت
• 60. calc(): انجام محاسبات در CSS
• 61. attribute selectors: انتخاب المان ها بر اساس attribute
• 62. :nth-child و :nth-of-type: انتخاب المان ها بر اساس موقعیت
• 63. استفاده از preprocessors: Sass, Less
• 64. متغیرها در Sass و Less
• 65. Mixins در Sass و Less
• 66. توابع (Functions) در Sass و Less
• 67. Loops در Sass و Less
• 68. وارد کردن فایل های CSS در Sass و Less
• 69. CSS Modules: جلوگیری از تداخل استایل ها
• 70. BEM (Block, Element, Modifier): نامگذاری استاندارد کلاس ها
• 71. OOCSS (Object-Oriented CSS): رویکرد شیء گرا در CSS
• 72. SMACSS (Scalable and Modular Architecture for CSS): معماری مقیاس پذیر
• 73. Atomic CSS: رویکرد اتمی در CSS
• 74. CSS reset و normalize: استانداردسازی استایل ها
• 75. استفاده از CSS frameworks: Bootstrap, Tailwind CSS
• 76. طراحی رابط کاربری (UI) برای سیستم های مدیریت ناوگان
• 77. طراحی تجربه کاربری (UX) برای سیستم های مدیریت ناوگان
• 78. ایجاد یک داشبورد سفارشی برای مدیریت ناوگان
• 79. استایل دهی به نقشه ها در CSS
• 80. نمایش داده ها با استفاده از CSS
• 81. ایجاد گزارش های چاپی با CSS
• 82. استایل دهی به فرم های گزارش دهی
• 83. طراحی واکنشگرا برای دستگاه های مختلف (موبایل، تبلت، دسکتاپ)
• 84. بهینه سازی CSS برای سرعت بارگذاری
• 85. Minify و Gzip کردن CSS
• 86. استفاده از CDN برای ارائه CSS
• 87. اعتبارسنجی (Validation) کد CSS
• 88. دیباگ (Debugging) کد CSS
• 89. استفاده از Chrome DevTools برای دیباگ CSS
• 90. سازگاری مرورگر (Cross-Browser Compatibility) در CSS
• 91. CSS Shorthand Properties
• 92. Pseudo-elements for Styling
• 93. Responsive Images with CSS
• 94. Clipping and Masking in CSS
• 95. Blend Modes in CSS
• 96. Filters in CSS
• 97. CSS Best Practices for Maintainability
• 98. CSS Architecture for Large Projects
• 99. Advanced CSS Selectors
• 100. Future of CSS: Emerging Technologies