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

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

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

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

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

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

• 1. مقدمه ای بر CSS
• 2. چرا CSS برای مدیریت ناوگان مهم است؟
• 3. تاریخچه مختصر CSS
• 4. تنظیمات اولیه محیط توسعه CSS
• 5. ابزارهای توسعه دهنده مرورگر
• 6. کار با کامنت ها در CSS
• 7. انتخابگرهای اساسی: تگ ها
• 8. انتخابگرهای اساسی: کلاس ها
• 9. انتخابگرهای اساسی: شناسه ها
• 10. انتخابگرهای ترکیبی: فرزند (Descendant)
• 11. انتخابگرهای ترکیبی: فرزند مستقیم (Child)
• 12. انتخابگرهای ترکیبی: برادر مجاور (Adjacent Sibling)
• 13. انتخابگرهای ترکیبی: برادر عمومی (General Sibling)
• 14. انتخابگرهای صفتی (Attribute Selectors)
• 15. انتخابگرهای شبه کلاس (Pseudo-classes)
• 16. انتخابگرهای شبه المان (Pseudo-elements)
• 17. اولویت بندی انتخابگرها (Specificity)
• 18. ارث بری (Inheritance) در CSS
• 19. قوانین اصلی CSS
• 20. واحدها در CSS: پیکسل (px)
• 21. واحدها در CSS: درصد (%)
• 22. واحدها در CSS: واحد های نسبی (em, rem)
• 23. واحدها در CSS: واحدهای viewport (vh, vw)
• 24. واحدها در CSS: واحدهای دیگر (pt, pc, in, cm, mm)
• 25. رنگ ها در CSS: مقادیر نام گذاری شده
• 26. رنگ ها در CSS: مقادیر هگزادسیمال (Hex)
• 27. رنگ ها در CSS: مقادیر RGB
• 28. رنگ ها در CSS: مقادیر RGBA
• 29. رنگ ها در CSS: مقادیر HSL
• 30. رنگ ها در CSS: مقادیر HSLA
• 31. پس زمینه ها: رنگ پس زمینه (background-color)
• 32. پس زمینه ها: تصویر پس زمینه (background-image)
• 33. پس زمینه ها: تکرار تصویر پس زمینه (background-repeat)
• 34. پس زمینه ها: موقعیت تصویر پس زمینه (background-position)
• 35. پس زمینه ها: اندازه تصویر پس زمینه (background-size)
• 36. پس زمینه ها: کلیپ کردن تصویر پس زمینه (background-clip)
• 37. پس زمینه ها: مبدا تصویر پس زمینه (background-origin)
• 38. پس زمینه ها: لایه بندی پس زمینه (background-attachment)
• 39. نکات کلیدی در استفاده از پس زمینه ها برای مدیریت ناوگان
• 40. مرزها (Borders): عرض مرز (border-width)
• 41. مرزها (Borders): سبک مرز (border-style)
• 42. مرزها (Borders): رنگ مرز (border-color)
• 43. مرزها (Borders): خواص ترکیبی مرز
• 44. مرزها (Borders): گرد کردن گوشه ها (border-radius)
• 45. فضاهای خالی (Padding): تعریف padding
• 46. فضاهای خالی (Padding): padding های مختلف برای جهات
• 47. فضاهای خالی (Padding): padding ترکیبی
• 48. فاصله خارجی (Margin): تعریف margin
• 49. فاصله خارجی (Margin): margin های مختلف برای جهات
• 50. فاصله خارجی (Margin): margin ترکیبی
• 51. فاصله خارجی (Margin): قانون collapse margin
• 52. مدیریت فضای سفید در عناصر UI مدیریت ناوگان
• 53. جعبه مدل (Box Model) در CSS
• 54. جعبه مدل: محتوا (Content)
• 55. جعبه مدل: padding
• 56. جعبه مدل: border
• 57. جعبه مدل: margin
• 58. جعبه مدل: box-sizing: content-box
• 59. جعبه مدل: box-sizing: border-box
• 60. مدیریت چیدمان (Layout): نمایش (Display)
• 61. مدیریت چیدمان: inline
• 62. مدیریت چیدمان: block
• 63. مدیریت چیدمان: inline-block
• 64. مدیریت چیدمان: none
• 65. مدیریت چیدمان: flexbox مقدمه
• 66. مدیریت چیدمان: flex-container
• 67. مدیریت چیدمان: flex-item
• 68. مدیریت چیدمان: flex-direction
• 69. مدیریت چیدمان: justify-content
• 70. مدیریت چیدمان: align-items
• 71. مدیریت چیدمان: align-self
• 72. مدیریت چیدمان: flex-wrap
• 73. مدیریت چیدمان: flex-grow
• 74. مدیریت چیدمان: flex-shrink
• 75. مدیریت چیدمان: flex-basis
• 76. مدیریت چیدمان: order
• 77. مدیریت چیدمان: CSS Grid مقدمه
• 78. مدیریت چیدمان: grid-container
• 79. مدیریت چیدمان: grid-item
• 80. مدیریت چیدمان: grid-template-columns
• 81. مدیریت چیدمان: grid-template-rows
• 82. مدیریت چیدمان: grid-gap
• 83. مدیریت چیدمان: grid-column
• 84. مدیریت چیدمان: grid-row
• 85. مدیریت چیدمان: float و clear
• 86. مدیریت چیدمان: positioning (relative, absolute, fixed, sticky)
• 87. مدیریت چیدمان: z-index
• 88. چیدمان های responsive برای داشبوردهای مدیریت ناوگان
• 89. متن و typography: فونت فمیلی (font-family)
• 90. متن و typography: اندازه فونت (font-size)
• 91. متن و typography: وزن فونت (font-weight)
• 92. متن و typography: سبک فونت (font-style)
• 93. متن و typography: تزیین متن (text-decoration)
• 94. متن و typography: تراز متن (text-align)
• 95. متن و typography: فاصله خطوط (line-height)
• 96. متن و typography: فاصله کلمات (word-spacing)
• 97. متن و typography: فاصله حروف (letter-spacing)
• 98. متن و typography: text-transform
• 99. متن و typography: text-overflow
• 100. متن و typography: white-space

📦 مجموعه شامل:

• ✅ ویدیوهای فارسی
• ✅ پادکست های صوتی فارسی
• ✅ کتاب PDF فارسی
• ✅ کتاب ۱۰۰۰ نکته فارسی خودمونی
• ✅ کتاب ۱۰۰۰ نکته رسمی فارسی
• ✅ کتاب ۱۰۰۰ پرسش و پاسخ ۴ گزینه ای فارسی