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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و جایگاه آن در مدیریت ناوگان
• 2. چرا CSS برای گواهینامه‌های مدیریت ناوگان مهم است؟
• 3. CSS چیست و چه کاری انجام می‌دهد؟
• 4. CSS در مقابل HTML: یک نمای کلی
• 5. تاریخچه مختصری از CSS
• 6. اصول اولیه CSS: سلکتورها، پراپرتی‌ها و مقادیر
• 7. نحوه اتصال CSS به HTML: Inline, Internal, External
• 8. نوشتن اولین قوانین CSS
• 9. سلکتورهای اساسی: تگ، کلاس، ID
• 10. سلکتورهای ترکیبی: Descendant, Child, Adjacent Sibling, General Sibling
• 11. سلکتورهای ویژگی (Attribute Selectors)
• 12. سلکتورهای شبه‌کلاس (Pseudo-classes)
• 13. سلکتورهای شبه‌المان (Pseudo-elements)
• 14. اولویت‌بندی قوانین CSS (Specificity)
• 15. قانون !important و نکات مربوط به آن
• 16. کشف و دیباگ کردن مشکلات CSS با استفاده از ابزارهای توسعه‌دهنده مرورگر
• 17. مفهوم Box Model در CSS
• 18. ویژگی‌های Box Model: Margin, Border, Padding, Content
• 19. تنظیم Margin: فاصله خارجی عناصر
• 20. تنظیم Padding: فاصله داخلی عناصر
• 21. تنظیم Border: حاشیه‌های عناصر
• 22. انواع Border: Solid, Dashed, Dotted, Double, Groove, Ridge, Inset, Outset
• 23. ضخامت Border: thin, medium, thick, pixel
• 24. رنگ Border
• 25. تنظیم Corner Radius: گرد کردن گوشه‌ها
• 26. تنظیم Width و Height عناصر
• 27. تنظیم Min-width, Max-width, Min-height, Max-height
• 28. مفهوم Display در CSS
• 29. مقادیر رایج Display: block, inline, inline-block, none
• 30. تنظیمات تخصصی‌تر Display: list-item, table, flex, grid
• 31. مفهوم Position در CSS
• 32. مقادیر رایج Position: static, relative, absolute, fixed, sticky
• 33. تنظیمات Top, Bottom, Left, Right در Position
• 34. تنظیم Z-index برای ترتیب لایه‌ها
• 35. مفهوم Float و Clear
• 36. کاربرد Float در چیدمان صفحات
• 37. مشکلات Float و نحوه رفع آنها با Clearfix
• 38. مدیریت فضاهای خالی (Whitespace) در CSS
• 39. ویژگی White-space
• 40. تنظیم Text Alignment
• 41. تنظیم Text Decoration
• 42. تنظیم Text Transform
• 43. تنظیم Text Indent
• 44. تنظیم Line Height
• 45. تنظیم Letter Spacing
• 46. تنظیم Word Spacing
• 47. مفهوم Typography در CSS
• 48. انتخاب و استفاده از Font Families
• 49. تنظیم Font Size
• 50. تنظیم Font Weight
• 51. تنظیم Font Style
• 52. تنظیم Font Variant
• 53. تنظیم Font Stretch
• 54. تنظیم Font (ترکیب تمام ویژگی‌های فونت)
• 55. استفاده از Google Fonts
• 56. ایجاد و مدیریت Gradient Backgrounds (Linear, Radial)
• 57. استفاده از Background Images
• 58. تنظیم Background Repeat, Position, Attachment, Size
• 59. مفهوم Flexbox برای چیدمان
• 60. اصول Flexbox: Container و Items
• 61. ویژگی‌های Flex Container: display, flex-direction, flex-wrap, justify-content, align-items, align-content
• 62. ویژگی‌های Flex Item: order, flex-grow, flex-shrink, flex-basis, align-self
• 63. مفهوم Grid CSS برای چیدمان
• 64. اصول Grid: Container و Items
• 65. ویژگی‌های Grid Container: display, grid-template-columns, grid-template-rows, grid-gap
• 66. ویژگی‌های Grid Item: grid-column, grid-row, grid-area
• 67. ایجاد Layoutهای پیچیده با Grid
• 68. تنظیمات Visibility و Opacity
• 69. مفهوم Transitions در CSS
• 70. ایجاد انیمیشن‌های ساده با Transitions
• 71. تنظیم Properties for Transition
• 72. تنظیم Duration, Timing Function, Delay
• 73. مفهوم Animations در CSS (Keyframes)
• 74. تعریف Keyframes
• 75. استفاده از Animations Properties: animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state
• 76. ایجاد انیمیشن‌های پیچیده‌تر
• 77. مدیریت Responsive Design با Media Queries
• 78. تعریف Viewport
• 79. استفاده از Breakpoints
• 80. نوشتن Media Queries برای دستگاه‌های مختلف
• 81. تنظیمات Layout برای موبایل، تبلت و دسکتاپ
• 82. مفهوم CSS Variables (Custom Properties)
• 83. تعریف و استفاده از CSS Variables
• 84. مزایای استفاده از Variables
• 85. مدیریت تم‌ها با Variables
• 86. مفهوم Sass/SCSS (پیش‌پردازنده‌های CSS)
• 87. نصب و پیکربندی Sass
• 88. متغیرها در Sass
• 89. تودرتویی (Nesting) در Sass
• 90. Mixins در Sass
• 91. Extend/Inheritance در Sass
• 92. Partials و Import در Sass
• 93. توابع (Functions) در Sass
• 94. کاربرد Sass در پروژه‌های بزرگ مدیریت ناوگان
• 95. بررسی و انتخاب CSS Frameworks (مانند Bootstrap, Tailwind CSS)
• 96. مزایا و معایب استفاده از Frameworks
• 97. نصب و استفاده از Bootstrap
• 98. نصب و استفاده از Tailwind CSS
• 99. تطبیق Frameworks با نیازهای پروژه مدیریت ناوگان
• 100. نکات پیشرفته در CSS برای مدیریت ناوگان