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

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

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

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

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

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

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

• 1. مبانی CSS و شروع کار
• 2. ساختار HTML و ارتباط با CSS
• 3. انتخابگرها (Selectors): انواع و کاربردها
• 4. انتخابگرهای پایه: tag, class, id
• 5. انتخابگرهای ترکیبی: descendant, child, adjacent sibling, general sibling
• 6. انتخابگرهای صفتی (Attribute Selectors)
• 7. انتخابگرهای شبه کلاس (Pseudo-classes)
• 8. انتخابگرهای شبه عنصر (Pseudo-elements)
• 9. اولویت انتخابگرها (Specificity)
• 10. مدل جعبه (Box Model): Margin, Border, Padding, Content
• 11. اندازه گیری (Sizing): width, height, min-width, max-width
• 12. واحدها (Units): px, %, em, rem, vw, vh
• 13. متن (Text Properties): color, font-size, font-family, font-weight, text-align, line-height
• 14. تزئینات متن (Text Decoration): text-decoration, text-transform, text-shadow
• 15. فضاسازی (Spacing): letter-spacing, word-spacing
• 16. Backgrounds: background-color, background-image, background-position, background-repeat, background-size, background-attachment
• 17. Borderها: border-style, border-width, border-color, border-radius
• 18. خلاصه نویسی (Shorthand Properties)
• 19. مفاهیم اولیه چیدمان (Layout)
• 20. چیدمان با Flow Layout
• 21. چیدمان با Block Layout
• 22. چیدمان با Inline Layout
• 23. چیدمان با Flexbox: معرفی و مبانی
• 24. Flexbox: تنظیمات container (flex-direction, flex-wrap, justify-content, align-items, align-content)
• 25. Flexbox: تنظیمات item (flex-grow, flex-shrink, flex-basis, order, align-self)
• 26. چیدمان با Grid: معرفی و مبانی
• 27. Grid: تعریف ردیف و ستون (grid-template-columns, grid-template-rows)
• 28. Grid: جایگذاری آیتم ها (grid-column, grid-row, grid-area)
• 29. Grid: تنظیمات اضافی (grid-gap, justify-items, align-items, justify-content, align-content)
• 30. چیدمان چند ستونی (Multi-column Layout)
• 31. انیمیشن‌ها و Transitions: معرفی
• 32. Transitions: تعریف و استفاده
• 33. Transitions: تنظیمات (transition-property, transition-duration, transition-timing-function, transition-delay)
• 34. انیمیشن‌ها: تعریف و استفاده
• 35. انیمیشن‌ها: تنظیمات (animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state)
• 36. Transforms: rotate, scale, translate, skew
• 37. Transforms: origin
• 38. Media Queries: معرفی و کاربرد
• 39. Media Queries: طراحی واکنشگرا (Responsive Design)
• 40. Media Queries: برای دستگاه های مختلف (screen, print, etc.)
• 41. کار با تصاویر: img, object-fit, object-position
• 42. کار با ویدیوها و صداها: video, audio
• 43. فرم‌ها: استایل‌دهی به عناصر فرم (input, textarea, select, button)
• 44. فرم‌ها: استایل‌دهی به حالت‌های مختلف (focus, hover, active, disabled)
• 45. استایل‌دهی به جداول (table)
• 46. کار با آیکون‌ها: Font Awesome, Material Icons
• 47. فایل‌های CSS خارجی و داخلی
• 48. کامنت‌گذاری در CSS
• 49. CSS Reset و Normalize.css
• 50. بهبود عملکرد CSS
• 51. بهینه‌سازی تصاویر برای وب
• 52. CSS Modules
• 53. Preprocessors: معرفی و مفاهیم (Sass, Less)
• 54. Sass: متغیرها (Variables)
• 55. Sass: توابع (Functions)
• 56. Sass: mixins
• 57. Sass: nesting
• 58. Less: متغیرها (Variables)
• 59. Less: mixins
• 60. Less: nesting
• 61. استفاده از CSS در پروژه‌های بزرگ
• 62. مدیریت و سازماندهی فایل‌های CSS
• 63. CSS Frameworks: معرفی (Bootstrap, Tailwind CSS)
• 64. Bootstrap: استفاده و سفارشی‌سازی
• 65. Tailwind CSS: استفاده و سفارشی‌سازی
• 66. CSS Grid در پروژه‌های واقعی
• 67. Flexbox در پروژه‌های واقعی
• 68. بهبود سئو با CSS
• 69. دسترسی‌پذیری (Accessibility) در CSS
• 70. CSS و طراحی رابط کاربری (UI)
• 71. CSS و تجربه کاربری (UX)
• 72. استفاده از SVG با CSS
• 73. استفاده از Web Fonts
• 74. CSS Custom Properties (Variables)
• 75. CSS Variables در عمل
• 76. ساخت قالب‌های پویا با CSS
• 77. استفاده از CSS برای انیمیشن‌های پیشرفته
• 78. استفاده از CSS برای جلوه‌های ویژه
• 79. استفاده از CSS برای اینترفیس‌های پیچیده
• 80. CSS و طراحی سیستم
• 81. آشنایی با BEM (Block, Element, Modifier)
• 82. نوشتن کدهای CSS خوانا و قابل نگهداری
• 83. عیب‌یابی (Debugging) CSS
• 84. ابزارهای توسعه‌دهنده (Developer Tools) برای CSS
• 85. انتقال از CSS سنتی به فریمورک‌ها
• 86. مقایسه و انتخاب فریمورک CSS مناسب
• 87. بهره‌وری در CSS: تکنیک‌ها و ترفندها
• 88. CSS و تعامل با JavaScript
• 89. ساختارهای CSS پیشرفته برای پروژه‌های Fleet Management
• 90. طراحی المان‌های گرافیکی و تعاملی برای داشبورد Fleet Management
• 91. بهبود UI/UX داشبوردهای Fleet Management با CSS
• 92. ایجاد رابط‌های کاربری جذاب و کاربرپسند برای Fleet Management
• 93. بهینه‌سازی CSS برای عملکرد بالای داشبوردهای Fleet Management
• 94. مدیریت CSS در پروژه‌های بزرگ Fleet Management
• 95. اصول طراحی واکنش‌گرا برای داشبوردهای Fleet Management
• 96. افزایش دسترسی‌پذیری داشبوردهای Fleet Management با CSS
• 97. انتخاب بهترین تکنیک‌های CSS برای پروژه‌های Fleet Management
• 98. آینده CSS و روندهای جدید
• 99. ایجاد چیدمان‌های پیچیده با Flexbox و CSS Grid
• 100. طراحی واکنش‌گرا (Responsive Design) و Media Queries