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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS
• 2. چرا CSS برای نرم‌افزارهای مدیریت ناوگان ضروری است؟
• 3. نحوه اتصال CSS به HTML
• 4. قواعد CSS: انتخابگرها، خصوصیات و مقادیر
• 5. انتخابگرهای اساسی HTML (تگ، کلاس، ID)
• 6. انتخابگرهای ترکیبی
• 7. انتخابگرهای صفتی
• 8. انتخابگرهای شبه-کلاس
• 9. انتخابگرهای شبه-عنصر
• 10. اولویت بندی (Specificity) انتخابگرها
• 11. قانون ارث بری (Inheritance) در CSS
• 12. مفهوم مدل جعبه‌ای (Box Model)
• 13. عرض (Width) و ارتفاع (Height)
• 14. حاشیه (Margin)
• 15. لبه (Border)
• 16. فاصله داخلی (Padding)
• 17. استفاده از واحدها در CSS (px, em, rem, %, vw, vh)
• 18. پس‌زمینه (Background) در CSS
• 19. رنگ (Color) و شفافیت (Opacity)
• 20. تصاویر پس‌زمینه (Background Images)
• 21. تکرار تصاویر پس‌زمینه (Background Repeat)
• 22. موقعیت تصاویر پس‌زمینه (Background Position)
• 23. اندازه تصاویر پس‌زمینه (Background Size)
• 24. ضمیمه تصاویر پس‌زمینه (Background Attachment)
• 25. گرادیان‌ها (Gradients) در CSS
• 26. نوشتار (Typography) در CSS
• 27. فونت (Font Family)
• 28. اندازه فونت (Font Size)
• 29. وزن فونت (Font Weight)
• 30. سبک فونت (Font Style)
• 31. تزیینات فونت (Text Decoration)
• 32. تراز متن (Text Align)
• 33. ارتفاع خط (Line Height)
• 34. فاصله بین حروف (Letter Spacing)
• 35. فاصله بین کلمات (Word Spacing)
• 36. سایه‌های متن (Text Shadow)
• 37. استفاده از فونت‌های سفارشی (Custom Fonts)
• 38. رنگ متن (Color)
• 39. طرح‌بندی (Layout) در CSS
• 40. نمایش (Display) خصوصیات (block, inline, inline-block, none)
• 41. شناور کردن (Float) و پاک کردن شناوری (Clearfix)
• 42. موقعیت دهی (Position) (static, relative, absolute, fixed, sticky)
• 43. ز-ایندکس (Z-index)
• 44. فهرست‌بندی (List Style)
• 45. جدول‌ها (Tables) در CSS
• 46. مفهوم Flexbox
• 47. کاربرد Flexbox در نرم‌افزارهای مدیریت ناوگان
• 48. خصوصیات Flex Container
• 49. خصوصیات Flex Item
• 50. مفهوم Grid CSS
• 51. کاربرد Grid CSS در نرم‌افزارهای مدیریت ناوگان
• 52. خصوصیات Grid Container
• 53. خصوصیات Grid Item
• 54. طراحی ریسپانسیو (Responsive Design)
• 55. Viewport Meta Tag
• 56. Media Queries
• 57. دستورات Media Queries برای دستگاه‌های مختلف
• 58. اصول طراحی ریسپانسیو برای نمایش داده‌های ناوگان
• 59. مفهوم واحد های نسبی (Fluid Units)
• 60. مفهوم Breakpoints
• 61. انیمیشن (Animation) در CSS
• 62. مفهوم Transition
• 63. خصوصیات Transition
• 64. مفهوم Keyframes Animation
• 65. خصوصیات Animation
• 66. استفاده از انیمیشن برای جذابیت رابط کاربری
• 67. جلوه‌های ویژه (Effects) در CSS
• 68. سایه‌های جعبه‌ای (Box Shadow)
• 69. گرد کردن گوشه‌ها (Border Radius)
• 70. فیلترها (Filters) (blur, grayscale, sepia)
• 71. ترانسفورمیشن‌ها (Transforms) (scale, rotate, translate, skew)
• 72. استفاده از آیکون‌ها (Icons) در CSS
• 73. فونت آیکون (Font Awesome)
• 74. SVG Icons
• 75. بهینه سازی CSS
• 76. فشرده سازی (Minification)
• 77. حذف کدهای بلا استفاده
• 78. ساختار CSS (CSS Architecture)
• 79. BEM (Block, Element, Modifier) Methodology
• 80. SMACSS (Scalable and Modular Architecture for CSS)
• 81. OOCSS (Object-Oriented CSS)
• 82. مدیریت CSS در پروژه های بزرگ
• 83. کامپایلرها و پیش‌پردازنده‌ها (Preprocessors)
• 84. Sass/SCSS
• 85. Less
• 86. کاربرد متغیرها (Variables) در Sass/Less
• 87. استفاده از Mixins
• 88. استفاده از توابع (Functions)
• 89. استفاده از Nesting
• 90. CSS Modules
• 91. Styled Components
• 92. SSR (Server-Side Rendering) CSS
• 93. Accessibility (دسترسی پذیری) در CSS
• 94. استفاده از ARIA Attributes
• 95. کنتراست رنگی (Color Contrast)
• 96. دستورالعمل‌های دسترسی پذیری WCAG
• 97. تست دسترسی پذیری
• 98. CSS در مرورگرهای مختلف (Cross-Browser Compatibility)
• 99. Browser Prefixing
• 100. تست کردن در مرورگرهای مختلف