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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در سیستم‌های مدیریت ناوگان
• 2. CSS چیست و چرا مهم است؟
• 3. تاریخچه مختصر CSS
• 4. تفاوت HTML، CSS و JavaScript
• 5. چرا CSS برای توسعه‌دهندگان سیستم مدیریت ناوگان ضروری است؟
• 6. نصب و راه‌اندازی محیط توسعه CSS
• 7. ابزارهای مورد نیاز توسعه‌دهنده CSS
• 8. استفاده از ویرایشگر کد (VS Code، Sublime Text و غیره)
• 9. اشکال‌زدایی CSS با استفاده از ابزارهای توسعه‌دهنده مرورگر
• 10. تطبیق‌پذیری و مقیاس‌پذیری در طراحی سیستم مدیریت ناوگان
• 11. مفاهیم اساسی CSS
• 12. نحو CSS: انتخابگرها، خصوصیات و مقادیر
• 13. انتخابگرهای اساسی: تگ، کلاس، ID
• 14. انتخابگرهای ترکیبی: Descendant، Child، Adjacent Sibling، General Sibling
• 15. انتخابگرهای صفات (Attribute Selectors)
• 16. انتخابگرهای شبه‌کلاس (Pseudo-classes)
• 17. انتخابگرهای شبه‌عنصر (Pseudo-elements)
• 18. اولویت‌بندی (Specificity) در CSS
• 19. قاعده وراثت (Inheritance) در CSS
• 20. مقادیر CSS: واحدهای مطلق (px, pt, cm)
• 21. مقادیر CSS: واحدهای نسبی (%, em, rem, vw, vh)
• 22. تنظیم رنگ‌ها در CSS: نام رنگ‌ها، مقادیر هگزادسیمال (Hex)، RGB، RGBA
• 23. تنظیم رنگ‌ها: HSL و HSLA
• 24. مدیریت فونت‌ها در CSS
• 25. تنظیم فونت خانواده (font-family)
• 26. تنظیم اندازه فونت (font-size)
• 27. تنظیم وزن فونت (font-weight)
• 28. تنظیم سبک فونت (font-style)
• 29. تنظیم دکوراسیون خط (text-decoration)
• 30. فاصله بین حروف (letter-spacing) و کلمات (word-spacing)
• 31. تنظیم ارتفاع خط (line-height)
• 32. نوار متن (text-shadow)
• 33. قلم‌های وب (Web Fonts) و نحوه استفاده از آن‌ها
• 34. CSS Box Model
• 35. درک Box Model: محتوا، پدینگ، بوردر، مارجین
• 36. تنظیم پدینگ (padding)
• 37. تنظیم بوردر (border): سبک، عرض، رنگ
• 38. تکنیک‌های پیشرفته تنظیم بوردر
• 39. تنظیم مارجین (margin)
• 40. خاصیت `box-sizing`: `content-box` در مقابل `border-box`
• 41. مدیریت چیدمان (Layout) در CSS
• 42. نمایش عناصر: `display: block`, `inline`, `inline-block`
• 43. استفاده از `float` و `clear` (و محدودیت‌های آن)
• 44. نحوه بازنشانی (reset) و نرمال‌سازی (normalize) CSS
• 45. Flexbox Layout
• 46. مفاهیم اصلی Flexbox: کانتینر و آیتم‌ها
• 47. خصوصیات کانتینر Flex: `display`, `flex-direction`, `flex-wrap`
• 48. خصوصیات کانتینر Flex: `justify-content`, `align-items`, `align-content`
• 49. خصوصیات آیتم Flex: `order`, `flex-grow`, `flex-shrink`, `flex-basis`, `flex`
• 50. مثال‌های کاربردی Flexbox در طراحی UI
• 51. CSS Grid Layout
• 52. مفاهیم اصلی Grid: کانتینر و آیتم‌ها
• 53. خصوصیات کانتینر Grid: `display`, `grid-template-columns`, `grid-template-rows`
• 54. خصوصیات کانتینر Grid: `grid-gap`, `grid-template-areas`
• 55. خصوصیات آیتم Grid: `grid-column`, `grid-row`, `grid-area`
• 56. مثال‌های کاربردی Grid در طراحی UI
• 57. مدیریت نسبت تصویر (Aspect Ratio) در CSS
• 58. Responsive Web Design (RWD)
• 59. مفهوم Responsive Web Design
• 60. استفاده از Media Queries
• 61. نوشتن Media Queries بر اساس عرض صفحه نمایش
• 62. نوشتن Media Queries بر اساس ویژگی‌های دیگر (جهت، رزولوشن)
• 63. استراتژی‌های Mobile-First و Desktop-First
• 64. استفاده از واحدهای نسبی در طراحی Responsive
• 65. تنظیم تصاویر Responsive
• 66. تنظیم چیدمان Responsive
• 67. طراحی جداول Responsive برای سیستم مدیریت ناوگان
• 68. فرم‌های Responsive
• 69. ایجاد Navigation Responsive
• 70. استفاده از viewport meta tag
• 71. CSS Variables (Custom Properties)
• 72. مفهوم Custom Properties
• 73. نحوه تعریف و استفاده از Custom Properties
• 74. استفاده از Custom Properties برای تم‌بندی (Theming)
• 75. مدیریت رنگ‌ها با Custom Properties
• 76. مدیریت فاصله‌ها با Custom Properties
• 77. تکنیک‌های پیشرفته Custom Properties
• 78. CSS Transitions و Animations
• 79. مفهوم Transitions
• 80. تنظیم Transitions: `transition-property`, `transition-duration`, `transition-timing-function`, `transition-delay`
• 81. ترکیب خصوصیات Transition
• 82. مفهوم Animations
• 83. استفاده از `@keyframes`
• 84. تعریف فریم‌های کلیدی (Keyframes)
• 85. انیمیشن‌های کاربردی برای سیستم مدیریت ناوگان
• 86. تنظیم انیمیشن‌ها: `animation-name`, `animation-duration`, `animation-timing-function`, `animation-delay`, `animation-iteration-count`, `animation-direction`
• 87. تنظیم انیمیشن‌ها: `animation-fill-mode`, `animation-play-state`
• 88. تکنیک‌های پیشرفته انیمیشن (Transformations, Filters)
• 89. CSS Frameworks (مقدمه و انتخاب)
• 90. آشنایی با مفاهیم Frameworks
• 91. معرفی Bootstrap (مرور اجمالی)
• 92. معرفی Tailwind CSS (مرور اجمالی)
• 93. مزایا و معایب استفاده از Frameworks
• 94. انتخاب Framework مناسب برای پروژه سیستم مدیریت ناوگان
• 95. CSS Preprocessors (مقدمه)
• 96. مفهوم Preprocessors
• 97. معرفی Sass (SCSS Syntax)
• 98. متغیرها (Variables) در Sass
• 99. تودرتویی (Nesting) در Sass
• 100. Mixins در Sass