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

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

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

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

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

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

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

• 1. مبانی CSS و شروع کار با CSS
• 2. انتخابگرها (Selectors) در CSS: مقدمه و انواع
• 3. انتخابگرهای نوع (Type Selectors)
• 4. انتخابگرهای کلاس (Class Selectors)
• 5. انتخابگرهای ID (ID Selectors)
• 6. انتخابگرهای عمومی (Universal Selectors)
• 7. انتخابگرهای ترکیبی (Combinator Selectors)
• 8. انتخابگرهای صفت (Attribute Selectors)
• 9. انتخابگرهای شبه کلاس (Pseudo-class Selectors)
• 10. انتخابگرهای شبه عنصر (Pseudo-element Selectors)
• 11. آشنایی با مدل جعبه (Box Model) در CSS
• 12. حاشیه (Margin) در CSS: تنظیم و کاربردها
• 13. فاصله (Padding) در CSS: تنظیم و کاربردها
• 14. عرض (Width) و ارتفاع (Height) در CSS
• 15. مرز (Border) در CSS: استایل‌دهی و کاربردها
• 16. رنگ‌بندی در CSS: Color, Background-color, و موارد دیگر
• 17. متن (Text) در CSS: استایل‌دهی و فرمت‌بندی
• 18. خانواده فونت (Font Family) و اندازه‌ فونت (Font Size)
• 19. وزن فونت (Font Weight) و استایل فونت (Font Style)
• 20. تراز متن (Text Align) و تزئین متن (Text Decoration)
• 21. تبدیل متن (Text Transform) و سایه متن (Text Shadow)
• 22. مدیریت پس‌زمینه (Background) در CSS: رنگ، تصویر، و تکرار
• 23. کار با تصاویر در CSS: تنظیم اندازه، موقعیت، و موارد دیگر
• 24. موقعیت‌یابی (Positioning) در CSS: Static, Relative, Absolute, Fixed
• 25. فلوت (Float) در CSS: چیدمان عناصر در کنار هم
• 26. پاک‌سازی فلوت (Clear) در CSS
• 27. واکنش‌گرایی (Responsiveness) با CSS: مقدمه و مفاهیم
• 28. واحدهای اندازه‌گیری در CSS: px, em, rem, %, vh, vw
• 29. مفاهیم اولیه Grid در CSS
• 30. مفاهیم اولیه Flexbox در CSS
• 31. طراحی منوها و ناوبری با CSS
• 32. ایجاد جدول‌ها (Tables) با CSS
• 33. فرم‌ها (Forms) و استایل‌دهی به آن‌ها با CSS
• 34. انیمیشن‌ها (Animations) و ترنزیشن‌ها (Transitions) در CSS
• 35. CSS Variables (Custom Properties): معرفی و کاربردها
• 36. آشنایی با Preprocessors CSS (Sass/SCSS)
• 37. ساختار پروژه CSS برای مدیریت ناوگان
• 38. نصب و راه‌اندازی Sass/SCSS در پروژه
• 39. متغیرها (Variables) در Sass/SCSS
• 40. میکس‌این‌ها (Mixins) در Sass/SCSS
• 41. تابع‌ها (Functions) در Sass/SCSS
• 42. ایجاد فایل‌های partial و import کردن آن‌ها
• 43. نوشتن کدهای CSS ماژولار با Sass/SCSS
• 44. آشنایی با مفاهیم Object-Oriented CSS (OOCSS)
• 45. کاربرد BEM (Block, Element, Modifier) در CSS
• 46. آشنایی با CSS Frameworks: Bootstrap و Materialize
• 47. نصب و راه‌اندازی Bootstrap در پروژه
• 48. نصب و راه‌اندازی Materialize در پروژه
• 49. استفاده از کلاس‌های Bootstrap برای طراحی رابط کاربری
• 50. استفاده از کلاس‌های Materialize برای طراحی رابط کاربری
• 51. طراحی صفحات واکنش‌گرا با Bootstrap
• 52. طراحی صفحات واکنش‌گرا با Materialize
• 53. بهینه‌سازی CSS برای سرعت بارگذاری
• 54. فشرده‌سازی و Minify کردن کدهای CSS
• 55. استفاده از CSS در Fleet Management: رابط کاربری اصلی
• 56. استفاده از CSS در Fleet Management: صفحه داشبورد
• 57. استفاده از CSS در Fleet Management: نمایش اطلاعات خودروها
• 58. استفاده از CSS در Fleet Management: نقشه‌ها و مسیریابی
• 59. استفاده از CSS در Fleet Management: فرم‌های ورود اطلاعات
• 60. استفاده از CSS در Fleet Management: مدیریت کاربران
• 61. استفاده از CSS در Fleet Management: گزارش‌گیری و نمودارها
• 62. طراحی UI/UX برای Fleet Management: اصول و مبانی
• 63. رنگ‌بندی و انتخاب پالت رنگی مناسب برای Fleet Management
• 64. انتخاب فونت‌های مناسب برای Fleet Management
• 65. طراحی آیکون‌ها و المان‌های گرافیکی برای Fleet Management
• 66. ایجاد Theme های مختلف برای Fleet Management
• 67. پیاده‌سازی حالت‌های Dark Mode و Light Mode در CSS
• 68. ایجاد انیمیشن‌های جذاب و کاربردی برای Fleet Management
• 69. بهبود تجربه کاربری با CSS در Fleet Management
• 70. سازگاری با مرورگرهای مختلف در CSS
• 71. استفاده از CSS برای دسترسی‌پذیری (Accessibility)
• 72. شناسایی و رفع خطاهای رایج در CSS
• 73. استفاده از ابزارهای توسعه‌دهنده مرورگر (DevTools) برای CSS
• 74. آشنایی با Grid Layout برای چیدمان پیچیده
• 75. Grid Layout: ایجاد طرح‌بندی‌های دو بعدی
• 76. Grid Layout: تنظیم اندازه ستون‌ها و ردیف‌ها
• 77. Grid Layout: قرار دادن المان‌ها در Grid
• 78. Grid Layout: سفارشی‌سازی فاصله‌ها و حاشیه‌ها
• 79. استفاده از Flexbox برای چیدمان تک‌بعدی
• 80. Flexbox: تنظیم جهت و چیدمان المان‌ها
• 81. Flexbox: کنترل فضای خالی و تراز المان‌ها
• 82. Flexbox: واکنش‌گرایی و سازگاری با اندازه‌های مختلف
• 83. نوشتن کدهای CSS تمیز و خوانا
• 84. بهبود عملکرد CSS: جلوگیری از Redraw و Reflow
• 85. بهینه‌سازی تصاویر برای عملکرد بهتر
• 86. مستندسازی کدهای CSS
• 87. آشنایی با Styled Components (React) و CSS-in-JS (React)
• 88. استفاده از کتابخانه‌های CSS: Tailwind CSS
• 89. نصب و راه‌اندازی Tailwind CSS
• 90. استفاده از Utility Classes در Tailwind CSS
• 91. سفارشی‌سازی Tailwind CSS
• 92. طراحی رابط کاربری کاملاً واکنش‌گرا با Tailwind CSS
• 93. پیاده‌سازی یک صفحه اصلی برای Fleet Management با Tailwind CSS
• 94. پیاده‌سازی یک صفحه گزارش‌گیری برای Fleet Management با Tailwind CSS
• 95. انتخاب یک رویکرد مناسب برای طراحی CSS در پروژه Fleet Management
• 96. بهترین شیوه‌ها (Best Practices) در CSS
• 97. چالش‌ها و راه‌حل‌ها در طراحی CSS برای Fleet Management
• 98. آینده CSS و روندهای جدید
• 99. مروری بر مفاهیم کلیدی و جمع‌بندی دوره
• 100. ارائه پروژه نهایی و جمع‌بندی دوره