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

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

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

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

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

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

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

• 1. مبانی CSS
• 2. انتخابگرها (Selectors) در CSS
• 3. ساختار و نحو CSS
• 4. اضافه کردن CSS به HTML (داخلی، خارجی، درون خطی)
• 5. CSS Comment ها
• 6. مرجع رنگ‌ها در CSS (نام، کد هگز، RGB, HSL)
• 7. واحدها در CSS (px, em, rem, %)
• 8. متن در CSS: فونت، اندازه، وزن، استایل
• 9. استفاده از فونت‌های وب (Web Fonts)
• 10. تراز متن (Text Alignment)
• 11. تزیینات متن (Text Decoration)
• 12. فاصله حروف و کلمات (Letter and Word Spacing)
• 13. سایه متن (Text Shadow)
• 14. مدیریت حاشیه (Margin) در CSS
• 15. مدیریت فضای داخلی (Padding) در CSS
• 16. مدل جعبه (Box Model) در CSS
• 17. عرض و ارتفاع (Width and Height)
• 18. مرزها (Borders) در CSS
• 19. انواع مرز (Border Styles)
• 20. شعاع گوشه (Border Radius)
• 21. پس زمینه (Background) در CSS: رنگ، تصویر، تکرار
• 22. گرادیان‌ها (Gradients) در CSS
• 23. ویژگی display: block, inline, inline-block
• 24. شناوری (Float) در CSS
• 25. پاکسازی (Clear) در CSS
• 26. موقعیت‌یابی (Positioning) در CSS: static, relative, absolute, fixed, sticky
• 27. z-index
• 28. انواع لیست‌ها (Lists) و استایل‌دهی به آن‌ها
• 29. جداول (Tables) و استایل‌دهی به آن‌ها
• 30. CSS Grid: مقدمه
• 31. CSS Grid: تعریف Grid
• 32. CSS Grid: قرار دادن آیتم‌ها در Grid
• 33. CSS Grid: ردیف‌ها و ستون‌ها
• 34. CSS Grid: فضای خالی و فاصله
• 35. CSS Grid: ویژگی‌های پیشرفته
• 36. Flexbox: مقدمه
• 37. Flexbox: محور اصلی و محور فرعی
• 38. Flexbox: چیدمان آیتم‌ها
• 39. Flexbox: تراز کردن آیتم‌ها
• 40. Flexbox: سفارش آیتم‌ها
• 41. انعطاف‌پذیری آیتم‌ها در Flexbox
• 42. واکنش‌گرایی (Responsive Design) با CSS: مقدمه
• 43. واکنش‌گرایی: واحدهای نسبی (vw, vh)
• 44. واکنش‌گرایی: Media Queries
• 45. واکنش‌گرایی: طراحی موبایل اول (Mobile-First)
• 46. واکنش‌گرایی: تصاویر واکنش‌گرا
• 47. انیمیشن‌ها (Animations) در CSS
• 48. تبدیلات (Transforms) در CSS: translate, rotate, scale, skew
• 49. Transition ها در CSS
• 50. فریم‌ورک‌های CSS: Bootstrap, Tailwind CSS (مقدمه)
• 51. CSS و Sass: مقدمه و پیش‌پردازنده
• 52. متغیرها (Variables) در CSS
• 53. عملگرها (Operators) در CSS
• 54. قوانین @import و @use در CSS
• 55. فیلترها (Filters) در CSS
• 56. Blend Modes
• 57. Masking
• 58. استایل‌دهی به فرم‌ها (Forms)
• 59. استایل‌دهی به دکمه‌ها (Buttons)
• 60. استایل‌دهی به منوها (Menus)
• 61. طراحی رابط کاربری (UI Design) با CSS
• 62. طراحی وب‌سایت‌های تک صفحه‌ای (Single Page Websites) با CSS
• 63. طراحی وب‌سایت‌های چند صفحه‌ای با CSS
• 64. پنهان کردن و نمایش عناصر (Display: none, Visibility: hidden)
• 65. OverFlow در CSS
• 66. استفاده از آیکون‌ها در CSS
• 67. طراحی قالب‌های وب‌سایت (Website Templates) با CSS
• 68. طراحی صفحات فرود (Landing Pages) با CSS
• 69. بهینه‌سازی CSS برای سرعت بارگذاری وب‌سایت
• 70. استفاده از CSS در پروژه‌های بزرگ
• 71. مرتب‌سازی و سازماندهی کدهای CSS
• 72. قوانین نامگذاری کلاس‌ها (BEM, SMACSS)
• 73. نقشه سایت و CSS
• 74. بررسی کدهای CSS و خطایابی
• 75. افزونه‌های مرورگر برای CSS
• 76. ابزارهای تست CSS
• 77. CSS و accessibility (دسترسی‌پذیری)
• 78. CSS و SEO (بهینه‌سازی موتورهای جستجو)
• 79. چالش‌های رایج در CSS
• 80. استفاده از CSS در مدیریت ناوگان: مقدمه
• 81. طراحی داشبوردهای مدیریتی با CSS
• 82. طراحی نقشه‌های تعاملی با CSS
• 83. طراحی فرم‌های اطلاعاتی برای مدیریت ناوگان
• 84. استفاده از CSS برای نمایش داده‌های ردیابی GPS
• 85. استفاده از CSS برای طراحی گزارش‌های مدیریتی
• 86. استفاده از CSS برای طراحی صفحات ورود و خروج
• 87. بهینه‌سازی CSS برای دستگاه‌های تلفن همراه در مدیریت ناوگان
• 88. استفاده از CSS برای مدیریت ریسک در ناوگان
• 89. فریم‌ورک‌های CSS در پروژه‌های مدیریت ناوگان
• 90. CSS و جاوااسکریپت: تعامل
• 91. CSS و APIها
• 92. مدیریت نسخه‌های CSS
• 93. استفاده از CSS در محیط‌های مختلف (desktop, mobile)
• 94. نگهداری و به‌روزرسانی کدهای CSS
• 95. مستندسازی کدهای CSS
• 96. آینده CSS
• 97. پروژه‌های عملی با CSS برای مدیریت ناوگان
• 98. جمع‌بندی و مرور کلی دوره
• 99. منبع‌دهی و معرفی منابع بیشتر برای یادگیری CSS
• 100. آماده شدن برای آزمون و گرفتن مدرک