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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در طراحی وب
• 2. آشنایی با سینتکس CSS: انتخابگرها، ویژگی ها و مقادیر
• 3. نحوه اعمال CSS: درون خطی، داخلی و خارجی
• 4. انتخابگرهای نوع (Type Selectors)
• 5. انتخابگرهای کلاس (Class Selectors)
• 6. انتخابگرهای شناسه (ID Selectors)
• 7. انتخابگرهای ویژگی (Attribute Selectors)
• 8. انتخابگرهای ترکیبی (Combinators): فرزند، نوه، همسایه مجاور و عمومی
• 9. انتخابگرهای شبه کلاس (Pseudo-classes)
• 10. انتخابگرهای شبه عنصر (Pseudo-elements)
• 11. ارث بری (Inheritance) در CSS
• 12. خاصیت (Specificity) در CSS و روش محاسبه آن
• 13. آبشار (Cascade) در CSS
• 14. مقادیر و واحدهای CSS: مطلق و نسبی
• 15. رنگ ها در CSS: نام ها، کد HEX، RGB و RGBA
• 16. مدل جعبه ای (Box Model) در CSS: محتوا، padding، border و margin
• 17. تنظیم ابعاد عناصر: width و height
• 18. حاشیه ها (Borders) در CSS: استایل، رنگ و پهنا
• 19. padding در CSS: تنظیم فاصله داخلی عناصر
• 20. margin در CSS: تنظیم فاصله بیرونی عناصر
• 21. overflow در CSS: مدیریت محتوای اضافی
• 22. display در CSS: انواع مختلف نمایش عناصر (block, inline, inline-block, none)
• 23. position در CSS: static, relative, absolute, fixed, sticky
• 24. z-index در CSS: مدیریت لایه بندی عناصر
• 25. Float در CSS: شناور سازی عناصر
• 26. Clear در CSS: جلوگیری از شناور شدن عناصر
• 27. معرفی Layout های CSS
• 28. Flexbox در CSS: مقدمه و مفاهیم اصلی
• 29. Container Flexbox: flex-direction، flex-wrap، justify-content، align-items، align-content
• 30. Item Flexbox: flex-grow، flex-shrink، flex-basis، align-self، order
• 31. Grid Layout در CSS: مقدمه و مفاهیم اصلی
• 32. Container Grid: grid-template-rows، grid-template-columns، grid-template-areas، grid-gap
• 33. Item Grid: grid-row-start، grid-row-end، grid-column-start، grid-column-end، grid-area
• 34. مقیاس پذیری Layout با Grid و Flexbox
• 35. فونت ها در CSS: family، size، weight، style، variant
• 36. متن در CSS: color، text-align، text-decoration، text-transform، line-height
• 37. لیست ها در CSS: list-style-type، list-style-position، list-style-image
• 38. لینک ها در CSS: استایل دهی به لینک ها در حالت های مختلف (hover, visited, active)
• 39. پس زمینه ها در CSS: color، image، repeat، position، size
• 40. گرادیان ها در CSS: خطی و شعاعی
• 41. سایه ها در CSS: box-shadow و text-shadow
• 42. ترنزیشن ها (Transitions) در CSS: ایجاد انیمیشن های ساده
• 43. انیمیشن ها (Animations) در CSS: keyframes، duration، timing-function، iteration-count
• 44. تبدیل ها (Transforms) در CSS: translate، rotate، scale، skew
• 45. فیلترها (Filters) در CSS: blur، brightness، contrast، grayscale، sepia
• 46. ماسک ها (Masks) در CSS
• 47. حالت های ترکیب (Blend Modes) در CSS
• 48. واحد های Viewport در CSS (vw, vh, vmin, vmax)
• 49. متغیرها (Custom Properties) در CSS
• 50. محاسبه (Calc) در CSS
• 51. رسپانسیو (Responsive) Design: مقدمه و اهمیت
• 52. Viewport Meta Tag
• 53. Media Queries: تعریف و استفاده
• 54. Breakpoints: انتخاب نقاط شکست مناسب
• 55. Mobile-First Approach
• 56. Desktop-First Approach
• 57. واحدهای نسبی در طراحی رسپانسیو
• 58. تصاویر رسپانسیو: srcset و sizes
• 59. فونت های رسپانسیو
• 60. منوهای رسپانسیو
• 61. طراحی گرید رسپانسیو
• 62. استفاده از فریم ورک های CSS (Bootstrap, Tailwind CSS) برای رسپانسیو
• 63. کار با آیکون ها در CSS: Font Awesome و SVG
• 64. ایجاد Tooltip ها با CSS
• 65. ایجاد Modal ها با CSS
• 66. ایجاد Carousel ها با CSS
• 67. طراحی فرم ها با CSS
• 68. سفارشی سازی scrollbar ها با CSS
• 69. استایل دهی به جدول ها با CSS
• 70. ایجاد Layout های Navigation در Fleet Management Systems
• 71. طراحی داشبورد مدیریتی با CSS
• 72. پیاده سازی نقشه های گوگل با استایل های سفارشی CSS
• 73. استایل دهی به گزارشات و نمودارها با CSS
• 74. ایجاد هشدارها و اعلان ها (Alerts & Notifications) با CSS
• 75. ایجاد سیستم ورود و ثبت نام با CSS
• 76. طراحی صفحات پروفایل کاربری با CSS
• 77. دسترسی پذیری (Accessibility) در CSS: نکات مهم
• 78. ARIA Attributes
• 79. رنگ ها و کنتراست برای دسترسی پذیری
• 80. طراحی برای صفحه خوان ها (Screen Readers)
• 81. بهینه سازی CSS: کاهش حجم فایل ها
• 82. minification و concatenation
• 83. استفاده از ابزارهای CSSLint و Stylelint
• 84. performance CSS و تاثیر آن بر سرعت بارگذاری سایت
• 85. معماری CSS: BEM (Block Element Modifier)
• 86. معماری CSS: OOCSS (Object Oriented CSS)
• 87. معماری CSS: SMACSS (Scalable and Modular Architecture for CSS)
• 88. پیش پردازنده های CSS: Sass و Less
• 89. متغیرها و mixin ها در Sass و Less
• 90. توابع و حلقه ها در Sass و Less
• 91. inheritance در Sass و Less
• 92. ماژول ها (Modules) در Sass و Less
• 93. CSS Modules
• 94. Styled Components
• 95. CSS-in-JS
• 96. PostCSS
• 97. مفاهیم طراحی UI/UX برای Fleet Management Systems
• 98. طراحی رابط کاربری برای رانندگان و مدیران ناوگان
• 99. تست و دیباگ CSS
• 100. ابزارهای توسعه دهنده مرورگر برای CSS