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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در مدیریت ناوگان
• 2. چرا CSS برای تحلیل صنعت مدیریت ناوگان مهم است؟
• 3. نصب و راه‌اندازی ابزارهای توسعه (Inspect Element)
• 4. اصول اولیه CSS: انتخابگرها، ویژگی‌ها و مقادیر
• 5. انتخابگرهای عناصر، کلاس‌ها و شناسه‌ها
• 6. انتخابگرهای ویژگی و شبه‌کلاس‌ها
• 7. انتخابگرهای شبه‌عناصر
• 8. مفهوم ارث‌بری (Inheritance) در CSS
• 9. مفهوم اولویت (Specificity) و نحوه محاسبه آن
• 10. چگونه اولویت بر نحوه اعمال سبک‌ها تأثیر می‌گذارد
• 11. تکنیک‌های اصلی چینش (Layout): Box Model
• 12. ویژگی `display` و مقادیر آن (block, inline, inline-block)
• 13. ویژگی `position` و مقادیر آن (static, relative, absolute, fixed, sticky)
• 14. کار با `position: absolute` و `position: relative`
• 15. کار با `position: fixed` و `position: sticky`
• 16. کار با Flexbox: مقدمات و مفاهیم اصلی
• 17. ویژگی‌های Flex Container (`display: flex`, `flex-direction`, `justify-content`, `align-items`)
• 18. ویژگی‌های Flex Item (`flex-grow`, `flex-shrink`, `flex-basis`, `flex`)
• 19. چینش پیشرفته با Flexbox
• 20. کار با Grid Layout: مقدمات و مفاهیم اصلی
• 21. ویژگی‌های Grid Container (`display: grid`, `grid-template-columns`, `grid-template-rows`, `grid-gap`)
• 22. ویژگی‌های Grid Item (`grid-column`, `grid-row`, `grid-area`)
• 23. چینش پیشرفته با Grid Layout
• 24. استفاده از Grid و Flexbox به صورت ترکیبی
• 25. طراحی واکنش‌گرا (Responsive Design): مقدمات
• 26. Viewport meta tag و تأثیر آن
• 27. Media Queries: نحوه استفاده و اصول
• 28. طراحی واکنش‌گرا برای صفحه نمایش‌های مختلف
• 29. طراحی Mobile-first در مقابل Desktop-first
• 30. کار با واحدهای اندازه‌گیری نسبی (%, em, rem, vw, vh)
• 31. استفاده از واحدهای اندازه‌گیری مطلق (px, pt)
• 32. تنظیم فونت‌ها: انتخاب فونت، اندازه، وزن و سبک
• 33. وب فونت‌ها (Web Fonts) و نحوه استفاده از آنها
• 34. کار با رنگ‌ها: مقادیر HEX، RGB، RGBA، HSL، HSLA
• 35. کار با گرادیان‌ها (Gradients) در CSS
• 36. تنظیم پس‌زمینه‌ها (Backgrounds): رنگ، تصویر، تکرار، موقعیت
• 37. خاصیت `background-image` و استفاده از آن
• 38. خاصیت `background-position` و `background-size`
• 39. خاصیت `background-repeat` و `background-attachment`
• 40. کادربندی (Borders): سبک، عرض، رنگ و گوشه‌های گرد
• 41. خاصیت `border-radius` برای ایجاد گوشه‌های گرد
• 42. ایجاد سایه‌ها (Box Shadows) برای عناصر
• 43. ایجاد سایه‌های متنی (Text Shadows)
• 44. کار با فواصل (Margins) و padding
• 45. مفهوم `box-sizing: border-box` و اهمیت آن
• 46. انتقال‌ها (Transitions) در CSS
• 47. انتقال ویژگی‌های مختلف (رنگ، اندازه، موقعیت)
• 48. تنظیم زمان‌بندی و تأخیر در Transitions
• 49. انیمیشن‌ها (Animations) در CSS
• 50. تعریف Keyframes برای انیمیشن‌ها
• 51. کار با `animation-name`, `animation-duration`, `animation-timing-function`
• 52. کار با `animation-iteration-count`, `animation-direction`, `animation-fill-mode`
• 53. انیمیشن‌های پیچیده و ترکیبی
• 54. مفهوم Transform: مقیاس‌بندی، چرخش، جابجایی
• 55. کار با `transform: scale()`, `transform: rotate()`, `transform: translate()`
• 56. کار با `transform-origin`
• 57. ترکیب Transform ها
• 58. کار با Pseudo-elements برای ایجاد جلوه‌های بصری
• 59. استفاده از `:before` و `:after` برای افزودن محتوای تزئینی
• 60. افزودن آیکون‌ها با استفاده از Pseudo-elements
• 61. مدیریت فرم‌ها (Forms) در CSS
• 62. سبک‌دهی به عناصر ورودی (`input`, `textarea`, `select`)
• 63. سبک‌دهی به دکمه‌ها (Buttons)
• 64. مدیریت جداول (Tables) در CSS
• 65. سبک‌دهی به سطرها و ستون‌های جدول
• 66. کار با `border-collapse` و `border-spacing`
• 67. تنظیمات ظاهر جداول در مدیریت ناوگان
• 68. نمایش داده‌های سلسله مراتبی (Hierarchical Data) با CSS
• 69. سبک‌دهی به منوها و ناوبری (Navigation)
• 70. ایجاد منوهای کشویی (Dropdown Menus)
• 71. ایجاد منوهای همبرگری (Hamburger Menus)
• 72. اصول دسترسی‌پذیری (Accessibility) در CSS
• 73. کنترل کنتراست رنگ‌ها
• 74. سبک‌دهی برای صفحه کلید (Keyboard Navigation)
• 75. استفاده از `outline` و `focus-visible`
• 76. بهینه‌سازی عملکرد CSS
• 77. حذف کدهای اضافی و مرتب‌سازی (Minification & Optimization)
• 78. استفاده از واحدهای اندازه‌گیری مناسب
• 79. مدیریت و سازماندهی فایل‌های CSS
• 80. اصول SASS/SCSS: متغیرها، توابع، Mixins
• 81. استفاده از Nesting در SASS/SCSS
• 82. استفاده از Partial ها و Import کردن
• 83. مدیریت پروژه‌های بزرگ با SASS/SCSS
• 84. اصول LESS: مقایسه با SASS/SCSS
• 85. استفاده از متغیرها، توابع و Mixins در LESS
• 86. اصول BEM (Block, Element, Modifier) برای نام‌گذاری کلاس‌ها
• 87. کاربرد BEM در پروژه‌های مقیاس‌پذیر
• 88. اصول OOCSS (Object-Oriented CSS)
• 89. اصول SMACSS (Scalable and Modular Architecture for CSS)
• 90. استفاده از CSS-in-JS (مثال: Styled Components)
• 91. مزایا و معایب CSS-in-JS
• 92. ابزارهای کمکی CSS (CSS Preprocessors & Postprocessors)
• 93. استفاده از Autoprefixer
• 94. کار با CSS Variables (Custom Properties)
• 95. تعریف و استفاده از CSS Variables
• 96. به‌روزرسانی دینامیک سبک‌ها با CSS Variables
• 97. کاربرد CSS Variables در مدیریت پویا (Dynamic Styling)
• 98. مفهوم Dark Mode و نحوه پیاده‌سازی آن با CSS
• 99. تنظیم تم‌های مختلف با CSS Variables
• 100. مدیریت خطاها و دیباگ کردن CSS