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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در مدیریت ناوگان
• 2. آشنایی با مفاهیم پایه ای CSS
• 3. انتخابگرها (Selectors) در CSS: مقدماتی
• 4. انواع انتخابگرها: عناصر، کلاس ها، ID ها
• 5. استفاده از انتخابگرهای ترکیبی (Combinators)
• 6. انتخابگرهای ویژگی (Attribute Selectors)
• 7. شبه کلاس ها (Pseudo-classes): hover, active, visited
• 8. شبه عناصر (Pseudo-elements): before, after
• 9. نحوه نوشتن CSS: Inline, Internal, External
• 10. آشنایی با Box Model
• 11. حاشیه ها (Margins) و فاصله داخلی (Padding)
• 12. اندازه گیری عناصر: Width و Height
• 13. آشنایی با واحد های اندازه گیری: px, em, rem, %, vw, vh
• 14. استفاده از color ها: نام رنگ ها، کد هگزادسیمال، RGB، RGBA
• 15. پس زمینه ها (Backgrounds): رنگ، تصویر، تکرار، موقعیت
• 16. فونت ها: خانواده فونت، اندازه فونت، وزن فونت
• 17. استایل دهی متن: رنگ، ترازبندی، فاصله خطوط
• 18. لیست ها: استایل دهی و سفارشی سازی
• 19. جدول ها: استایل دهی و طراحی
• 20. فرم ها: استایل دهی و سفارشی سازی
• 21. آشنایی با مفاهیم Layout
• 22. Display Property: block, inline, inline-block
• 23. Positioning: static, relative, absolute, fixed, sticky
• 24. استفاده از Float برای طراحی Layout
• 25. Clearfix برای رفع مشکل Float
• 26. آشنایی با Flexbox: Container و Items
• 27. تنظیم جهت و تراز بندی در Flexbox
• 28. Flex Grow, Flex Shrink, Flex Basis
• 29. آشنایی با Grid Layout: Container و Items
• 30. تعریف ردیف ها و ستون ها در Grid
• 31. Grid Template Areas
• 32. Grid Gap و Grid Lines
• 33. رسپانسیو دیزاین (Responsive Design): مقدماتی
• 34. Viewport Meta Tag
• 35. Media Queries: بر اساس اندازه صفحه نمایش
• 36. Media Queries: بر اساس نوع دستگاه
• 37. استفاده از Percentages برای طراحی رسپانسیو
• 38. استفاده از Max-width و Min-width
• 39. آشنایی با فریمورک های CSS: Bootstrap, Tailwind CSS
• 40. استفاده از Bootstrap: Grid System
• 41. استفاده از Bootstrap: Components
• 42. استفاده از Tailwind CSS: Utility Classes
• 43. آشنایی با Sass/SCSS: متغیرها، توابع، mixin ها
• 44. نصب و راه اندازی Sass/SCSS
• 45. استفاده از متغیرها در Sass/SCSS
• 46. استفاده از Mixin ها در Sass/SCSS
• 47. استفاده از توابع در Sass/SCSS
• 48. Nested Rules در Sass/SCSS
• 49. Partials و Modules در Sass/SCSS
• 50. استفاده از @extend در Sass/SCSS
• 51. کامپایل Sass/SCSS به CSS
• 52. آشنایی با CSS Animations
• 53. تعریف Keyframes
• 54. Animation Properties: duration, delay, iteration-count
• 55. Transitions: تغییرات تدریجی در CSS
• 56. Transformations: Rotate, Scale, Translate, Skew
• 57. استفاده از CSS Filters
• 58. آشنایی با CSS Variables (Custom Properties)
• 59. Scoped CSS Variables
• 60. CSS Specificity
• 61. آشنایی با DevTools در مرورگر
• 62. Debugging CSS
• 63. بهینه سازی CSS: Minification
• 64. بهینه سازی CSS: Code Splitting
• 65. آشنایی با مفاهیم SEO و CSS
• 66. استفاده از CSS برای بهبود خوانایی وب سایت
• 67. آشنایی با Accessibility (دسترسی پذیری) و CSS
• 68. طراحی برای صفحه نمایش های مختلف
• 69. طراحی با در نظر گرفتن رنگ ها برای افراد دارای کور رنگی
• 70. استفاده از Icon Fonts
• 71. استفاده از SVG Icons
• 72. آشنایی با BEM (Block Element Modifier)
• 73. آشنایی با Atomic CSS
• 74. نحوه سازماندهی پروژه های بزرگ CSS
• 75. آشنایی با CSS Modules
• 76. آشنایی با Styled Components
• 77. آشنایی با CSS-in-JS
• 78. استفاده از preprocessors برای مدیریت فونت
• 79. مدیریت تصاویر پس زمینه با CSS
• 80. ایجاد افکت های تصویری با CSS
• 81. استفاده از CSS برای چاپ صفحات وب
• 82. طراحی داشبورد های مدیریتی با CSS
• 83. پیاده سازی نمودارها با CSS
• 84. استفاده از CSS برای ایجاد رابط کاربری (UI) جذاب
• 85. طراحی صفحات Login و Register با CSS
• 86. طراحی صفحات پروفایل کاربری با CSS
• 87. طراحی صفحات خطا (Error Pages) با CSS
• 88. طراحی صفحات ۴۰۴ با CSS
• 89. ایجاد Loading Animations با CSS
• 90. ایجاد Scroll Animations با CSS
• 91. استفاده از CSS برای بهبود عملکرد وب سایت
• 92. استفاده از CSS Sprites
• 93. آشنایی با Critical CSS
• 94. Lazy Loading تصاویر با CSS
• 95. استفاده از CDN برای CSS
• 96. آشنایی با مفاهیم Web Performance Optimization (WPO)
• 97. آشنایی با HTTP/2 و تاثیر آن بر CSS
• 98. بررسی و تحلیل CSS با ابزارهای آنلاین
• 99. بررسی CSS Compatibility با مرورگرهای مختلف
• 100. استفاده از CSS برای A/B Testing