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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در وب
• 2. چرا CSS برای مقالات مدیریت ناوگان مهم است؟
• 3. آشنایی با ساختار یک قانون CSS: انتخابگر، خصوصیت، مقدار
• 4. روش‌های افزودن CSS به HTML: داخلی، خارجی و درون‌خطی
• 5. انتخابگرهای اصلی: تگ، کلاس و ID
• 6. اولویت‌بندی انتخابگرها: مفهوم Specificity
• 7. استایل‌دهی به متون: خصوصیت color
• 8. تغییر فونت: font-family و فونت‌های وب
• 9. اندازه و وزن فونت: font-size و font-weight
• 10. ترازبندی و تزئین متن: text-align و text-decoration
• 11. آشنایی با Box Model: محتوا، Padding، Border، Margin
• 12. تنظیم فاصله داخلی: خصوصیت padding
• 13. تنظیم حاشیه خارجی: خصوصیت margin
• 14. استایل‌دهی به حاشیه‌ها: خصوصیت border
• 15. تنظیم عرض و ارتفاع عناصر: width و height
• 16. رنگ‌آمیزی پس‌زمینه: خصوصیت background-color
• 17. استفاده از تصاویر پس‌زمینه: background-image
• 18. کنترل تکرار و موقعیت تصویر پس‌زمینه
• 19. واحدهای اندازه‌گیری مطلق و نسبی: px, em, rem, %
• 20. کامنت‌گذاری در CSS برای خوانایی کد
• 21. انتخابگرهای ترکیبی (Descendant, Child, Sibling)
• 22. انتخابگرهای خصوصیت (Attribute Selectors)
• 23. شبه-کلاس‌ها (Pseudo-classes): :hover, :focus, :active
• 24. شبه-کلاس‌های ساختاری: :first-child, :last-child, :nth-child
• 25. شبه-المان‌ها (Pseudo-elements): ::before و ::after
• 26. وراثت (Inheritance) و مقدار inherit
• 27. مفهوم Cascade و ترتیب اعمال استایل‌ها
• 28. خصوصیت display: مقادیر block, inline, inline-block
• 29. پنهان کردن عناصر: display: none و visibility: hidden
• 30. مفهوم overflow و کنترل سرریز محتوا
• 31. مدل‌های چیدمان: مروری بر Float، Flexbox و Grid
• 32. چیدمان با Float (برای درک مفاهیم قدیمی)
• 33. رفع مشکلات Float با Clearfix
• 34. مقدمه‌ای بر Flexbox: محور اصلی و متقاطع
• 35. کانتینر Flex: خصوصیات display: flex و flex-direction
• 36. ترازبندی در محور اصلی: justify-content
• 37. ترازبندی در محور متقاطع: align-items
• 38. کنترل چند خطی بودن در Flexbox: flex-wrap
• 39. ترازبندی خطوط چندگانه: align-content
• 40. کنترل آیتم‌های Flex: flex-grow, flex-shrink, flex-basis
• 41. خلاصه نویسی آیتم‌های Flex: خصوصیت flex
• 42. مرتب‌سازی آیتم‌ها در Flexbox: خصوصیت order
• 43. مقدمه‌ای بر CSS Grid Layout
• 44. تعریف ستون‌ها و ردیف‌ها: grid-template-columns و grid-template-rows
• 45. واحد fr در Grid
• 46. تعیین فاصله بین خانه‌ها: gap, column-gap, row-gap
• 47. جایگذاری آیتم‌ها در Grid با شماره خط
• 48. نام‌گذاری خطوط و نواحی در Grid
• 49. موقعیت‌یابی (Positioning): static و relative
• 50. موقعیت‌یابی مطلق: absolute و تفاوت آن با relative
• 51. موقعیت‌یابی ثابت و چسبان: fixed و sticky
• 52. کنترل لایه‌ها با z-index
• 53. طراحی واکنش‌گرا (Responsive Web Design) چیست؟
• 54. آشنایی با Viewport و تگ meta
• 55. مقدمه‌ای بر Media Queries
• 56. استفاده از Media Queries برای Breakpoint های مختلف
• 57. رویکرد Mobile-First در طراحی واکنش‌گرا
• 58. استایل‌دهی به تصاویر واکنش‌گرا
• 59. استایل‌دهی به جداول برای نمایش در موبایل
• 60. گرادینت‌های خطی و شعاعی در پس‌زمینه
• 61. استفاده از چندین تصویر پس‌زمینه
• 62. گرد کردن گوشه‌ها: border-radius
• 63. ایجاد سایه برای عناصر: box-shadow
• 64. ایجاد سایه برای متون: text-shadow
• 65. تغییر شفافیت عناصر: opacity
• 66. متغیرها در CSS (Custom Properties)
• 67. کاربرد متغیرها برای ساخت تم (Theme) داشبورد
• 68. توابع در CSS: calc(), var(), attr()
• 69. انیمیشن‌های ساده با Transition
• 70. کنترل زمان‌بندی Transition: transition-timing-function
• 71. انیمیشن‌های پیچیده‌تر با @keyframes
• 72. کنترل انیمیشن: animation-name, animation-duration, animation-iteration-count
• 73. تبدیل‌های دو بعدی: 2D Transforms (translate, rotate, scale)
• 74. تغییر نقطه مبدا تبدیل: transform-origin
• 75. تبدیل‌های سه بعدی: 3D Transforms
• 76. فیلترهای CSS: blur, grayscale, brightness
• 77. حالت‌های ترکیبی (Blend Modes)
• 78. ساختاردهی فایل‌های CSS در یک پروژه بزرگ
• 79. متدولوژی BEM برای نام‌گذاری کلاس‌ها
• 80. استایل‌دهی به فرم‌ها: input, textarea, button
• 81. استایل‌دهی پیشرفته به Checkbox و Radio Button
• 82. ساخت یک فرم ورود کاربر برای پنل مدیریت ناوگان
• 83. استایل‌دهی به جداول داده (Data Tables)
• 84. ساخت جدول نمایش لیست خودروها
• 85. استایل‌دهی به ردیف‌های زوج و فرد جدول برای خوانایی بهتر
• 86. استایل‌دهی به لیست‌ها: ul, ol, li
• 87. ساخت منوی ناوبری (Navigation Bar) برای داشبورد
• 88. ساخت سایدبار (Sidebar) برای پنل مدیریت
• 89. طراحی کارت (Card) برای نمایش پروفایل راننده
• 90. ایجاد نشانگرهای وضعیت (Status Indicators): آنلاین، آفلاین، در ماموریت
• 91. استایل‌دهی به Tooltip برای نمایش اطلاعات اضافی
• 92. اصول اولیه دسترسی‌پذیری (Accessibility - a11y) در CSS
• 93. استفاده از :focus-visible برای بهبود تجربه کاربری کیبورد
• 94. بهینه‌سازی عملکرد CSS: کاهش حجم فایل
• 95. مفهوم Critical CSS و تاثیر آن بر سرعت بارگذاری
• 96. آشنایی با پیش‌پردازنده‌ها: Sass/SCSS چیست؟
• 97. آشنایی با فریمورک‌های CSS: Bootstrap و Tailwind CSS
• 98. ابزارهای توسعه‌دهنده مرورگر (DevTools) برای دیباگ کردن CSS
• 99. بررسی و ویرایش زنده استایل‌ها در مرورگر
• 100. بازنشانی (Reset) و نرمال‌سازی (Normalize) CSS