فلش‌کارت‌های آموزشی CSS for Fleet Management Systems

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

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

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

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

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

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

• 1. مبانی CSS
• 2. انتخابگرها (Selectors) در CSS
• 3. ساختار CSS: روش‌های نوشتن CSS
• 4. شروع کار با CSS و پیوند به HTML
• 5. استفاده از کامنت‌ها در CSS
• 6. واحدها در CSS: px, em, rem, %
• 7. رنگ‌ها در CSS: نام رنگ، RGB, RGBA, Hex
• 8. متن در CSS: فونت، اندازه فونت، وزن فونت، استایل فونت
• 9. تراز متن و فاصله خطوط
• 10. حاشیه (Margin) و فاصله‌گذاری (Padding)
• 11. مدل جعبه (Box Model)
• 12. عرض (Width) و ارتفاع (Height)
• 13. باکس سایه‌ (Box Shadow)
• 14. متن سایه‌ (Text Shadow)
• 15. CSS Background: رنگ، تصویر، تکرار
• 16. CSS Border: استایل، عرض، رنگ
• 17. حالت‌های مختلف نمایش (Display): inline, block, inline-block
• 18. شناور کردن (Float)
• 19. موقعیت‌یابی (Position): static, relative, absolute, fixed, sticky
• 20. z-index
• 21. کار با لیست‌ها در CSS
• 22. استایل‌دهی به جدول‌ها با CSS
• 23. واحدهای اندازه‌گیری واکنش‌گرا: vw, vh
• 24. طراحی وب‌سایت‌های واکنش‌گرا: مقدمه
• 25. Media Queries: اصول اولیه
• 26. استفاده از Media Queries برای دستگاه‌های مختلف
• 27. CSS Flexbox: اصول اولیه
• 28. Flexbox: جهت و تراز
• 29. Flexbox: فضای خالی و مرتب‌سازی آیتم‌ها
• 30. CSS Grid: اصول اولیه
• 31. Grid: تعریف ردیف‌ها و ستون‌ها
• 32. Grid: قرار دادن آیتم‌ها در Grid
• 33. انیمیشن‌ها و ترنزیشن‌ها در CSS
• 34. ایجاد ترنزیشن‌های ساده
• 35. ایجاد انیمیشن‌ها با keyframes
• 36. کار با اشکال (Shapes) در CSS
• 37. CSS Variables (Custom Properties)
• 38. CSS و انتخابگرهای پیشرفته
• 39. انتخابگرهای Attribute
• 40. انتخابگرهای Pseudo-classes
• 41. انتخابگرهای Pseudo-elements
• 42. سازگاری با مرورگرها و prefix ها
• 43. اولویت‌بندی (Specificity) در CSS
• 44. مفهوم Inheritance در CSS
• 45. استفاده از CSS Reset و Normalize
• 46. کار با آیکون‌ها در CSS
• 47. فونت‌های وب (Web Fonts)
• 48. استفاده از Google Fonts
• 49. فریمورک‌های CSS: معرفی
• 50. Bootstrap: نصب و راه‌اندازی
• 51. Bootstrap: سیستم Grid
• 52. Bootstrap: کامپوننت‌ها
• 53. Tailwind CSS: معرفی و نصب
• 54. Tailwind CSS: کلاس‌های Utility
• 55. Sass (Syntactically Awesome Style Sheets): مقدمه
• 56. Sass: متغیرها (Variables)
• 57. Sass: توابع (Functions) و mixin ها
• 58. Sass: دستورات if/else و حلقه ها
• 59. مدیریت CSS در پروژه‌های بزرگ
• 60. ساختاردهی فایل‌های CSS
• 61. بهینه‌سازی CSS برای سرعت بارگذاری
• 62. فشرده‌سازی CSS
• 63. استفاده از CSS در Fleet Management Systems: مقدمه
• 64. طراحی رابط کاربری Fleet Management
• 65. طراحی منوها و نوار ناوبری
• 66. طراحی فرم‌های ورود اطلاعات
• 67. طراحی جداول داده‌ها
• 68. واکنش‌گرایی در Fleet Management System
• 69. استفاده از Flexbox در طراحی رابط کاربری
• 70. استفاده از Grid در طراحی رابط کاربری
• 71. طراحی کارت‌های اطلاعاتی خودرو
• 72. ایجاد دکمه‌ها و فرم‌ها با استایل خاص
• 73. طراحی نقشه‌های تعاملی (نقشه مسیریابی)
• 74. استایل‌دهی به نمودارها و گراف‌ها
• 75. بهبود تجربه کاربری (UI) با CSS
• 76. بهینه‌سازی CSS برای دسترسی‌پذیری (Accessibility)
• 77. رنگ‌بندی و انتخاب پالت رنگی مناسب
• 78. طراحی با در نظر گرفتن Mobile First
• 79. استفاده از تصاویر و آیکون‌ها در UI
• 80. مدیریت تصاویر در CSS
• 81. فیلترها و افکت‌های CSS
• 82. ایجاد انیمیشن‌های تعاملی
• 83. استفاده از CSS Transitions برای انیمیشن‌های ظریف
• 84. استفاده از CSS Animation برای انیمیشن‌های پیچیده
• 85. بهره‌وری از Preprocessorها (Sass, Less) در پروژه‌ها
• 86. اصول طراحی Fluent UI در CSS
• 87. اصول طراحی Material Design در CSS
• 88. آشنایی با BEM (Block, Element, Modifier)
• 89. نوشتن CSS ماژولار
• 90. Test کردن CSS
• 91. عیب‌یابی و رفع اشکالات CSS
• 92. معرفی ابزارهای توسعه‌دهنده مرورگر برای CSS
• 93. استفاده از Inspect Element
• 94. کار با کتابخانه‌های CSS سفارشی
• 95. انتخاب فریمورک مناسب CSS برای پروژه‌های Fleet Management
• 96. بررسی نمونه کدهای CSS پروژه‌های Fleet Management
• 97. نگهداری و آپدیت کردن CSS در پروژه‌ها
• 98. آینده CSS: ویژگی‌های جدید و ترندها
• 99. استفاده از CSS Custom Properties برای Theme ها
• 100. ایجاد تم‌های مختلف با CSS