دوره CSS for Fleet Management Industry همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS در صنعت مدیریت ناوگان
• 2. چرا CSS برای مدیریت ناوگان مهم است
• 3. نحوه کار CSS
• 4. کاربرد CSS در رابط‌های کاربری مدیریت ناوگان
• 5. نصب و راه‌اندازی ابزارهای توسعه‌دهنده مرورگر
• 6. مبانی CSS: انتخابگرها
• 7. انتخابگرهای عنصری (Element Selectors)
• 8. انتخابگرهای کلاس (Class Selectors)
• 9. انتخابگرهای شناسه (ID Selectors)
• 10. انتخابگرهای عمومی (Universal Selector)
• 11. انتخابگرهای گروهی (Grouping Selectors)
• 12. مبانی CSS: خواص و مقادیر
• 13. خاصیت رنگ پس‌زمینه (Background-color)
• 14. خاصیت رنگ متن (Color)
• 15. خاصیت فونت خانواده (Font-family)
• 16. خاصیت اندازه فونت (Font-size)
• 17. خاصیت وزن فونت (Font-weight)
• 18. خاصیت تراز متن (Text-align)
• 19. خاصیت حاشیه (Margin)
• 20. خاصیت padding (Padding)
• 21. خاصیت عرض (Width)
• 22. خاصیت ارتفاع (Height)
• 23. بلوک‌ها و عناصر درون‌خطی (Block vs Inline Elements)
• 24. جعبه مدل CSS (CSS Box Model)
• 25. خاصیت display
• 26. خاصیت position
• 27. خاصیت top, bottom, left, right
• 28. خاصیت z-index
• 29. CSS Flexbox: مقدمه
• 30. ویژگی‌های Flex Container
• 31. ویژگی‌های Flex Item
• 32. چیدمان افقی با Flexbox
• 33. چیدمان عمودی با Flexbox
• 34. ترکیب Flexbox برای چیدمان پیچیده
• 35. CSS Grid: مقدمه
• 36. ویژگی‌های Grid Container
• 37. ویژگی‌های Grid Item
• 38. تعریف ستون‌ها در Grid
• 39. تعریف ردیف‌ها در Grid
• 40. چیدمان در Grid
• 41. استفاده از Grid برای داشبوردهای مدیریت ناوگان
• 42. طراحی جداول داده در مدیریت ناوگان با CSS
• 43. استایل‌دهی به فرم‌ها در مدیریت ناوگان
• 44. استایل‌دهی به دکمه‌ها و عناصر تعاملی
• 45. استایل‌دهی به نمودارها و نمایش داده‌ها
• 46. استایل‌دهی به نقشه و اطلاعات مکانی
• 47. استایل‌دهی به اعلان‌ها و پیام‌ها
• 48. استایل‌دهی به نوارهای ناوبری (Navigation Bars)
• 49. استایل‌دهی به سایدبارها (Sidebars)
• 50. استایل‌دهی به فوترها (Footers)
• 51. طراحی واکنش‌گرا (Responsive Design) با CSS
• 52. مفهوم Media Queries
• 53. نوشتن Media Queries برای دستگاه‌های مختلف
• 54. استفاده از واحدهای نسبی (em, rem, %)
• 55. تنظیم فونت‌ها برای اندازه‌های مختلف صفحه
• 56. تنظیم تصاویر برای اندازه‌های مختلف صفحه
• 57. تنظیم چیدمان برای اندازه‌های مختلف صفحه
• 58. طراحی Mobile-First
• 59. استراتژی‌های CSS برای مدیریت ناوگان
• 60. شروع با یک فریم‌ورک CSS (مثال: Bootstrap، Tailwind CSS)
• 61. مقایسه فریم‌ورک‌های CSS
• 62. تنظیمات اولیه فریم‌ورک
• 63. استفاده از کامپوننت‌های آماده فریم‌ورک
• 64. توسعه کامپوننت‌های سفارشی
• 65. مدیریت رنگ‌ها و تم‌ها در CSS
• 66. استفاده از متغیرهای CSS (CSS Variables)
• 67. ایجاد تم‌های مختلف (روز/شب)
• 68. استفاده از CSS برای انیمیشن‌ها
• 69. مقدمه‌ای بر CSS Transitions
• 70. انتقال خواص CSS
• 71. تنظیم زمان‌بندی انتقال
• 72. کاربرد Transitions در رابط‌های کاربری مدیریت ناوگان
• 73. CSS Animations: مقدمه
• 74. تعریف Keyframes
• 75. استفاده از Animations
• 76. ترکیب Animations و Transitions
• 77. انیمیشن‌های بارگذاری (Loading Animations)
• 78. انیمیشن‌های بازخورد (Feedback Animations)
• 79. انیمیشن‌های نمایش داده‌ها
• 80. بهینه‌سازی CSS
• 81. کاهش حجم فایل‌های CSS
• 82. فشرده‌سازی CSS (Minification)
• 83. حذف CSS بلااستفاده
• 84. سازماندهی کد CSS
• 85. متدولوژی‌های BEM (Block Element Modifier)
• 86. استفاده از SASS/SCSS (مقدماتی)
• 87. متغیرها در SASS
• 88. نستینگ (Nesting) در SASS
• 89. میکسین‌ها (Mixins) در SASS
• 90. توابع (Functions) در SASS
• 91. سازماندهی پروژه‌های بزرگ CSS
• 92. CSS-in-JS (مقدماتی)
• 93. مفهوم CSS-in-JS
• 94. مزایا و معایب
• 95. ابزارهای رایج
• 96. استفاده از CSS برای بهبود دسترسی‌پذیری (Accessibility)
• 97. کنتراست رنگ‌ها
• 98. اندازه فونت قابل تنظیم
• 99. استفاده از ARIA Attributes
• 100. تست CSS