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

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

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

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

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

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

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

• 1. مبانی CSS:
• 2. CSS چیست و چرا مهم است؟
• 3. نحوه اتصال CSS به HTML (داخلی، خارجی، خطی)
• 4. انتخابگرها: انتخاب عناصر HTML (عناصر، کلاس‌ها، IDها)
• 5. انتخابگرهای ترکیبی: فرزند، هم‌جوار، عمومی
• 6. انتخابگرهای ویژگی
• 7. اولویت CSS و Cascading
• 8. قوانین CSS: property و value
• 9. واحدها: px, em, rem, %, vh, vw
• 10. رنگ‌ها در CSS: نام رنگ، RGB, RGBA, Hex
• 11. متن و فونت: font-family, font-size, font-weight, color
• 12. text-align, text-decoration, line-height
• 13. استفاده از فونت‌های وب
• 14. مبانی Box Model: content, padding, border, margin
• 15. مدل Box Model: محاسبه اندازه و فضای اشغال شده
• 16. Border: style, width, color, radius
• 17. Padding و Margin: تفاوت و کاربرد
• 18. display: inline, block, inline-block, none
• 19. width و height: تنظیم اندازه عناصر
• 20. overflow: مدیریت محتوای سرریز شده
• 21. visibility: hidden vs. display: none
• 22. positioning: static, relative, absolute, fixed, sticky
• 23. z-index: کنترل لایه‌بندی
• 24. شناخت Flexbox: مفاهیم اولیه
• 25. Flex Container و Flex Items
• 26. direction, wrap, justify-content, align-items
• 27. align-content, gap
• 28. Flexbox برای چیدمان عمودی و افقی
• 29. شناخت Grid Layout: مفاهیم اولیه
• 30. Grid Container و Grid Items
• 31. grid-template-columns و grid-template-rows
• 32. grid-column-start و grid-column-end, grid-row-start و grid-row-end
• 33. grid-template-areas
• 34. gap, grid-auto-rows, grid-auto-columns
• 35. Grid برای چیدمان‌های پیچیده
• 36. Responsive Design: مفاهیم اولیه
• 37. Media Queries: نوشتن
• 38. Media Queries: screen, print, all
• 39. Viewport: تنظیم
• 40. تصاویر Responsive: max-width, height: auto
• 41. متن Responsive: font-size, viewport units
• 42. CSS Variables (Custom Properties): معرفی
• 43. ایجاد و استفاده از CSS Variables
• 44. CSS Variables و Themeing
• 45. Transition: معرفی
• 46. Transition: properties, duration, timing function, delay
• 47. Animation: معرفی
• 48. @keyframes: تعریف انیمیشن
• 49. animation-name, animation-duration, animation-delay, animation-iteration-count
• 50. Transforms: معرفی
• 51. transform: translate, scale, rotate, skew
• 52. Transforms: origin
• 53. Filters: معرفی
• 54. filter: blur, grayscale, brightness, contrast
• 55. Selectors پیشرفته:
• 56. انتخابگرهای Attribute (پیشرفته‌تر)
• 57. Pseudo-classes: hover, active, focus, first-child, last-child
• 58. Pseudo-classes: nth-child, nth-of-type
• 59. Pseudo-elements: ::before, ::after
• 60. Pseudo-elements: ::first-letter, ::first-line
• 61. کار با Background ها:
• 62. background-color, background-image
• 63. background-repeat, background-position, background-size
• 64. background-attachment
• 65. gradient ها: linear-gradient, radial-gradient
• 66. تکنیک‌های پیشرفته CSS:
• 67. CSS Reset و Normalize
• 68. Preprocessors: Sass (معرفی)
• 69. Sass: متغیرها، mixins، nesting، import
• 70. CSS Frameworks (معرفی): Bootstrap, Tailwind CSS
• 71. کار با Icons و Font Awesome
• 72. CSS و بهینه‌سازی عملکرد
• 73. کتابخانه های CSS برای مدیریت Fleet:
• 74. معرفی CSS برای Fleet Management
• 75. طراحی قالب‌های وب برای ناوگان
• 76. CSS برای مدیریت نقشه‌ها و داده‌های مکانی
• 77. طراحی فرم‌های تعاملی برای Fleet Management
• 78. CSS برای نمایش داده‌های جدول‌بندی شده
• 79. CSS برای داشبوردهای مدیریتی
• 80. استفاده از CSS در Fleet Management: امنیت
• 81. بهبود دسترسی‌پذیری وب‌سایت‌های Fleet Management
• 82. CSS و طراحی واکنش‌گرا برای دستگاه‌های مختلف
• 83. پروژه‌های عملی:
• 84. طراحی یک صفحه فرود (Landing Page) برای ناوگان
• 85. طراحی یک فرم ورود به سیستم
• 86. ایجاد یک داشبورد ساده
• 87. پیاده‌سازی یک گالری تصاویر
• 88. ساخت یک منوی ناوبری Responsive
• 89. پایان دوره:
• 90. نکات تکمیلی و منابع یادگیری بیشتر
• 91. جمع‌بندی و مرور مباحث
• 92. آینده CSS و روندهای نوین
• 93. منابع و مراجع
• 94. ارزیابی و آزمون پایان دوره
• 95. مدل جعبه‌ای (Box Model): حاشیه، بالشتک، مرز و محتوا
• 96. خواص نمایش (Display): Block, Inline, Inline-Block و شروع با Flexbox
• 97. موقعیت‌دهی عناصر (Positioning): Static, Relative, Absolute, Fixed و Sticky
• 98. استایل‌دهی متن و فونت‌ها: Font-family, Size, Weight, Line-height و Text-align
• 99. پس‌زمینه‌ها (Backgrounds): رنگ، تصویر، تکرار و اندازه
• 100. طراحی واکنش‌گرا با Media Queries: انطباق نمایش با دستگاه‌های مختلف