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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در وب
• 2. چرا CSS برای داشبوردهای مدیریت ناوگان حیاتی است؟
• 3. آشنایی با سه روش افزودن CSS به HTML
• 4. سینتکس پایه CSS: انتخابگر، خصوصیت و مقدار
• 5. اولین استایل شما: تغییر رنگ و پس‌زمینه
• 6. کار با ابزارهای توسعه‌دهنده مرورگر (Developer Tools)
• 7. درج کامنت در کدهای CSS
• 8. مفاهیم انتخابگرها (Selectors)
• 9. انتخابگرهای نوع (Element Selectors)
• 10. انتخابگرهای کلاس (Class Selectors)
• 11. انتخابگرهای شناسه (ID Selectors)
• 12. گروه‌بندی انتخابگرها
• 13. انتخابگرهای فرزند و نواده (Descendant & Child Combinators)
• 14. انتخابگرهای خواهر و برادر (Sibling Combinators)
• 15. انتخابگر عمومی (Universal Selector)
• 16. انتخابگرهای ویژگی (Attribute Selectors)
• 17. مفهوم شبه‌کلاس‌ها (Pseudo-classes)
• 18. شبه‌کلاس‌های تعاملی: hover, active, focus
• 19. شبه‌کلاس‌های ساختاری: first-child, last-child, nth-child
• 20. مفهوم شبه‌المان‌ها (Pseudo-elements)
• 21. کار با before:: و after::
• 22. آبشار (Cascade) در CSS
• 23. اولویت و امتیازدهی انتخابگرها (Specificity)
• 24. مفهوم وراثت (Inheritance)
• 25. مقداردهی اولیه: initial, inherit, unset
• 26. مدل جعبه‌ای (Box Model): محتوا، فاصله‌گذاری داخلی، حاشیه، مرز
• 27. خصوصیت box-sizing: content-box در مقابل border-box
• 28. واحدهای اندازه‌گیری مطلق: px, pt
• 29. واحدهای اندازه‌گیری نسبی: em, rem
• 30. کار با رنگ‌ها: نام، هگزادسیمال، RGB و HSL
• 31. افزودن شفافیت با RGBA و HSLA
• 32. استایل‌دهی به پس‌زمینه: background-color, background-image
• 33. کنترل تصویر پس‌زمینه: repeat, position, size
• 34. پس‌زمینه‌های گرادیان (Gradients)
• 35. کار با خصوصیات مرز (Border)
• 36. گرد کردن گوشه‌ها با border-radius
• 37. ایجاد سایه برای جعبه‌ها با box-shadow
• 38. استایل‌دهی به متون: font-family و فونت‌های وب
• 39. خصوصیات font-size, font-weight, font-style
• 40. تراز کردن متن: text-align
• 41. تزئینات متن: text-decoration
• 42. تغییر حروف: text-transform
• 43. تنظیم فاصله بین خطوط با line-height
• 44. ایجاد سایه برای متن با text-shadow
• 45. استایل‌دهی به لیست‌ها
• 46. استایل‌دهی به جداول: ضروری برای نمایش داده‌ها
• 47. خصوصیت display: block, inline, inline-block
• 48. پنهان کردن المان‌ها با display: none و visibility: hidden
• 49. مفهوم موقعیت‌دهی (Positioning)
• 50. position: static و relative
• 51. position: absolute و مفهوم والد مرجع
• 52. position: fixed برای المان‌های ثابت
• 53. position: sticky برای هدرهای چسبان
• 54. کنترل لایه‌ها با z-index
• 55. کار با خصوصیات width و height
• 56. محدود کردن ابعاد با min-width و max-width
• 57. مفهوم سرریز (Overflow)
• 58. مقدمه‌ای بر Flexbox: چرا برای داشبوردها ایده‌آل است؟
• 59. محور اصلی و محور متقاطع در Flexbox
• 60. خصوصیات کانتینر Flexbox: flex-direction, flex-wrap
• 61. تراز کردن در محور اصلی: justify-content
• 62. تراز کردن در محور متقاطع: align-items
• 63. تراز کردن خطوط چندگانه: align-content
• 64. خصوصیات آیتم‌های Flexbox: flex-grow, flex-shrink, flex-basis
• 65. شورت‌هند flex
• 66. ترتیب نمایش آیتم‌ها با order
• 67. مقدمه‌ای بر CSS Grid: طرح‌بندی دو بعدی
• 68. تعریف ستون‌ها و ردیف‌ها با grid-template-columns/rows
• 69. واحد جدید fr در Grid
• 70. ایجاد فاصله بین آیتم‌ها با gap
• 71. موقعیت‌دهی آیتم‌ها بر اساس شماره خطوط
• 72. ادغام ستون‌ها و ردیف‌ها با grid-column/row span
• 73. نام‌گذاری نواحی با grid-template-areas
• 74. تراز کردن آیتم‌ها در Grid: justify-items, align-items
• 75. طراحی واکنش‌گرا (Responsive Design) چیست؟
• 76. استفاده از متا تگ Viewport
• 77. مقدمه‌ای بر Media Queries
• 78. رویکرد Mobile-First در طراحی واکنش‌گرا
• 79. واحدهای واکنش‌گرا: vw, vh
• 80. ایجاد تصاویر واکنش‌گرا
• 81. استفاده از Flexbox و Grid برای طرح‌بندی‌های واکنش‌گرا
• 82. مقدمه‌ای بر Transition ها برای انیمیشن‌های نرم
• 83. خصوصیت transition و مقادیر آن
• 84. توابع زمانی (Timing Functions) در Transition
• 85. مقدمه‌ای بر Transform های دو بعدی
• 86. توابع Transform: translate, scale, rotate, skew
• 87. تنظیم نقطه مبدا با transform-origin
• 88. مقدمه‌ای بر انیمیشن‌های پیشرفته با keyframes@
• 89. خصوصیت animation و مقادیر آن
• 90. استایل‌دهی به فرم‌ها و فیلدهای ورودی
• 91. استایل‌دهی به دکمه‌ها برای تعامل بهتر
• 92. استفاده از متغیرهای CSS (Custom Properties)
• 93. کاربرد متغیرها در ایجاد تم‌های روشن و تاریک برای داشبورد
• 94. تابع ()calc برای محاسبات پویا
• 95. استفاده از فونت‌های سفارشی با font-face@
• 96. مقدمه‌ای بر استایل‌دهی به SVG برای آیکون‌ها و نمودارها
• 97. بازنشانی (Reset) در مقابل نرمال‌سازی (Normalize) CSS
• 98. مقدمه‌ای بر متدولوژی BEM برای نام‌گذاری کلاس‌ها
• 99. مقدمه‌ای بر پیش‌پردازنده‌های CSS مانند Sass
• 100. استایل‌دهی به جداول داده برای خوانایی بهتر (Striped Tables)