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

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

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

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

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

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

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

• 1. مبانی CSS:
• 2. CSS چیست و چرا استفاده می‌شود؟
• 3. ساختار یک قانون CSS
• 4. نحوه لینک کردن CSS به HTML
• 5. انتخابگرها: انواع و کاربردها
• 6. انتخابگرهای پایه: tag, id, class
• 7. انتخابگرهای ترکیبی: descendant, child
• 8. انتخابگرهای attribute و pseudo-class
• 9. اولویت و Cascade در CSS
• 10. واحدها در CSS: px, em, rem, %
• 11. رنگ‌ها در CSS: نام، RGB, RGBA, HSL
• 12. متن در CSS: font-family, size, weight, style
• 13. متن در CSS: decoration, transform, spacing
• 14. باکس مدل: Content, Padding, Border, Margin
• 15. تنظیم عرض و ارتفاع
• 16. background و تصاویر پس‌زمینه
• 17. border و border-radius
• 18. margin و padding: تنظیمات و shorthand
• 19. display property: block, inline, inline-block
• 20. position property: static, relative, absolute, fixed
• 21. float property و مشکلات آن
• 22. clear property
• 23. overflow property
• 24. visibility property
• 25. opacity property
• 26. cursor property
• 27. چیدمان (Layout) و طراحی واکنش‌گرا:
• 28. Flexbox: معرفی و مفاهیم اصلی
• 29. Flexbox: تنظیمات container
• 30. Flexbox: تنظیمات items
• 31. Grid Layout: معرفی و مفاهیم اصلی
• 32. Grid Layout: تعریف grid
• 33. Grid Layout: قرار دادن آیتم‌ها در grid
• 34. طراحی واکنش‌گرا: viewport meta tag
• 35. Media Queries: syntax و کاربرد
• 36. Media Queries: طراحی برای اندازه‌های مختلف صفحه
• 37. طراحی واکنش‌گرا: تصاویر و ویدئوها
• 38. طراحی واکنش‌گرا: فونت‌ها و تایپوگرافی
• 39. طراحی واکنش‌گرا: استفاده از Flexbox و Grid
• 40. طراحی واکنش‌گرا: mobile-first approach
• 41. طراحی واکنش‌گرا: responsive images and videos
• 42. Bootstrap: معرفی و نصب
• 43. Bootstrap: Grid System
• 44. Bootstrap: Components
• 45. Tailwind CSS: معرفی و نصب
• 46. Tailwind CSS: Utility Classes
• 47. Tailwind CSS: Customization
• 48. CSS Modules
• 49. CSS in JS
• 50. انیمیشن و تعامل:
• 51. Transitions: syntax و کاربرد
• 52. Transitions: properties
• 53. Animations: keyframes
• 54. Animations: تنظیمات و properties
• 55. transforms: translate, rotate, scale
• 56. transforms: skew, matrix
• 57. Pseudo-classes برای تعامل: hover, active, focus
• 58. CSS Variables (Custom Properties): معرفی
• 59. CSS Variables: استفاده و scope
• 60. CSS Variables: تغییر مقادیر در runtime
• 61. :root selector
• 62. @keyframes rule
• 63. CSS پیشرفته و تکنیک‌ها:
• 64. SASS/SCSS: معرفی و نصب
• 65. SASS/SCSS: variables, nesting
• 66. SASS/SCSS: mixins, functions
• 67. SASS/SCSS: imports
• 68. PostCSS: معرفی و کاربرد
• 69. PostCSS: plugins
• 70. CSS Optimization: minification
• 71. CSS Optimization: concatenation
• 72. CSS Optimization: removing unused CSS
• 73. Code organization: BEM methodology
• 74. Code organization: OOCSS
• 75. Code organization: SMACSS
• 76. Accessibility: semantic HTML
• 77. Accessibility: ARIA attributes
• 78. Accessibility: color contrast
• 79. Accessibility: keyboard navigation
• 80. CSS preprocessors: Less, Stylus
• 81. CSS frameworks comparison
• 82. طراحی رابط کاربری برای مدیریت ناوگان:
• 83. طراحی داشبورد: چیدمان و ساختار
• 84. طراحی فرم‌ها: ورودی‌ها و اعتبارسنجی
• 85. طراحی جدول‌ها: نمایش داده‌ها و فیلترها
• 86. طراحی نقشه‌ها: نمایش موقعیت ناوگان
• 87. طراحی نمودارها: تجسم داده‌ها
• 88. طراحی دکمه‌ها: action buttons
• 89. طراحی کارت‌ها: نمایش اطلاعات
• 90. طراحی منوها و نویگیشن
• 91. طراحی کامپوننت‌های تعاملی
• 92. طراحی برای صفحات موبایل و تبلت
• 93. طراحی برای صفحات بزرگ: بزرگ‌نمایی داده‌ها
• 94. CSS برای هشدارها و پیغام‌ها
• 95. CSS برای modal ها و popup ها
• 96. Responsive Image Optimization
• 97. SVG: معرفی و کاربرد
• 98. SVG: styling with CSS
• 99. CSS debugging tools
• 100. بهبود عملکرد و نگهداری: