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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در کتابچه‌های راهنما
• 2. افزودن CSS به HTML: روش‌های داخلی، خارجی و درون‌خطی
• 3. ساختار و قواعد CSS: انتخابگرها، خصوصیات و مقادیر
• 4. نحوه نوشتن توضیحات (Comments) در CSS
• 5. انتخابگرهای اصلی: عنصر، کلاس و شناسه (ID)
• 6. انتخابگرهای ترکیبی: فرزند، نسل و همسایه
• 7. انتخابگرهای صفت (Attribute Selectors)
• 8. مفهوم آبشار (Cascade) و اولویت در CSS
• 9. محاسبه و درک Specificity
• 10. مفهوم وراثت (Inheritance)
• 11. مدل جعبه‌ای (Box Model): محتوا، Padding، Border، Margin
• 12. خصوصیت box-sizing: content-box در مقابل border-box
• 13. واحدهای اندازه‌گیری مطلق و نسبی (px, em, rem, %)
• 14. واحدهای اندازه‌گیری Viewport (vw, vh, vmin, vmax)
• 15. آشنایی با ابزارهای توسعه‌دهنده مرورگر (Developer Tools) برای CSS
• 16. کار با رنگ‌ها: کلمات کلیدی، HEX، RGB و RGBA
• 17. مدل‌های رنگی HSL و HSLA
• 18. استایل‌دهی به پس‌زمینه: background-color و background-image
• 19. کنترل پس‌زمینه: تکرار، موقعیت و اندازه
• 20. گرادینت‌های پس‌زمینه: خطی و شعاعی
• 21. استایل‌دهی به حاشیه‌ها (Borders): ضخامت، نوع و رنگ
• 22. گرد کردن گوشه‌ها با border-radius
• 23. ایجاد سایه برای جعبه‌ها با box-shadow
• 24. مقدمه‌ای بر تایپوگرافی در وب
• 25. انتخاب فونت با font-family و فونت‌های امن وب
• 26. استفاده از فونت‌های سفارشی با @font-face
• 27. تنظیم اندازه، وزن و استایل فونت (font-size, font-weight, font-style)
• 28. تراز کردن متن: text-align و vertical-align
• 29. افزودن دکوراسیون به متن: text-decoration
• 30. تنظیم فاصله بین خطوط و حروف (line-height, letter-spacing)
• 31. ایجاد سایه برای متن با text-shadow
• 32. استایل‌دهی به لیست‌های مرتب و نامرتب
• 33. استایل‌دهی به لینک‌ها و حالت‌های مختلف آن (link, visited, hover, active)
• 34. مقدمه‌ای بر استایل‌دهی جداول برای نمایش داده‌های ناوگان
• 35. خصوصیت border-collapse برای جداول
• 36. استایل‌دهی به سرآیند، بدنه و پاورقی جداول (thead, tbody, tfoot)
• 37. ایجاد جداول گورخری (Zebra-striped Tables) برای خوانایی بهتر
• 38. خصوصیت display: block, inline, inline-block
• 39. مخفی کردن عناصر با display: none و visibility: hidden
• 40. کنترل شفافیت عناصر با opacity
• 41. شبه‌کلاس‌ها (Pseudo-classes): first-child, last-child, nth-child
• 42. شبه‌عناصر (Pseudo-elements): before, after
• 43. مقدمه‌ای بر چیدمان (Layout) در CSS
• 44. مفهوم Positioning: static, relative, absolute, fixed
• 45. کنترل لایه‌ها با z-index
• 46. استفاده از position: sticky برای هدرهای چسبان
• 47. چیدمان با Float (برای درک مفاهیم قدیمی)
• 48. پاک کردن Float با خصوصیت clear
• 49. مقدمه‌ای بر Flexbox برای چیدمان‌های یک‌بعدی
• 50. خصوصیات Flex Container: flex-direction, flex-wrap, justify-content
• 51. خصوصیات Flex Container: align-items, align-content
• 52. خصوصیات Flex Items: flex-grow, flex-shrink, flex-basis
• 53. استفاده از shorthand (خلاصه نویسی) flex
• 54. کنترل ترتیب عناصر در Flexbox با خصوصیت order
• 55. مقدمه‌ای بر CSS Grid برای چیدمان‌های دوبعدی
• 56. تعریف ستون‌ها و ردیف‌ها با grid-template-columns و grid-template-rows
• 57. ایجاد فاصله بین خانه‌های گرید با gap
• 58. قرار دادن آیتم‌ها در گرید با استفاده از شماره خطوط
• 59. ادغام سلول‌های گرید (Spanning columns and rows)
• 60. نام‌گذاری خطوط و نواحی گرید
• 61. تراز کردن آیتم‌ها در گرید (justify-items, align-items)
• 62. تراز کردن کل محتوای گرید (justify-content, align-content)
• 63. ایجاد گریدهای واکنش‌گرا با auto-fit و minmax
• 64. مقایسه Flexbox و Grid: چه زمانی از کدام استفاده کنیم؟
• 65. مقدمه‌ای بر طراحی واکنش‌گرا (Responsive Design)
• 66. تنظیم Viewport با تگ meta
• 67. آشنایی با Media Queries و Breakpointها
• 68. رویکرد Mobile-First در طراحی واکنش‌گرا
• 69. ایجاد تصاویر واکنش‌گرا
• 70. تایپوگرافی واکنش‌گرا با واحدهای rem و vw
• 71. مخفی کردن و نمایش عناصر در اندازه‌های مختلف صفحه
• 72. مقدمه‌ای بر Transitions در CSS
• 73. کنترل زمان‌بندی و تاخیر در Transitions
• 74. مقدمه‌ای بر Animations و Keyframes@
• 75. کنترل تکرار و جهت انیمیشن‌ها
• 76. تغییر شکل عناصر با Transform: توابع 2D (translate, rotate, scale)
• 77. تغییر شکل‌های سه‌بعدی (3D Transforms)
• 78. مقدمه‌ای بر استایل‌دهی به فرم‌ها
• 79. استایل‌دهی به input, textarea, select و button
• 80. استایل‌دهی به حالت‌های مختلف فرم‌ها (focus, valid, invalid)
• 81. ایجاد checkbox و radio button سفارشی
• 82. متغیرهای CSS (Custom Properties) و کاربرد آن‌ها
• 83. استفاده از تابع calc() برای محاسبات پویا
• 84. کنترل نحوه نمایش تصاویر و ویدئوها با object-fit
• 85. اعمال فیلترهای گرافیکی با خصوصیت filter
• 86. استفاده از backdrop-filter برای افکت شیشه‌ای
• 87. ترکیب لایه‌ها با blend-modes
• 88. تشخیص پشتیبانی مرورگر از خصوصیات با supports@
• 89. سازماندهی فایل‌های CSS: روش BEM
• 90. نوشتن کدهای ماژولار و قابل استفاده مجدد
• 91. آشنایی با پیش‌پردازنده‌های CSS مانند Sass/SCSS
• 92. مفهوم متغیرها و تودرتویی (Nesting) در Sass
• 93. استفاده از Mixinها برای کدهای تکراری در Sass
• 94. بهینه‌سازی عملکرد: فشرده‌سازی (Minify) فایل‌های CSS
• 95. مفهوم Critical CSS برای بارگذاری سریع‌تر
• 96. تفاوت Reset CSS و Normalize CSS
• 97. مدیریت پیشوندهای مرورگر (Vendor Prefixes)
• 98. تحلیل نیازمندی‌های بصری کتابچه راهنمای مدیریت ناوگان
• 99. طراحی پالت رنگی مناسب برای خوانایی و هشدارها
• 100. ایجاد مقیاس تایپوگرافی برای مستندات فنی