فلش‌کارت‌های آموزشی CSS for Fleet Management Providers

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

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

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

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

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

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

• 1. مقدمه‌ای بر برنامه نویسی وب و نقش CSS
• 2. CSS چیست و چرا برای مدیریت ناوگان حیاتی است؟
• 3. نحوه کارکرد CSS در مرورگرها
• 4. ابزارهای توسعه دهندگان مرورگر برای CSS
• 5. ساختار پروژه های وب مدیریت ناوگان
• 6. ادغام CSS در HTML: روش های مختلف
• 7. انتخابگرهای پایه CSS: Tag, ID, Class
• 8. قواعد CSS و بلوک های اعلان
• 9. خواص (Properties) و مقادیر (Values) در CSS
• 10. مدل جعبه ای (Box Model): Margin, Border, Padding, Content
• 11. فهم عرض و ارتفاع (Width and Height)
• 12. کنترل نمایش عناصر: Display Property (Block, Inline, Inline-Block)
• 13. خواص رنگی (Colors): Hex, RGB, RGBA, HSL, HSLA
• 14. خواص پس زمینه (Background Properties)
• 15. مفهوم آبشاری (Cascading) در CSS
• 16. وراثت (Inheritance) در CSS
• 17. مفهوم اولویت (Specificity) در CSS
• 18. استفاده از !important و زمان اجتناب از آن
• 19. کار با فونت ها: Font-Family, Font-Size, Font-Weight
• 20. خواص متن: Text-Align, Text-Decoration, Line-Height
• 21. واحدهای اندازه گیری در CSS: px, em, rem, vw, vh, %
• 22. استایل دهی به لینک ها برای ناوبری ناوگان
• 23. استایل دهی به لیست ها برای نمایش داده ها
• 24. استایل دهی به جداول برای گزارشات ناوگان
• 25. سفارشی سازی اسکرول بارها
• 26. استفاده از آیکون ها (Font Awesome, SVG) در رابط کاربری ناوگان
• 27. تایپوگرافی واکنشگرا برای داشبوردها
• 28. موقعیت یابی (Positioning): Static, Relative, Absolute, Fixed, Sticky
• 29. استفاده از Z-Index برای لایه بندی عناصر
• 30. تکنیک Float و پاک کردن Float ها
• 31. مقدمه ای بر Flexbox برای چیدمان انعطاف پذیر
• 32. مفاهیم کانتینر فلکس (Flex Container)
• 33. مفاهیم آیتم های فلکس (Flex Items)
• 34. خواص Direction, Wrap, Flow در فلکس
• 35. خواص Justify-Content و Align-Items در فلکس
• 36. خواص Align-Self, Flex-Grow, Flex-Shrink, Flex-Basis در آیتم ها
• 37. طراحی داشبوردهای واکنشگرا با Flexbox
• 38. مقدمه ای بر CSS Grid برای چیدمان پیچیده
• 39. Grid Container و Grid Items
• 40. تعریف سطرها و ستون ها در Grid (Grid-Template-Rows/Columns)
• 41. نامگذاری خطوط و مناطق Grid (Grid-Template-Areas)
• 42. قرار دادن آیتم ها در Grid (Grid-Row/Column)
• 43. خواص Justify-Items, Align-Items, Place-Items در Grid
• 44. طراحی لی اوت داشبوردهای مدیریت ناوگان با Grid
• 45. ترکیب Flexbox و Grid برای چیدمان های پیشرفته
• 46. مقدمه ای بر طراحی واکنشگرا (Responsive Design)
• 47. Viewport Meta Tag و اهمیت آن
• 48. Media Queries: Breakpoints و ساختار
• 49. طراحی برای دستگاه های مختلف (موبایل، تبلت، دسکتاپ)
• 50. استراتژی Mobile-First در طراحی واکنشگرا
• 51. تصاویر واکنشگرا و Background-Size
• 52. جداول واکنشگرا برای نمایش داده های ناوگان
• 53. فرم های واکنشگرا برای ورود اطلاعات
• 54. تست طراحی واکنشگرا در ابزارهای توسعه دهندگان
• 55. ملاحظات عملکردی در طراحی واکنشگرا
• 56. انتخابگرهای ترکیبی (Combinators): Descendant, Child, Sibling
• 57. انتخابگرهای ویژگی (Attribute Selectors)
• 58. Pseudo-classes: برای حالت های تعاملی (:hover, :active, :focus)
• 59. Pseudo-classes: برای ساختار (:first-child, :last-child, :nth-child)
• 60. Pseudo-elements: ::before, ::after برای محتوای تولید شده
• 61. سفارشی سازی Checkbox و Radio Button ها
• 62. استایل دهی به حالت های مختلف ورودی فرم ها
• 63. کار با انتخابگر :not() و :where(), :is()
• 64. استایل دهی به دکمه ها: دکمه های اصلی و ثانویه
• 65. استایل دهی به فرم ها: ورودی ها، فیلدهای متنی، کشویی ها
• 66. طراحی سیستم ناوبری (Navigation Bars) برای داشبوردهای ناوگان
• 67. استایل دهی به تب ها و آکاردئون ها برای سازماندهی اطلاعات
• 68. طراحی کارت ها (Cards) برای نمایش اطلاعات وسایل نقلیه
• 69. استایل دهی به مودال ها (Modals) و پاپ آپ ها
• 70. سفارشی سازی اعلان ها (Notifications) و هشدارها
• 71. استایل دهی به نوار پیشرفت (Progress Bars) و اسپینرها
• 72. طراحی جداول داده پیشرفته برای ردیابی و گزارش
• 73. استایل دهی به نمودارها و گرافیک ها (با استفاده از کتابخانه های JS و CSS)
• 74. ادغام و استایل دهی نقشه ها (Map Integration Styling) با CSS
• 75. طراحی صفحات ورود و ثبت نام (Login/Registration Screens)
• 76. مقدمه ای بر CSS Transitions
• 77. خواص Transition-Property, Duration, Timing-Function, Delay
• 78. ایجاد جلوه های حرکتی روان در رابط کاربری ناوگان
• 79. مقدمه ای بر CSS Transforms (Translate, Rotate, Scale, Skew)
• 80. استفاده از Transforms برای جلوه های بصری
• 81. مقدمه ای بر CSS Animations: Keyframes
• 82. خواص Animation-Name, Duration, Iteration-Count, Delay, Fill-Mode
• 83. چرا از پیش پردازنده های CSS استفاده کنیم؟ (Sass/Less)
• 84. نصب و راه اندازی Sass/SCSS
• 85. متغیرها (Variables) در Sass برای مدیریت تم
• 86. توابع تو در تو (Nesting) در Sass
• 87. Mixins و Extends برای کدنویسی ماژولار
• 88. سازماندهی کد CSS با متدولوژی هایی مانند BEM یا SMACSS
• 89. بهینه سازی تصاویر برای سرعت بارگذاری
• 90. کوچک سازی (Minification) و فشرده سازی (Compression) CSS
• 91. بارگذاری غیرهمزمان (Asynchronous Loading) CSS
• 92. استفاده از CSS Shorthand Properties
• 93. ابزارهای اندازه گیری عملکرد CSS
• 94. کاهش رفلکس (Reflow) و بازسازی (Repaint)
• 95. اصول دسترسی پذیری (Accessibility) در CSS (WCAG)
• 96. طراحی با کنتراست رنگی مناسب برای مدیریت ناوگان
• 97. تم سازی (Theming) و برندینگ با CSS Custom Properties (Variables)
• 98. پشتیبانی از Dark Mode با Media Query prefers-color-scheme
• 99. دیباگ کردن مشکلات CSS در پروژه های بزرگ
• 100. ابزارهای Build و Post-Processors (Autoprefixer, CSSnano)