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

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

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

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

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

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

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

• 1. CSS مقدماتی: معرفی و تاریخچه
• 2. CSS مقدماتی: نحوه استایل دهی به صفحات وب
• 3. CSS مقدماتی: انتخابگرها (Selectors): عناصر، کلاس ها، ID ها
• 4. CSS مقدماتی: انتخابگرها: ترکیبی، ویژگی ها، شبه کلاس ها
• 5. CSS مقدماتی: مدل جعبه ای (Box Model): محتوا، پدینگ، حاشیه، مرز
• 6. CSS مقدماتی: واحدهای اندازه گیری: پیکسل، درصد، em، rem، viewport units
• 7. CSS مقدماتی: رنگ ها: نام ها، RGB، HEX، HSL
• 8. CSS مقدماتی: فونت ها: خانواده، اندازه، وزن، سبک، تراز
• 9. CSS مقدماتی: متن: فاصله بین خطوط، فاصله بین حروف، تراز
• 10. CSS مقدماتی: پس زمینه: رنگ، تصویر، تکرار، موقعیت
• 11. CSS پایه: آبشار و وراثت (Cascade and Inheritance)
• 12. CSS پایه: خاصیت !important
• 13. CSS پایه: اولویت بندی CSS
• 14. CSS پایه: استفاده از CSS خارجی، داخلی و درون خطی
• 15. CSS پایه: reset.css و normalize.css
• 16. CSS پایه: بررسی ابزار توسعه دهنده مرورگر (Browser Developer Tools) برای CSS
• 17. CSS پایه: دیباگ کردن CSS
• 18. CSS پایه: نوشتن CSS خوانا و قابل نگهداری
• 19. CSS پایه: کامنت گذاری در CSS
• 20. CSS پایه: سازماندهی فایل های CSS
• 21. CSS چیدمان: موقعیت دهی (Positioning): static, relative, absolute, fixed, sticky
• 22. CSS چیدمان: نمایش (Display): block, inline, inline-block, none
• 23. CSS چیدمان: شناور (Float) و پاکسازی (Clear)
• 24. CSS چیدمان: Flexbox: معرفی و مفاهیم پایه
• 25. CSS چیدمان: Flexbox: container properties (justify-content, align-items, flex-direction, flex-wrap)
• 26. CSS چیدمان: Flexbox: item properties (order, flex-grow, flex-shrink, flex-basis, align-self)
• 27. CSS چیدمان: Grid Layout: معرفی و مفاهیم پایه
• 28. CSS چیدمان: Grid Layout: container properties (grid-template-rows, grid-template-columns, grid-gap)
• 29. CSS چیدمان: Grid Layout: item properties (grid-row, grid-column, grid-area)
• 30. CSS چیدمان: طراحی Responsive: مفاهیم و اصول
• 31. CSS چیدمان: Viewport Meta Tag
• 32. CSS چیدمان: واحدهای Viewport (vh, vw, vmin, vmax)
• 33. CSS چیدمان: query@media
• 34. CSS چیدمان: breakpoints رایج
• 35. CSS چیدمان: Mobile-First vs Desktop-First
• 36. CSS چیدمان: فریم ورک های CSS: Bootstrap, Tailwind CSS (معرفی)
• 37. CSS چیدمان: کتابخانه های UI برای React, Vue, Angular (معرفی)
• 38. CSS پیشرفته: متغیرها (CSS Variables/Custom Properties)
• 39. CSS پیشرفته: توابع (CSS Functions): calc(), min(), max(), clamp()
• 40. CSS پیشرفته: انیمیشن ها (Animations): کلیدواژه @keyframes
• 41. CSS پیشرفته: انیمیشن ها: خواص animation (duration, timing-function, delay, iteration-count, direction, fill-mode)
• 42. CSS پیشرفته: انتقال ها (Transitions): خواص transition (property, duration, timing-function, delay)
• 43. CSS پیشرفته: تبدیل ها (Transforms): 2D و 3D (translate, rotate, scale, skew)
• 44. CSS پیشرفته: فیلترها (Filters): blur, brightness, contrast, grayscale, sepia, saturate, hue-rotate, invert, opacity, drop-shadow
• 45. CSS پیشرفته: حالت Blend Mode
• 46. CSS پیشرفته: حالت Clipping و Masking
• 47. CSS پیشرفته: Shape Outside
• 48. CSS پیشرفته: Object Fit و Object Position
• 49. CSS پیشرفته: ویژگی Counter
• 50. CSS پیشرفته: ویژگی calc() پیشرفته
• 51. CSS پیشرفته: ویژگی content (تولید محتوا با CSS)
• 52. CSS پیشرفته: انتخابگرهای ویژگی پیشرفته (Attribute Selectors)
• 53. CSS پیشرفته: شبه عناصر (Pseudo-elements): ::before و ::after
• 54. CSS پیشرفته: شبه کلاس های پویا (Dynamic Pseudo-classes)
• 55. CSS پیشرفته: :is()، :where() و :has()
• 56. CSS پیشرفته: CSS Houdini (معرفی)
• 57. CSS معماری: مفاهیم CSS Modules
• 58. CSS معماری: مفاهیم BEM (Block, Element, Modifier)
• 59. CSS معماری: مفاهیم SMACSS (Scalable and Modular Architecture for CSS)
• 60. CSS معماری: مفاهیم OOCSS (Object-Oriented CSS)
• 61. CSS معماری: CSS-in-JS (معرفی)
• 62. CSS پیش پردازنده ها: LESS, Sass, Stylus (معرفی)
• 63. CSS پیش پردازنده ها: متغیرها در Sass/LESS
• 64. CSS پیش پردازنده ها: توابع در Sass/LESS
• 65. CSS پیش پردازنده ها: میکس‌این‌ها (Mixins) در Sass/LESS
• 66. CSS پیش پردازنده ها: وراثت (Extend/Inheritance) در Sass/LESS
• 67. CSS پیش پردازنده ها: پارتشیال‌ها (Partials) و ماژول‌ها (Modules) در Sass/LESS
• 68. CSS پیش پردازنده ها: حلقه ها و شرط ها در Sass/LESS
• 69. CSS کارایی: بهینه سازی CSS برای سرعت بارگذاری
• 70. CSS کارایی: minify کردن CSS
• 71. CSS کارایی: استفاده از CDN برای CSS
• 72. CSS کارایی: lazy loading برای تصاویر پس زمینه
• 73. CSS کارایی: استفاده از ویژگی contain
• 74. CSS کارایی: جلوگیری از reflow و repaint
• 75. CSS کارایی: شناسایی و رفع گلوگاه های CSS با DevTools
• 76. CSS دسترسی پذیری: اهمیت دسترسی پذیری (Accessibility)
• 77. CSS دسترسی پذیری: نشانه گذاری معنایی (Semantic HTML)
• 78. CSS دسترسی پذیری: کنتراست رنگ
• 79. CSS دسترسی پذیری: استفاده از ARIA attributes
• 80. CSS دسترسی پذیری: طراحی برای کاربران با نیازهای خاص
• 81. CSS برای Fleet Management: طراحی داشبورد
• 82. CSS برای Fleet Management: طراحی فرم ها
• 83. CSS برای Fleet Management: طراحی جداول داده
• 84. CSS برای Fleet Management: طراحی نقشه ها
• 85. CSS برای Fleet Management: طراحی گزارش ها
• 86. CSS برای Fleet Management: طراحی notification ها
• 87. CSS برای Fleet Management: طراحی آیکون ها
• 88. CSS برای Fleet Management: طراحی chart ها
• 89. CSS برای Fleet Management: طراحی تقویم
• 90. CSS برای Fleet Management: طراحی sidebar و navigation
• 91. CSS برای Fleet Management: استایل دهی به دکمه ها
• 92. CSS برای Fleet Management: استایل دهی به modal ها
• 93. CSS برای Fleet Management: استایل دهی به tooltip ها
• 94. CSS برای Fleet Management: طراحی صفحات لاگین و ثبت نام
• 95. CSS برای Fleet Management: طراحی صفحه 404
• 96. CSS برای Fleet Management: بهینه سازی CSS برای Fleet Management
• 97. CSS برای Fleet Management: پیاده سازی تم های مختلف برای Fleet Management
• 98. CSS برای Fleet Management: تست CSS در مرورگرها و دستگاه های مختلف
• 99. CSS برای Fleet Management: دیباگ کردن مشکلات CSS در Fleet Management
• 100. CSS برای Fleet Management: استفاده از ابزار linting برای CSS در Fleet Management