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

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

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

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

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

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

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

• 1. مقدمه‌ای بر CSS و نقش آن در مدیریت ناوگان
• 2. تاریخچه مختصر CSS
• 3. تفاوت CSS با HTML
• 4. چرا CSS برای مدیریت ناوگان مهم است
• 5. تنظیم محیط توسعه CSS
• 6. ابزارهای مورد نیاز برای توسعه CSS
• 7. نصب ویرایشگر کد (VS Code, Sublime Text)
• 8. تنظیم افزونه‌های مفید CSS
• 9. مفاهیم پایه CSS: انتخابگرها (Selectors)
• 10. انتخابگر تگ (Tag Selectors)
• 11. انتخابگر کلاس (Class Selectors)
• 12. انتخابگر آیدی (ID Selectors)
• 13. انتخابگرهای عمومی (Universal Selectors)
• 14. انتخابگرهای صفات (Attribute Selectors)
• 15. انتخابگرهای ترکیبی (Combinators)
• 16. انتخابگرهای گروهی (Grouping Selectors)
• 17. مفاهیم پایه CSS: خصوصیات (Properties) و مقادیر (Values)
• 18. کار با خصوصیات رنگ (Color Properties)
• 19. کار با خصوصیات پس‌زمینه (Background Properties)
• 20. کار با خصوصیات فونت (Font Properties)
• 21. کار با خصوصیات متن (Text Properties)
• 22. کار با خصوصیات چارچوب (Box Model Properties)
• 23. اولین قانون CSS: تعریف و کاربرد
• 24. قوانین CSS در HTML: روش‌های اتصال
• 25. استفاده از تگ `<style>`
• 26. استفاده از لینک `<link>` (فایل‌های خارجی)
• 27. استایل‌های درون‌خطی (Inline Styles)
• 28. اولویت‌بندی قوانین CSS (Specificity)
• 29. قاعده اهمیت (Importance)
• 30. قاعده وزن (Weight)
• 31. قاعده ترتیب (Order)
• 32. مدیریت فونت‌ها در CSS
• 33. انتخاب فونت‌های وب (Google Fonts)
• 34. بارگذاری فونت‌های سفارشی (Custom Fonts)
• 35. خصوصیات اندازه فونت (Font Size)
• 36. خصوصیات وزن فونت (Font Weight)
• 37. خصوصیات سبک فونت (Font Style)
• 38. خصوصیات پیش‌زمینه فونت (Font Variant)
• 39. کار با رنگ‌ها و پس‌زمینه‌ها
• 40. کدهای رنگی (Hex, RGB, RGBA, HSL, HSLA)
• 41. رنگ‌های نام‌گذاری شده (Named Colors)
• 42. خصوصیت `background-color`
• 43. خصوصیت `background-image`
• 44. خصوصیت `background-repeat`
• 45. خصوصیت `background-position`
• 46. خصوصیت `background-size`
• 47. خصوصیت `background-attachment`
• 48. استفاده از گرادینت‌ها (Gradients)
• 49. شفافیت (Opacity) و فیلترها (Filters)
• 50. مدل جعبه‌ای (Box Model) در CSS
• 51. خصوصیت `width` و `height`
• 52. خصوصیت `padding`
• 53. خصوصیت `border` (انواع، عرض، رنگ)
• 54. خصوصیت `margin`
• 55. همراه شدن `margin` و `border`
• 56. تأثیر `box-sizing` بر مدل جعبه‌ای
• 57. نمایش عناصر (Display)
• 58. مقادیر `display`: `block`, `inline`, `inline-block`
• 59. مقادیر `display`: `none`, `flex`, `grid`
• 60. خصوصیت `position`
• 61. مقادیر `position`: `static`, `relative`, `absolute`, `fixed`, `sticky`
• 62. خصوصیت `top`, `right`, `bottom`, `left`
• 63. لایه‌بندی (Z-index)
• 64. چیدمان انعطاف‌پذیر (Flexbox)
• 65. مفاهیم پایه Flexbox
• 66. خصوصیات والد Flex Container
• 67. خصوصیات فرزند Flex Item
• 68. هم‌ترازی در Flexbox
• 69. فضای‌دهی در Flexbox
• 70. جهت‌دهی در Flexbox
• 71. بسته‌بندی در Flexbox
• 72. چیدمان شبکه‌ای (CSS Grid)
• 73. مفاهیم پایه CSS Grid
• 74. خصوصیات والد Grid Container
• 75. خصوصیات فرزند Grid Item
• 76. تعریف ستون‌ها و ردیف‌ها
• 77. تخصیص فضای گرید
• 78. هم‌ترازی در Grid
• 79. چیدمان عناصر در Grid
• 80. استفاده از Grid برای طرح‌بندی صفحه
• 81. طراحی واکنش‌گرا (Responsive Design)
• 82. مفهوم Viewport
• 83. مدیا کوئری‌ها (Media Queries)
• 84. طراحی Mobile-First
• 85. طراحی Desktop-First
• 86. واحد‌های اندازه‌گیری در CSS (Units)
• 87. واحد‌های نسبی (em, rem, %, vw, vh)
• 88. واحد‌های مطلق (px, pt, cm, mm)
• 89. انتخاب واحد مناسب برای عناصر مدیریت ناوگان
• 90. انیمیشن‌ها در CSS
• 91. مفهوم Transition
• 92. خصوصیات Transition
• 93. مفهوم Animation (Keyframes)
• 94. تعریف Keyframes
• 95. خصوصیات Animation
• 96. قابلیت‌های انیمیشن پیشرفته
• 97. جلوه‌های ویژه (Effects)
• 98. سایه‌ها (Box Shadows, Text Shadows)
• 99. تنظیمات سایه
• 100. تصاویر پس‌زمینه پیچیده