کتاب صوتی CSS for Fleet Management Publications

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در انتشارات مدیریت ناوگان
• 2. CSS چیست و چرا اهمیت دارد؟
• 3. تفاوت HTML، CSS و JavaScript
• 4. نحوه اتصال CSS به HTML: داخلی، خارجی و درون‌خطی
• 5. آشنایی با سینتکس CSS: انتخابگر، خصوصیت و مقدار
• 6. اولین استایل شما: تغییر رنگ و فونت متن
• 7. کامنت‌گذاری در CSS برای مستندسازی
• 8. انتخابگرهای اصلی: عنصر، کلاس و شناسه (ID)
• 9. اولویت و آبشاری بودن در CSS (Cascade)
• 10. مفهوم وراثت (Inheritance)
• 11. ابزارهای توسعه‌دهنده مرورگر (DevTools) برای CSS
• 12. مفهوم Box Model: محتوا، Padding، Border، Margin
• 13. کنترل ابعاد: خصوصیات width و height
• 14. واحدهای اندازه‌گیری مطلق: px، pt
• 15. واحدهای اندازه‌گیری نسبی: %، em، rem
• 16. تفاوت واحدهای vw و vh برای Viewport
• 17. تفاوت box-sizing: content-box و border-box
• 18. تنظیم حداکثر و حداقل ابعاد (min/max-width/height)
• 19. خصوصیت overflow برای مدیریت محتوای سرریز شده
• 20. استایل‌دهی به Border: ضخامت، نوع و رنگ
• 21. استایل‌دهی پیشرفته Border با border-radius
• 22. مبانی تایپوگرافی در وب
• 23. خصوصیات font-family و font-size
• 24. استایل‌دهی به وزن و سبک فونت: font-weight و font-style
• 25. تراز کردن متن: text-align و vertical-align
• 26. فاصله‌گذاری بین حروف و کلمات: letter-spacing و word-spacing
• 27. تنظیم ارتفاع خط (line-height) برای خوانایی بهتر
• 28. دکوراسیون متن: text-decoration و text-transform
• 29. افکت‌های متن: text-shadow
• 30. استفاده از فونت‌های سفارشی با @font-face
• 31. انتخابگرهای ترکیبی (Combinators): نسل، فرزند، همسایه
• 32. انتخابگر عمومی (Universal Selector)
• 33. گروه‌بندی انتخابگرها برای استایل‌دهی مشترک
• 34. انتخابگرهای صفت (Attribute Selectors) برای داده‌های خاص
• 35. شبه‌کلاس‌ها (Pseudo-classes): hover، active، focus
• 36. شبه‌کلاس‌های ساختاری: first-child، last-child، nth-child
• 37. کاربرد شبه‌کلاس not() برای استثنا قائل شدن
• 38. شبه‌عناصر (Pseudo-elements): before:: و after::
• 39. استفاده از before:: و after:: برای اضافه کردن آیکن و محتوای تزئینی
• 40. مفهوم Specificity و نحوه محاسبه آن
• 41. استفاده از important! و معایب آن
• 42. مدل‌های رنگی: HEX، RGB، HSL
• 43. استفاده از رنگ برای نمایش وضعیت: سبز برای فعال، قرمز برای خطا
• 44. تنظیم شفافیت با RGBA و opacity
• 45. پس‌زمینه رنگی ساده (background-color)
• 46. استفاده از تصاویر در پس‌زمینه (background-image)
• 47. کنترل تکرار پس‌زمینه (background-repeat)
• 48. موقعیت‌یابی پس‌زمینه (background-position)
• 49. اندازه پس‌زمینه (background-size)
• 50. ایجاد پس‌زمینه‌های گرادیان برای داشبوردها
• 51. استفاده همزمان از چند پس‌زمینه
• 52. مبانی Layout: display (block, inline, inline-block)
• 53. موقعیت‌یابی (Positioning): static، relative، absolute، fixed
• 54. استفاده از z-index برای مدیریت لایه‌ها
• 55. چیدمان با Float (برای آشنایی) و مشکل Clearfix
• 56. مقدمه‌ای بر Flexbox برای چیدمان‌های یک‌بعدی
• 57. کانتینر Flex: خصوصیات display و flex-direction
• 58. آیتم‌های Flex: خصوصیات flex-grow، flex-shrink، flex-basis
• 59. تراز کردن آیتم‌ها در Flexbox: justify-content و align-items
• 60. مدیریت چند خطی در Flexbox با flex-wrap
• 61. مقدمه‌ای بر Grid برای چیدمان‌های دوبعدی
• 62. تعریف ستون‌ها و ردیف‌ها در Grid (grid-template-columns/rows)
• 63. قرار دادن آیتم‌ها در Grid با شماره خط
• 64. فاصله‌گذاری بین آیتم‌ها در Grid با gap
• 65. طراحی واکنش‌گرا (Responsive Design) چیست؟
• 66. آشنایی با Viewport Meta Tag
• 67. مبانی Media Queries
• 68. استفاده از Breakpointها برای دستگاه‌های مختلف
• 69. رویکرد Mobile-First در طراحی واکنش‌گرا
• 70. استایل‌دهی به تصاویر واکنش‌گرا
• 71. مخفی کردن عناصر در اندازه‌های مختلف صفحه
• 72. طراحی جداول واکنش‌گرا برای نمایش در موبایل
• 73. استایل‌دهی پیشرفته جداول داده (Data Tables)
• 74. ایجاد سطرهای گورخری (Zebra Striping) برای خوانایی بهتر جداول
• 75. برجسته کردن سطرها هنگام هاور (Hover)
• 76. ثابت کردن سرآیند جدول (Sticky Table Header)
• 77. استایل‌دهی به فرم‌های ورود اطلاعات (گزارش سفر، تعمیرات)
• 78. استایل‌دهی به Input, Textarea, Select
• 79. استایل‌دهی به Checkbox و Radio Button سفارشی
• 80. استایل‌دهی به دکمه‌ها و فراخوان‌ها (Call to Action)
• 81. استفاده از آیکن‌فونت‌ها (مانند Font Awesome) برای نمایش وضعیت خودرو
• 82. طراحی کارت‌ها (Cards) برای نمایش خلاصه اطلاعات هر وسیله نقلیه
• 83. ساخت کامپوننت‌های داشبورد: KPI و نمودارهای ساده با CSS
• 84. استایل‌دهی به لیست‌ها و گزارش‌های متنی
• 85. مقدمه‌ای بر استایل‌های چاپ (Print Stylesheets)
• 86. بهینه‌سازی گزارش‌ها برای چاپ با @media print
• 87. متغیرهای CSS (Custom Properties) برای مدیریت تم‌ها
• 88. ایجاد تم تاریک (Dark Mode) برای داشبورد
• 89. ایجاد انیمیشن‌های ساده با Transitions
• 90. افکت‌های شناور (Hover Effects) برای تعامل بهتر
• 91. تغییر شکل عناصر با Transform: scale، rotate، translate
• 92. فیلترهای CSS: blur، grayscale برای عناصر غیرفعال
• 93. مفهوم و کاربرد CSS Preprocessors (آشنایی با Sass/Less)
• 94. سازماندهی فایل‌های CSS: متدولوژی BEM
• 95. نرمال‌سازی (Normalize) و ریست کردن (Reset) CSS
• 96. بهینه‌سازی عملکرد CSS
• 97. پروژه نهایی: ساخت یک صفحه گزارش مدیریت ناوگان واکنش‌گرا و قابل چاپ
• 98. **طراحی واکنش‌گرا (Responsive Design) و سازگاری با موبایل در انتشارات ناوگان:** شامل مفاهیم viewport، media queries، و واحدهای نسبی برای نمایش بهینه در دستگاه‌های مختلف.
• 99. **استفاده از Flexbox و Grid Layout برای طراحی ساختارهای پیچیده:** آموزش نحوه ایجاد طرح‌بندی‌های منعطف و قابل تنظیم برای انواع محتوای مدیریت ناوگان.
• 100. **بهینه‌سازی CSS برای عملکرد بهتر وبسایت/اپلیکیشن ناوگان:** بررسی تکنیک‌های فشرده‌سازی، Minify کردن، و استفاده از CSS Sprites برای افزایش سرعت بارگذاری.