کتاب صوتی CSS for Fleet Management Technology Providers

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

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

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

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

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

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

• 1. نقش CSS در وب و فناوری‌های مدیریت ناوگان
• 2. روش‌های افزودن CSS به HTML
• 3. ساختار و سینتکس پایه CSS
• 4. کامنت‌گذاری در CSS
• 5. انتخابگرهای اصلی: تگ، کلاس و شناسه
• 6. گروه‌بندی انتخابگرها
• 7. انتخابگرهای ترکیبی: نسل (Descendant)
• 8. انتخابگرهای ترکیبی: فرزند، همسایه و همسایه عمومی
• 9. انتخابگرهای ویژگی یا Attribute
• 10. کار با رنگ‌ها: نام، HEX, RGB, RGBA
• 11. کار با رنگ‌ها: HSL و HSLA
• 12. تنظیمات پس‌زمینه: رنگ و تصویر
• 13. کنترل تکرار و موقعیت تصویر پس‌زمینه
• 14. کادربندی یا Border
• 15. فاصله خارجی یا Margin
• 16. فاصله داخلی یا Padding
• 17. مفهوم Box Model
• 18. تنظیم ارتفاع و عرض (Height & Width)
• 19. قالب‌بندی متن: رنگ و ترازبندی
• 20. تزئین و تغییر شکل متن
• 21. کار با فونت‌ها: خانواده، اندازه و وزن
• 22. استفاده از فونت‌های سفارشی با @font-face
• 23. اولویت‌بندی و وراثت در CSS (Specificity & Inheritance)
• 24. ویژگی Display: بلاک، خطی و ترکیبی
• 25. ویژگی Visibility و تفاوت آن با Display: none
• 26. مفهوم Position: Static و Relative
• 27. کار با Position: Absolute و Fixed
• 28. کار با Position: Sticky
• 29. مدیریت لایه‌ها با Z-index
• 30. شناورسازی عناصر با Float و پاکسازی آن
• 31. مقدمه‌ای بر Flexbox برای ساختارهای داشبورد
• 32. ویژگی‌های Flex Container: flex-direction, flex-wrap
• 33. ویژگی‌های Flex Container: justify-content, align-items
• 34. ویژگی‌های Flex Items: flex-grow, flex-shrink, flex-basis
• 35. تراز بندی پیشرفته در Flexbox: align-self, align-content
• 36. مثال عملی فلکس‌باکس: ساخت نوار ناوبری داشبورد
• 37. مقدمه‌ای بر CSS Grid برای چیدمان‌های پیچیده
• 38. تعریف ستون‌ها و ردیف‌ها در Grid
• 39. جایگذاری آیتم‌ها در Grid
• 40. فاصله‌گذاری در Grid با Gap
• 41. ادغام سلول‌ها در Grid با Spanning
• 42. مثال عملی گرید: ساختار اصلی یک داشبورد مدیریت ناوگان
• 43. اصول طراحی واکنش‌گرا (Responsive Design)
• 44. استفاده از Media Queries برای دستگاه‌های مختلف
• 45. رویکرد Mobile-First در مقابل Desktop-First
• 46. واحدهای Viewport: vw, vh, vmin, vmax
• 47. تصاویر واکنش‌گرا با CSS
• 48. استایل‌دهی به لیست‌ها برای گزارشات ناوگان
• 49. استایل‌دهی پایه به جداول داده
• 50. استایل‌دهی پیشرفته جداول: خطوط یک‌درمیان و هاور
• 51. ساخت هدر ثابت برای جداول طولانی (Sticky Header)
• 52. استایل‌دهی به فرم‌ها و ورودی‌ها (Inputs)
• 53. استایل‌دهی به دکمه‌ها و فراخوان‌ها (Buttons & CTAs)
• 54. استایل‌دهی به منوهای کشویی (Dropdowns)
• 55. شخصی‌سازی چک‌باکس‌ها و دکمه‌های رادیویی
• 56. ساخت تولتیپ‌های سفارشی برای نمایش اطلاعات اضافی
• 57. استایل‌دهی به مدال‌ها و پاپ‌آپ‌ها
• 58. طراحی نشانگرهای وضعیت: آنلاین، آفلاین، در حرکت
• 59. استفاده از آیکون‌ها در رابط کاربری (Font Icons & SVG)
• 60. استایل‌دهی به نوارهای پیشرفت (Progress Bars)
• 61. ساخت نمودارهای میله‌ای ساده با CSS
• 62. استایل‌دهی به پاپ‌آپ‌ها و لایه‌های روی نقشه
• 63. طراحی کارت برای نمایش اطلاعات هر وسیله نقلیه
• 64. استایل‌دهی به هشدارها و اعلان‌ها (Alerts & Notifications)
• 65. ساخت نمای تایم‌لاین برای تاریخچه وسیله نقلیه
• 66. استایل‌دهی به فرم ورود و احراز هویت
• 67. ساخت یک سایدبار برای ناوبری داشبورد
• 68. طراحی هدر اصلی داشبورد
• 69. استایل‌دهی به رابط‌های کاربری تب‌بندی شده (Tabs)
• 70. طراحی کامپوننت نوار جستجو
• 71. پیاده‌سازی تم تیره و روشن (Dark Mode vs. Light Mode)
• 72. شبه‌کلاس‌ها: hover, focus, active
• 73. شبه‌کلاس‌های ساختاری: nth-child, first-child, last-child
• 74. شبه‌عناصر: before و after و کاربردهای آن‌ها
• 75. استفاده از تابع calc() برای محاسبات دینامیک
• 76. مقدمه‌ای بر Transitions برای انیمیشن‌های نرم
• 77. کنترل Transitions: property, duration, timing-function, delay
• 78. مقدمه‌ای بر انیمیشن‌ها با keyframes@
• 79. کنترل انیمیشن‌ها: animation-name, duration, iteration-count
• 80. مثال انیمیشن: ساخت اسپینر بارگذاری
• 81. تغییر شکل عناصر با Transform: translate, rotate, scale
• 82. ترنسفورم‌های سه‌بعدی (3D Transforms)
• 83. ایجاد گرادیان‌های رنگی (Gradients)
• 84. ایجاد سایه برای باکس و متن (Box Shadow & Text Shadow)
• 85. اعمال فیلترهای بصری: blur, grayscale, contrast
• 86. حالت‌های ترکیبی یا Blend Modes
• 87. برش عناصر با clip-path
• 88. معرفی متغیرها در CSS (Custom Properties)
• 89. کاربرد متغیرها در تم‌سازی و نگهداری کد
• 90. بررسی پشتیبانی مرورگر با supports@
• 91. کنترل نحوه نمایش تصاویر و ویدیوها با object-fit
• 92. معماری CSS: متدولوژی BEM
• 93. سازماندهی فایل‌های CSS در پروژه‌های بزرگ
• 94. مقدمه‌ای بر پیش‌پردازنده‌های CSS مانند Sass/SCSS
• 95. کار با متغیرها و تودرتوسازی در Sass
• 96. استفاده از Mixinها و توابع در Sass
• 97. فشرده‌سازی (Minify) فایل‌های CSS برای بهبود عملکرد
• 98. مفهوم Critical CSS و بارگذاری سریع‌تر
• 99. سازگاری با مرورگرها و استفاده از پیشوندها (Vendor Prefixes)
• 100. ملاحظات دسترسی‌پذیری (Accessibility) در CSS