فلش‌کارت‌های آموزشی CSS for Fleet Management Certification Bodies

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در وب
• 2. چرا CSS برای اپلیکیشن‌های مدیریت ناوگان اهمیت دارد؟
• 3. نحوه افزودن CSS به HTML: Inline, Internal, External
• 4. قواعد و سینتکس CSS: انتخابگر، خصوصیت، مقدار
• 5. انتخابگرهای اصلی: Element, Class, ID
• 6. کامنت‌گذاری در CSS و اهمیت آن
• 7. مفهوم Cascade (آبشار) در CSS
• 8. وراثت (Inheritance) و نحوه عملکرد آن
• 9. اولویت انتخابگرها (Specificity)
• 10. مقدار `!important` و زمان استفاده (و عدم استفاده) از آن
• 11. مقدمه‌ای بر Box Model: Content, Padding, Border, Margin
• 12. خصوصیت‌های `width` و `height`
• 13. خصوصیت‌های `padding`
• 14. خصوصیت‌های `border` (شامل style, width, color)
• 15. خصوصیت‌های `margin` و مفهوم Margin Collapse
• 16. کار با رنگ‌ها: نام رنگ، HEX، RGB، RGBA
• 17. رنگ پس‌زمینه: `background-color`
• 18. تصاویر پس‌زمینه: `background-image`
• 19. کنترل تکرار و موقعیت تصویر پس‌زمینه
• 20. کنترل اندازه تصویر پس‌زمینه: `background-size`
• 21. خاصیت کوتاه‌نویسی `background`
• 22. استایل‌دهی به متن: `color` و `font-family`
• 23. اندازه و وزن فونت: `font-size` و `font-weight`
• 24. استایل و تراز‌بندی متن: `font-style` و `text-align`
• 25. تزئینات و تبدیل متن: `text-decoration` و `text-transform`
• 26. فاصله بین حروف و کلمات: `letter-spacing` و `word-spacing`
• 27. ارتفاع خط: `line-height`
• 28. استایل‌دهی به لیست‌ها
• 29. مقدمه‌ای بر استایل‌دهی جداول (مهم برای داده‌ها)
• 30. خصوصیت‌های `border-collapse` و `border-spacing`
• 31. استایل‌دهی به `<th>`, `<tr>`, `<td>`
• 32. ایجاد جداول گورخری (Zebra Striping) با CSS
• 33. مفهوم `display`: مقادیر `block`, `inline`, `inline-block`
• 34. مخفی کردن عناصر: `display: none` در مقابل `visibility: hidden`
• 35. خصوصیت `opacity` برای شفافیت
• 36. ایجاد سایه برای باکس‌ها و متن: `box-shadow` و `text-shadow`
• 37. گرد کردن گوشه‌ها با `border-radius`
• 38. مفهوم Layout و روش‌های مختلف چیدمان
• 39. موقعیت‌یابی (Positioning): `static` و `relative`
• 40. موقعیت‌یابی `absolute` و زمینه موقعیت‌یابی (Positioning Context)
• 41. موقعیت‌یابی `fixed` برای عناصر ثابت در صفحه
• 42. موقعیت‌یابی `sticky` برای ایجاد هدرهای چسبان
• 43. خاصیت `z-index` برای کنترل لایه‌ها
• 44. چیدمان با Float (روش قدیمی، اما برای آشنایی لازم است)
• 45. مشکلات Float و تکنیک Clearfix
• 46. مقدمه‌ای بر Flexbox: مدل چیدمان یک‌بعدی
• 47. ایجاد یک Flex Container با `display: flex`
• 48. جهت‌دهی آیتم‌ها در Flexbox با `flex-direction`
• 49. چیدمان در محور اصلی: `justify-content`
• 50. چیدمان در محور متقاطع: `align-items`
• 51. کنترل چند خطی بودن آیتم‌ها: `flex-wrap`
• 52. خصوصیت‌های آیتم‌های Flex: `flex-grow`, `flex-shrink`, `flex-basis`
• 53. خصوصیت کوتاه‌نویسی `flex`
• 54. تراز کردن یک آیتم خاص: `align-self`
• 55. مرتب‌سازی آیتم‌ها با `order`
• 56. مقدمه‌ای بر Grid Layout: مدل چیدمان دو‌بعدی
• 57. ایجاد یک Grid Container با `display: grid`
• 58. تعریف ستون‌ها و ردیف‌ها: `grid-template-columns`, `grid-template-rows`
• 59. واحد `fr` در Grid
• 60. فاصله بین آیتم‌ها: `gap`, `row-gap`, `column-gap`
• 61. قرار دادن آیتم‌ها در Grid با شماره خط
• 62. ادغام سلول‌ها با `grid-column` و `grid-row`
• 63. نام‌گذاری خطوط و نواحی در Grid
• 64. مفهوم طراحی واکنش‌گرا (Responsive Web Design)
• 65. Viewport Meta Tag و اهمیت آن
• 66. مقدمه‌ای بر Media Queries
• 67. استفاده از `min-width` و `max-width` در Media Queries
• 68. رویکرد Mobile-First در طراحی واکنش‌گرا
• 69. نقاط شکست (Breakpoints) رایج
• 70. ترکیب Media Queries با عملگر `and`
• 71. Media Queries برای نوع رسانه (screen, print)
• 72. تصاویر واکنش‌گرا با CSS
• 73. واحد‌های اندازه‌گیری نسبی: `em`, `rem`, `%`, `vw`, `vh`
• 74. انتخابگرهای ترکیبی (Combinators): Descendant, Child, Adjacent Sibling, General Sibling
• 75. انتخابگرهای ویژگی (Attribute Selectors)
• 76. کلاس‌های کاذب (Pseudo-classes) مربوط به لینک: `:link`, `:visited`, `:hover`, `:active`
• 77. کلاس‌های کاذب مربوط به فرم: `:focus`, `:checked`, `:disabled`, `:required`
• 78. کلاس‌های کاذب ساختاری: `:first-child`, `:last-child`
• 79. کلاس کاذب `nth-child` و کاربردهای آن در جداول
• 80. کلاس کاذب `:not()` برای استثنا کردن عناصر
• 81. عناصر کاذب (Pseudo-elements): `::before` و `::after`
• 82. استایل‌دهی به اولین حرف و اولین خط: `::first-letter`, `::first-line`
• 83. مقدمه‌ای بر Transitions
• 84. کنترل Transitions: `transition-property`, `transition-duration`, `transition-timing-function`, `transition-delay`
• 85. مقدمه‌ای بر 2D Transforms: `translate()`, `rotate()`, `scale()`
• 86. تغییر نقطه مرکزی Transform با `transform-origin`
• 87. مقدمه‌ای بر Animations با `keyframes@`
• 88. متغیرهای CSS (Custom Properties) و کاربرد آن در تم‌سازی (Theming)
• 89. استفاده از تابع `var()`
• 90. محدوده (Scope) متغیرهای CSS و `:root`
• 91. سازماندهی فایل‌های CSS برای پروژه‌های بزرگ
• 92. مقدمه‌ای بر معماری CSS: BEM (Block, Element, Modifier)
• 93. مقدمه‌ای بر پیش‌پردازنده‌های CSS مانند Sass/SCSS
• 94. توابع محاسباتی در CSS: `calc()`
• 95. استایل‌دهی برای چاپ (Print Stylesheets)
• 96. کنترل شکست صفحه در چاپ
• 97. بهینه‌سازی عملکرد CSS: Minification و Concatenation
• 98. عیب‌یابی (Debugging) CSS با استفاده از Developer Tools مرورگر
• 99. پروژه عملی: ساختار کلی یک داشبورد مدیریت ناوگان با Flexbox و Grid
• 100. استایل‌دهی به فرم‌های ورود داده (ثبت وسیله نقلیه، گزارش سفر)