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

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب CSS for Fleet Management Systems

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

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

📋 سرفصل‌های کتاب (100 موضوع)

• 1. مقدمه‌ای بر CSS و نقش آن در مدیریت ناوگان
• 2. چرا CSS برای سیستم‌های مدیریت ناوگان مهم است؟
• 3. اصول اولیه CSS: سینتکس و ساختار
• 4. انتخاب بهترین روش‌های نوشتن CSS
• 5. مروری بر CSS Selectors
• 6. انتخابگرهای عنصر (Element Selectors)
• 7. انتخابگرهای کلاس (Class Selectors)
• 8. انتخابگرهای ID (ID Selectors)
• 9. انتخابگرهای صفات (Attribute Selectors)
• 10. انتخابگرهای ترکیبی (Combinator Selectors)
• 11. انتخابگرهای شبه‌کلاس (Pseudo-class Selectors)
• 12. انتخابگرهای شبه‌عنصر (Pseudo-element Selectors)
• 13. اهمیت CSS Properties و Values
• 14. تنظیم فونت و typography برای رابط کاربری مدیریت ناوگان
• 15. فونت‌های وب و نحوه استفاده از آن‌ها
• 16. تنظیم اندازه فونت و وزن
• 17. تنظیم فاصله خط (line-height) و فاصله حروف (letter-spacing)
• 18. استفاده از text-transform و text-decoration
• 19. مدیریت رنگ‌ها در CSS
• 20. کدهای رنگی (Hex, RGB, RGBA, HSL, HSLA)
• 21. تنظیم رنگ متن (color)
• 22. تنظیم رنگ پس‌زمینه (background-color)
• 23. استفاده از گرادیان‌ها (Gradients)
• 24. تنظیم ابعاد عناصر (Dimensions)
• 25. عرض (width) و ارتفاع (height)
• 26. حداقل و حداکثر عرض/ارتفاع (min-width, max-width, min-height, max-height)
• 27. Box Model: درک کامل
• 28. محتوا (Content)
• 29. پدینگ (Padding)
• 30. بوردر (Border)
• 31. مارجین (Margin)
• 32. تنظیمات حاشیه (Margin) و پدینگ (Padding)
• 33. تنظیمات بوردر (Border)
• 34. نحوه نمایش عناصر (Display Property)
• 35. display: block
• 36. display: inline
• 37. display: inline-block
• 38. display: none
• 39. display: flex
• 40. display: grid
• 41. استفاده از Flexbox برای چیدمان عناصر
• 42. مفاهیم اصلی Flexbox (container, items)
• 43. جهت‌دهی (flex-direction)
• 44. تراز (justify-content, align-items)
• 45. بسته‌بندی (flex-wrap)
• 46. اندازه آیتم‌ها (flex-grow, flex-shrink, flex-basis)
• 47. سفارش آیتم‌ها (order)
• 48. استفاده از CSS Grid برای چیدمان پیچیده
• 49. مفاهیم اصلی Grid (container, items, tracks, cells)
• 50. تعریف سطرها و ستون‌ها (grid-template-rows, grid-template-columns)
• 51. فضای بین آیتم‌ها (grid-gap, grid-row-gap, grid-column-gap)
• 52. قرار دادن آیتم‌ها (grid-column, grid-row)
• 53. ناحیه بندی (grid-template-areas)
• 54. Positioning Elements in CSS
• 55. position: static
• 56. position: relative
• 57. position: absolute
• 58. position: fixed
• 59. position: sticky
• 60. تنظیمات Top, Bottom, Left, Right
• 61. Z-index برای کنترل ترتیب روی هم قرار گرفتن
• 62. مدیریت چیدمان مسئولیت‌پذیر (Responsive Layout)
• 63. Viewport Meta Tag
• 64. نکات اولیه طراحی واکنش‌گرا
• 65. استفاده از Media Queries
• 66. قوانین Media Queries (min-width, max-width, orientation)
• 67. تنظیمات مخصوص دستگاه‌های مختلف
• 68. طراحی برای موبایل اول (Mobile-First)
• 69. استفاده از واحدهای نسبی (%, vw, vh, em, rem)
• 70. انتقال‌ها (Transitions) در CSS
• 71. تعریف Properties برای Transition
• 72. مدت زمان Transition (transition-duration)
• 73. زمان‌بندی Transition (transition-timing-function)
• 74. تأخیر Transition (transition-delay)
• 75. انتقال‌های ترکیبی (transition)
• 76. انیمیشن‌ها (Animations) در CSS
• 77. تعریف Keyframes (@keyframes)
• 78. نام‌گذاری انیمیشن‌ها
• 79. مدت زمان انیمیشن (animation-duration)
• 80. زمان‌بندی انیمیشن (animation-timing-function)
• 81. تأخیر انیمیشن (animation-delay)
• 82. تکرار انیمیشن (animation-iteration-count)
• 83. جهت انیمیشن (animation-direction)
• 84. حالت انیمیشن (animation-fill-mode)
• 85. انیمیشن‌های ترکیبی (animation)
• 86. کاربرد انیمیشن در رابط کاربری مدیریت ناوگان (مثال‌ها)
• 87. افزودن جلوه‌های بصری زیبا
• 88. مدیریت فرم‌ها در CSS
• 89. سبک‌دهی به Input Fields
• 90. سبک‌دهی به Labels
• 91. سبک‌دهی به Buttons
• 92. سبک‌دهی به Selects و Textareas
• 93. سبک‌دهی به Tables برای نمایش اطلاعات ناوگان
• 94. تنظیم عرض ستون‌ها
• 95. تنظیم حاشیه‌ها و پدینگ‌ها
• 96. پس‌زمینه ردیف‌ها
• 97. اهمیت واکنش‌گرایی جداول
• 98. استفاده از Pseudo-classes برای جداول (hover, nth-child)
• 99. مدیریت آیکون‌ها در CSS
• 100. فونت آیکون‌ها (Font Awesome, Material Icons)