دوره CSS for Fleet Management Training همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

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

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

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

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر CSS و نقش آن در وب
• 2. چرا CSS برای داشبوردهای مدیریت ناوگان حیاتی است؟
• 3. آشنایی با ساختار یک قانون CSS (Rule)
• 4. روش‌های افزودن CSS به یک صفحه HTML
• 5. CSS درون‌خطی (Inline CSS)
• 6. CSS داخلی (Internal CSS)
• 7. CSS خارجی (External CSS)
• 8. کامنت‌گذاری در CSS
• 9. سلکتورهای پایه: تگ، کلاس و شناسه (ID)
• 10. سلکتور عمومی (Universal Selector)
• 11. سلکتورهای ترکیبی (Combinator Selectors)
• 12. سلکتور فرزند (Child Selector)
• 13. سلکتور نسل (Descendant Selector)
• 14. سلکتور برادر مجاور (Adjacent Sibling Selector)
• 15. سلکتور برادر عمومی (General Sibling Selector)
• 16. گروه‌بندی سلکتورها
• 17. سلکتورهای ویژگی (Attribute Selectors)
• 18. مفهوم آبشار (Cascade) در CSS
• 19. مفهوم وراثت (Inheritance)
• 20. اولویت‌بندی و امتیازدهی سلکتورها (Specificity)
• 21. کلمه کلیدی !important و کاربرد آن
• 22. مدل جعبه‌ای (Box Model): محتوا، Padding، Border، Margin
• 23. تنظیمات عرض و ارتفاع (Width & Height)
• 24. ویژگی box-sizing
• 25. واحدهای اندازه‌گیری مطلق (px, pt)
• 26. واحدهای اندازه‌گیری نسبی (em, rem, %)
• 27. واحدهای Viewport (vh, vw, vmin, vmax)
• 28. کار با رنگ‌ها: نام، HEX، RGB، HSL
• 29. تنظیم پس‌زمینه (Background Color & Image)
• 30. ویژگی‌های پیشرفته پس‌زمینه (background-size, position, repeat)
• 31. تنظیم حاشیه (Borders)
• 32. گرد کردن گوشه‌ها (border-radius)
• 33. تنظیم سایه جعبه (box-shadow)
• 34. استایل‌دهی به متون: font-family, font-size, font-weight
• 35. تراز کردن متن (text-align) و تزئینات متن (text-decoration)
• 36. فاصله بین حروف و کلمات (letter-spacing, word-spacing)
• 37. ایجاد سایه برای متن (text-shadow)
• 38. استایل‌دهی به لینک‌ها
• 39. مقدمه‌ای بر کلاس‌های کاذب (Pseudo-classes)
• 40. استایل‌دهی به حالت‌های مختلف لینک (:link, :visited, :hover, :active)
• 41. ویژگی display: block, inline, inline-block
• 42. پنهان کردن عناصر (display: none vs visibility: hidden)
• 43. موقعیت‌یابی (Positioning): static, relative
• 44. موقعیت‌یابی: absolute
• 45. موقعیت‌یابی: fixed
• 46. موقعیت‌یابی: sticky
• 47. کنترل لایه‌ها با z-index
• 48. مقدمه‌ای بر چیدمان با Flexbox
• 49. مفاهیم اصلی Flexbox: کانتینر و آیتم‌ها
• 50. ویژگی flex-direction
• 51. ویژگی justify-content برای تراز افقی
• 52. ویژگی align-items برای تراز عمودی
• 53. ویژگی align-content برای خطوط چندگانه
• 54. ویژگی flex-wrap برای شکستن خطوط
• 55. تنظیم رشد و کوچک شدن آیتم‌ها (flex-grow, flex-shrink, flex-basis)
• 56. ترتیب‌دهی آیتم‌ها در Flexbox (order)
• 57. مقدمه‌ای بر چیدمان با CSS Grid
• 58. تعریف ستون‌ها و ردیف‌ها (grid-template-columns, grid-template-rows)
• 59. فاصله‌گذاری بین آیتم‌ها (gap)
• 60. قرار دادن آیتم‌ها در Grid با شماره خط
• 61. نام‌گذاری خطوط و نواحی در Grid
• 62. استایل‌دهی به لیست‌ها (ul, ol)
• 63. استایل‌دهی به جداول: ضروری برای نمایش داده‌های ناوگان
• 64. زیباسازی جداول با border-collapse و spacing
• 65. ایجاد جدول‌های راه‌راه (Striped Tables) با :nth-child
• 66. استایل‌دهی به فرم‌ها و ورودی‌ها (input, textarea, button)
• 67. استایل‌دهی به دکمه‌ها برای عملیات داشبورد
• 68. کلاس‌های کاذب برای فرم‌ها (:focus, :required, :valid, :invalid)
• 69. ساخت کارت‌ها (Cards) برای نمایش اطلاعات هر وسیله نقلیه
• 70. ساخت نشانگرهای وضعیت (Status Indicators) با رنگ
• 71. استفاده از عناصر کاذب (Pseudo-elements): ::before و ::after
• 72. ایجاد Tooltip با CSS
• 73. طراحی واکنش‌گرا (Responsive Web Design) چیست؟
• 74. مفهوم Mobile-First در طراحی
• 75. استفاده از متا تگ viewport
• 76. معرفی Media Queries
• 77. نوشتن Media Queries برای Breakpointهای مختلف
• 78. طراحی ستون‌های واکنش‌گرا برای داشبورد
• 79. تصاویر واکنش‌گرا
• 80. مقدمه‌ای بر Transitionها برای انیمیشن‌های نرم
• 81. ویژگی‌های transition-property, duration, timing-function, delay
• 82. مقدمه‌ای بر Animationها و keyframe@
• 83. ساخت انیمیشن‌های سفارشی برای هشدارها
• 84. توابع تبدیل دو بعدی (2D Transforms): translate, rotate, scale
• 85. توابع تبدیل سه بعدی (3D Transforms)
• 86. متغیرهای CSS (Custom Properties)
• 87. کاربرد متغیرها در ایجاد تم تاریک و روشن برای داشبورد
• 88. توابع CSS مانند calc(), var()
• 89. فیلترهای CSS مانند blur(), grayscale(), contrast()
• 90. ویژگی object-fit برای کنترل تصاویر
• 91. گرادینت‌های خطی و شعاعی (Linear & Radial Gradients)
• 92. حالت‌های ترکیب (Blend Modes)
• 93. سازماندهی فایل‌های CSS
• 94. متدولوژی BEM برای نام‌گذاری کلاس‌ها
• 95. مقدمه‌ای بر پیش‌پردازنده‌های CSS (Sass/SCSS)
• 96. متغیرها و Nesting در Sass
• 97. مفاهیم Mixin و Extend در Sass
• 98. بهینه‌سازی عملکرد CSS
• 99. کوچک‌سازی (Minification) فایل‌های CSS
• 100. مفهوم Critical CSS