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

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

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

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

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

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

• 1. آشنایی با CSS و کاربرد آن در مدیریت ناوگان
• 2. چرا CSS برای مدیریت ناوگان مهم است
• 3. نحوه اضافه کردن CSS به HTML
• 4. CSS Inline
• 5. CSS Internal
• 6. CSS External
• 7. ساختار CSS: انتخابگرها، خصوصیات و مقادیر
• 8. انتخابگرهای پایه: عنصر، کلاس، شناسه
• 9. انتخابگرهای ترکیبی: والد، فرزند، خواهر و برادر
• 10. انتخابگرهای صفتی (Attribute Selectors)
• 11. انتخابگرهای پیشرفته: nth-child، nth-of-type
• 12. توضیحات (Comments) در CSS
• 13. قوانین CSS و اولویت (Cascade)
• 14. اهمیت اولویت در CSS
• 15. نحوه کارکرد Cascade
• 16. نحوه اولویت‌بندی انتخابگرها
• 17. نحوه اولویت‌بندی مقادیر !important
• 18. واحدها در CSS: px، em، rem، vw، vh، %
• 19. واحدها برای طول و اندازه
• 20. واحدها برای فونت
• 21. واحدها برای عرض و ارتفاع پنجره مرورگر
• 22. واحدهای نسبی و مطلق
• 23. مدیریت رنگ در CSS: نام رنگ، کد هگزادسیمال، RGB، RGBA
• 24. نام‌های رنگی استاندارد
• 25. کدهای هگزادسیمال
• 26. مدل رنگی RGB
• 27. مدل رنگی RGBA (با شفافیت)
• 28. HSL و HSLA
• 29. تنظیم رنگ متن
• 30. تنظیم رنگ پس‌زمینه
• 31. تنظیم رنگ حاشیه‌ها
• 32. تنظیم رنگ اجزا در رابط کاربری مدیریت ناوگان
• 33. مدیریت فونت در CSS: font-family، font-size، font-weight، font-style
• 34. انتخاب فونت مناسب برای خوانایی
• 35. تنظیم اندازه فونت
• 36. تنظیم ضخامت فونت
• 37. تنظیم سبک فونت (عادی، ایتالیک)
• 38. تنظیمات جامع فونت (shorthand)
• 39. وب فونت‌ها (Web Fonts)
• 40. نحوه اضافه کردن وب فونت‌ها
• 41. استفاده از فونت‌های سفارشی
• 42. مدیریت متن در CSS: text-align، text-decoration، text-transform، letter-spacing، word-spacing
• 43. تراز کردن متن (چپ، راست، وسط، justify)
• 44. تزئینات متن (خط زیر، خط رو، خط کشیده)
• 45. تبدیل حروف (بزرگ، کوچک، سرمایه)
• 46. فاصله بین حروف
• 47. فاصله بین کلمات
• 48. مدیریت Box Model در CSS: margin، border، padding، content
• 49. مفهوم Box Model
• 50. تنظیم حاشیه خارجی (margin)
• 51. تنظیم حاشیه داخلی (padding)
• 52. تنظیم حاشیه‌ها (border)
• 53. اندازه محتوا (content)
• 54. تنظیمات shorthand برای Box Model
• 55. نمایش Box Model در DevTools مرورگر
• 56. مدیریت نمایش عناصر (Display Properties): block، inline، inline-block، none، flex، grid
• 57. تفاوت block و inline
• 58. رفتار inline-block
• 59. مخفی کردن عناصر با display: none
• 60. مقدمه‌ای بر Flexbox
• 61. مقدمه‌ای بر Grid Layout
• 62. کاربرد display در طراحی رابط کاربری مدیریت ناوگان
• 63. مدیریت طرح‌بندی (Layout) با Position: static، relative، absolute، fixed، sticky
• 64. موقعیت‌دهی static
• 65. موقعیت‌دهی relative
• 66. موقعیت‌دهی absolute
• 67. موقعیت‌دهی fixed
• 68. موقعیت‌دهی sticky
• 69. تنظیمات top، right، bottom، left
• 70. استفاده از Position برای چیدمان عناصر
• 71. مدیریت Flexbox Layout (بخش اول): container properties
• 72. display: flex
• 73. flex-direction
• 74. justify-content
• 75. align-items
• 76. flex-wrap
• 77. align-content
• 78. مدیریت Flexbox Layout (بخش دوم): item properties
• 79. order
• 80. flex-grow
• 81. flex-shrink
• 82. flex-basis
• 83. flex
• 84. align-self
• 85. کاربرد Flexbox در چیدمان پنل‌ها و جداول مدیریت ناوگان
• 86. مدیریت Grid Layout (بخش اول): container properties
• 87. display: grid
• 88. grid-template-columns
• 89. grid-template-rows
• 90. grid-template-areas
• 91. grid-gap (یا gap)
• 92. justify-items
• 93. align-items
• 94. justify-content
• 95. align-content
• 96. مدیریت Grid Layout (بخش دوم): item properties
• 97. grid-column
• 98. grid-row
• 99. grid-area
• 100. justify-self

CSS for Fleet Management Tutorials: از مبتدی تا حرفه‌ای در طراحی رابط کاربری مدیریت ناوگان