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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در نرم‌افزارهای مدیریت ناوگان
• 2. آناتومی یک قانون CSS: انتخابگر، خصوصیت، مقدار
• 3. روش‌های افزودن CSS به HTML: داخلی، خارجی و درون‌خطی
• 4. کامنت‌گذاری در CSS برای خوانایی کد
• 5. انتخابگرهای اصلی: تگ، کلاس و شناسه
• 6. ترکیب انتخابگرها: انتخابگرهای نسل و فرزند
• 7. انتخابگرهای ویژگی (Attribute Selectors)
• 8. مفهوم آبشار (Cascade) در CSS
• 9. اولویت و امتیازدهی در CSS (Specificity)
• 10. قانون !important و زمان استفاده از آن
• 11. آشنایی با مدل جعبه‌ای (Box Model): محتوا، پدینگ، حاشیه، بردر
• 12. خصوصیت box-sizing: border-box
• 13. واحدهای مطلق در CSS: پیکسل (px)
• 14. واحدهای نسبی: em و rem
• 15. واحدهای نسبی مبتنی بر Viewport: vh و vw
• 16. واحدهای نسبی درصدی (%)
• 17. استفاده از ابزارهای توسعه‌دهنده مرورگر برای دیباگ CSS
• 18. کار با رنگ‌ها: نام‌های رنگی، HEX، RGB و HSL
• 19. افزودن شفافیت با RGBA و HSLA
• 20. استایل‌دهی به پس‌زمینه با background-color
• 21. استفاده از تصویر در پس‌زمینه با background-image
• 22. کنترل تکرار و موقعیت تصویر پس‌زمینه
• 23. تنظیم اندازه تصویر پس‌زمینه با background-size
• 24. استایل‌دهی به متون: font-family و font-size
• 25. تنظیم وزن و استایل فونت: font-weight و font-style
• 26. استفاده از فونت‌های وب (Web Fonts) و @font-face
• 27. تراز کردن متن: text-align و vertical-align
• 28. تزئین متن: text-decoration و text-transform
• 29. تنظیم فاصله بین خطوط و حروف
• 30. استایل‌دهی به لینک‌ها و حالت‌های مختلف آن (hover, active, visited)
• 31. استایل‌دهی به لیست‌های مرتب و نامرتب
• 32. خصوصیت display: block, inline, inline-block
• 33. پنهان کردن عناصر با display: none و visibility: hidden
• 34. استایل‌دهی به حاشیه‌ها (Borders)
• 35. گرد کردن گوشه‌ها با border-radius
• 36. ایجاد سایه برای جعبه‌ها با box-shadow
• 37. ایجاد سایه برای متون با text-shadow
• 38. طراحی نشانگرهای وضعیت (Status Indicators) با رنگ و پس‌زمینه
• 39. استایل‌دهی دکمه‌های عملیاتی (مانند "ارسال راننده" یا "ثبت گزارش")
• 40. مفهوم شبه‌کلاس‌ها (Pseudo-classes) مانند :hover و :focus
• 41. شبه‌کلاس‌های ساختاری: first-child, last-child, nth-child
• 42. مفهوم شبه‌عناصر (Pseudo-elements) مانند ::before و ::after
• 43. استفاده از شبه‌عناصر برای افزودن آیکون و نشان (Badges)
• 44. مقدمه‌ای بر چیدمان (Layout) در CSS
• 45. جریان عادی سند (Normal Document Flow)
• 46. خصوصیت position: static و relative
• 47. خصوصیت position: absolute و fixed
• 48. کنترل چیدمان لایه‌ها با z-index
• 49. استفاده از position: sticky برای هدرها و سایدبارهای ثابت
• 50. چیدمان با Flexbox: مقدمه و مفاهیم اصلی
• 51. محورهای اصلی و متقاطع در Flexbox
• 52. خصوصیات Flex Container: display, flex-direction, justify-content
• 53. خصوصیات Flex Container: align-items, align-content, flex-wrap
• 54. خصوصیات Flex Items: flex-grow, flex-shrink, flex-basis
• 55. ساخت هدر داشبورد با Flexbox
• 56. طراحی ساختار سایدبار و محتوای اصلی با Flexbox
• 57. چیدمان با CSS Grid: مقدمه و مفاهیم اصلی
• 58. تعریف ستون‌ها و ردیف‌ها در Grid
• 59. واحد fr برای تقسیم‌بندی انعطاف‌پذیر
• 60. موقعیت‌دهی آیتم‌ها در Grid
• 61. ایجاد فاصله بین آیتم‌ها با gap
• 62. طراحی چیدمان اصلی داشبورد مدیریت ناوگان با CSS Grid
• 63. مقایسه Flexbox و Grid: چه زمانی از کدام استفاده کنیم؟
• 64. مقدمه‌ای بر طراحی واکنش‌گرا (Responsive Design)
• 65. متا تگ Viewport
• 66. آشنایی با Media Queries
• 67. رویکرد Mobile-First در طراحی واکنش‌گرا
• 68. نقاط شکست (Breakpoints) متداول برای دستگاه‌های مختلف
• 69. واکنش‌گرا کردن تصاویر
• 70. واکنش‌گرا کردن تایپوگرافی
• 71. واکنش‌گرا کردن جداول داده برای نمایش در موبایل
• 72. طراحی منوی ناوبری واکنش‌گرا (همبرگری)
• 73. انتقال‌های نرم (Transitions) در CSS
• 74. توابع زمانی در Transitions
• 75. تغییر شکل دو بعدی (2D Transforms): scale, rotate, translate
• 76. تغییر شکل سه بعدی (3D Transforms)
• 77. انیمیشن‌های کلیدی (Keyframe Animations) با @keyframes
• 78. کنترل انیمیشن‌ها با خصوصیت animation
• 79. انتخابگرهای پیشرفته: همسایگی (+) و عمومی (~)
• 80. استایل‌دهی به فرم‌ها: input, textarea, label
• 81. طراحی فرم "ثبت گزارش تعمیر و نگهداری"
• 82. شخصی‌سازی Checkbox ها و Radio Button ها
• 83. استایل‌دهی به منوهای کشویی (Select Dropdowns)
• 84. طراحی جداول داده خوانا و کاربردی
• 85. استایل‌دهی به سربرگ، ردیف‌ها و سلول‌های جدول
• 86. ایجاد ردیف‌های شطرنجی (Zebra Stripes) در جداول
• 87. استایل‌دهی به المان‌های نقشه زنده (پاپ‌آپ‌ها و نشانگرها)
• 88. استایل‌دهی اولیه به نمودارها و گراف‌ها (مانند نمودار میله‌ای)
• 89. متغیرهای CSS (Custom Properties) و کاربرد آن‌ها
• 90. استفاده از :root برای تعریف متغیرهای سراسری
• 91. محاسبات دینامیک با تابع calc()
• 92. کنترل نحوه نمایش تصویر با object-fit
• 93. استفاده از فیلترهای CSS مانند blur و grayscale
• 94. سازماندهی فایل‌های CSS در پروژه‌های بزرگ
• 95. معرفی متدولوژی BEM برای نام‌گذاری کلاس‌ها
• 96. نوشتن CSS قابل نگهداری و مقیاس‌پذیر
• 97. مقدمه‌ای بر پیش‌پردازنده‌های CSS مانند Sass/SCSS
• 98. متغیرها و تودرتویی (Nesting) در Sass
• 99. استفاده از Mixin ها در Sass
• 100. مفهوم وراثت (Extends) در Sass