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

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

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

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

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

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

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

• 1. CSS: مقدمه و تاریخچه
• 2. راه‌اندازی محیط توسعه CSS
• 3. نحوه نوشتن اولین کد CSS
• 4. قواعد و ساختار CSS: سلکتور، ویژگی، مقدار
• 5. انواع سلکتورها: سلکتورهای عنصری
• 6. سلکتورهای کلاس و ID
• 7. سلکتورهای ویژگی
• 8. سلکتورهای ترکیبی: فرزند و نواده
• 9. سلکتورهای مجاور و عمومی
• 10. سلکتورهای شبه‌کلاس (Pseudo-classes)
• 11. سلکتورهای شبه‌عنصر (Pseudo-elements)
• 12. ارث‌بری (Inheritance) در CSS
• 13. خاصیت (Specificity) در CSS
• 14. مقادیر و واحدها در CSS: مطلق و نسبی
• 15. رنگ‌ها در CSS: نام‌ها، هگزادسیمال، RGB، RGBA، HSL، HSLA
• 16. مدل جعبه‌ای (Box Model): محتوا، padding، border، margin
• 17. کنترل اندازه عناصر: width و height
• 18. نوع نمایش (Display): block، inline، inline-block، none
• 19. موقعیت‌دهی (Positioning): static، relative، absolute، fixed، sticky
• 20. Z-index و مدیریت لایه‌ها
• 21. متن‌ها در CSS: فونت، اندازه، رنگ، سبک
• 22. تراز کردن متن: text-align، vertical-align
• 23. فاصله‌گذاری متن: letter-spacing، word-spacing، line-height
• 24. سایه‌ها در CSS: box-shadow و text-shadow
• 25. پس‌زمینه‌ها در CSS: رنگ، تصویر، تکرار، موقعیت
• 26. گرادیان‌ها در CSS: خطی و شعاعی
• 27. Borderها در CSS: سبک، رنگ، ضخامت، شعاع
• 28. لیست‌ها در CSS: نشانه‌ها، سبک، موقعیت
• 29. جداول در CSS: حاشیه‌ها، فاصله‌ها، سبک
• 30. لینک‌ها در CSS: رنگ، زیرخط، حالت‌های مختلف
• 31. تصاویر در CSS: اندازه، موقعیت، object-fit
• 32. مدیریت Overflow: hidden، scroll، auto
• 33. ماسک‌ها در CSS: clip-path
• 34. انتقال‌ها (Transitions) در CSS
• 35. تبدیل‌ها (Transforms) در CSS: 2D و 3D
• 36. انیمیشن‌ها (Animations) در CSS: keyframes
• 37. متغیرها (Variables) در CSS (Custom Properties)
• 38. محاسبات در CSS: calc()
• 39. Flexbox: مقدمه و مفاهیم پایه
• 40. Container Flexbox: display: flex
• 41. Container Flexbox: flex-direction
• 42. Container Flexbox: flex-wrap
• 43. Container Flexbox: justify-content
• 44. Container Flexbox: align-items
• 45. Container Flexbox: align-content
• 46. Item Flexbox: order
• 47. Item Flexbox: flex-grow
• 48. Item Flexbox: flex-shrink
• 49. Item Flexbox: flex-basis
• 50. Item Flexbox: align-self
• 51. Grid Layout: مقدمه و مفاهیم پایه
• 52. Container Grid: display: grid
• 53. Container Grid: grid-template-columns
• 54. Container Grid: grid-template-rows
• 55. Container Grid: grid-template-areas
• 56. Container Grid: grid-gap, grid-column-gap, grid-row-gap
• 57. Item Grid: grid-column, grid-row
• 58. Item Grid: grid-area
• 59. رسپانسیو (Responsive) کردن وب‌سایت: مقدمه
• 60. Viewport Meta Tag
• 61. پرسش‌های رسانه‌ای (Media Queries): syntax و استفاده
• 62. breakpoints رایج برای دستگاه‌های مختلف
• 63. طراحی موبایل‌فرست (Mobile-First)
• 64. استفاده از واحدهای نسبی برای رسپانسیو بودن
• 65. استفاده از max-width برای تصاویر
• 66. فریم‌ورک‌های CSS: معرفی و مقایسه (Bootstrap, Tailwind CSS, Materialize)
• 67. نحوه استفاده از Bootstrap: grid system
• 68. نحوه استفاده از Bootstrap: کامپوننت‌ها
• 69. Preprocessors CSS: LESS و Sass
• 70. متغیرها و Mixin‌ها در Sass
• 71. حلقه‌ها و توابع در Sass
• 72. وارد کردن فایل‌ها در Sass: @import
• 73. فایل‌های پارتشال (Partial) در Sass
• 74. کامپایل کردن Sass به CSS
• 75. CSS Modules: معرفی و استفاده
• 76. CSS-in-JS: معرفی و مقایسه (Styled Components, Emotion)
• 77. آشنایی با مفاهیم Accessibility (دسترسی‌پذیری)
• 78. استفاده از رنگ‌های مناسب برای افراد با کم‌توانی بینایی
• 79. ساختارهای معنایی HTML و تاثیر آن بر CSS
• 80. تست و دیباگ CSS: DevTools
• 81. بهینه‌سازی CSS: Minification
• 82. بهینه‌سازی CSS: ترکیب فایل‌ها
• 83. بهینه‌سازی CSS: حذف کدهای استفاده نشده
• 84. CSS Linting
• 85. CSS Architecture: BEM
• 86. CSS Architecture: OOCSS
• 87. CSS Architecture: SMACSS
• 88. استفاده از Font Awesome و سایر کتابخانه‌های آیکون
• 89. ایجاد انیمیشن‌های پیچیده با JavaScript و CSS
• 90. ایجاد رابط کاربری (UI) برای سیستم‌های مدیریت ناوگان
• 91. طراحی داشبورد مدیریتی با CSS
• 92. طراحی فرم‌های ورود و ثبت نام با CSS
• 93. طراحی گزارش‌ها و نمودارها با CSS
• 94. طراحی نقشه با CSS (Google Maps Integration)
• 95. طراحی تقویم با CSS
• 96. استفاده از CSS برای ایجاد تم‌های مختلف
• 97. ایجاد سیستم طراحی (Design System) با CSS
• 98. پیاده‌سازی یک وب‌سایت مدیریت ناوگان ساده با CSS
• 99. پروژه نهایی: ایجاد یک داشبورد مدیریتی رسپانسیو برای ناوگان
• 100. سبک‌دهی به typography و فونت‌ها