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

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

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

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

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

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

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

• 1. مبانی CSS: تاریخچه و کاربرد
• 2. CSS چیست؟
• 3. چرا CSS مهم است؟
• 4. CSS در مدیریت ناوگان (Fleet Management)
• 5. کاربرد CSS در طراحی رابط کاربری مدیریت ناوگان
• 6. CSS چگونه با HTML کار می‌کند
• 7. انواع روش‌های افزودن CSS به HTML
• 8. استفاده از تگ `<style>`
• 9. استفاده از لینک خارجی `<link>`
• 10. استایل‌های درون‌خطی `style` attribute
• 11. انتخابگرهای CSS (Selectors)
• 12. انتخابگرهای نوع (Type Selectors)
• 13. انتخابگرهای کلاس (Class Selectors)
• 14. انتخابگرهای ID (ID Selectors)
• 15. انتخابگرهای عمومی (Universal Selector)
• 16. انتخابگرهای گروهی (Grouping Selectors)
• 17. ساختار CSS: قوانین و خصوصیات
• 18. قانون CSS: انتخابگر و بلاک اعلان
• 19. خصوصیت (Property) و مقدار (Value)
• 20. دستورالعمل‌های CSS (CSS Declarations)
• 21. نقل قول‌ها و فاصله‌ها در CSS
• 22. اهمیت سلسله مراتب در CSS
• 23. فهمیدن مدل جعبه‌ای (Box Model)
• 24. محتوا (Content)
• 25. حاشیه داخلی (Padding)
• 26. قاب (Border)
• 27. حاشیه بیرونی (Margin)
• 28. تنظیمات Margin و Padding
• 29. تنظیمات Border
• 30. واحدها در CSS
• 31. واحد پیکسل (px)
• 32. واحد درصد (%)
• 33. واحد em و rem
• 34. واحد vw و vh
• 35. رنگ‌ها در CSS
• 36. نام رنگ‌های استاندارد
• 37. مقادیر هگزادسیمال (Hexadecimal)
• 38. مقادیر RGB و RGBA
• 39. مقادیر HSL و HSLA
• 40. تنظیم رنگ متن (color)
• 41. تنظیم رنگ پس‌زمینه (background-color)
• 42. فونت‌ها در CSS
• 43. تنظیم خانواده فونت (font-family)
• 44. تنظیم اندازه فونت (font-size)
• 45. تنظیم وزن فونت (font-weight)
• 46. تنظیم سبک فونت (font-style)
• 47. تنظیمات پیشرفته فونت
• 48. مدیریت متن با CSS
• 49. تراز متن (text-align)
• 50. تزیین متن (text-decoration)
• 51. فاصله بین خطوط (line-height)
• 52. فاصله بین کلمات (word-spacing)
• 53. فاصله بین حروف (letter-spacing)
• 54. تبدیل حروف (text-transform)
• 55. نوشتن متن عمودی (writing-mode)
• 56. تنظیمات پس‌زمینه پیشرفته
• 57. تصویر پس‌زمینه (background-image)
• 58. تکرار تصویر پس‌زمینه (background-repeat)
• 59. موقعیت تصویر پس‌زمینه (background-position)
• 60. اندازه تصویر پس‌زمینه (background-size)
• 61. پیمایش تصویر پس‌زمینه (background-attachment)
• 62. گرادیان‌ها در پس‌زمینه (background-gradient)
• 63. CSS Layout: Flexbox
• 64. مقدمه بر Flexbox
• 65. مفاهیم اصلی Flexbox: کانتینر و آیتم‌ها
• 66. خاصیت display: flex
• 67. خاصیت flex-direction
• 68. خاصیت flex-wrap
• 69. خاصیت justify-content
• 70. خاصیت align-items
• 71. خاصیت align-content
• 72. تنظیمات پیشرفته Flexbox
• 73. CSS Layout: Grid
• 74. مقدمه بر Grid
• 75. مفاهیم اصلی Grid: کانتینر و آیتم‌ها
• 76. خاصیت display: grid
• 77. خاصیت grid-template-columns
• 78. خاصیت grid-template-rows
• 79. خاصیت grid-gap (grid-column-gap, grid-row-gap)
• 80. خاصیت grid-column و grid-row
• 81. تنظیمات پیشرفته Grid
• 82. CSS Positioning
• 83. مفاهیم اولیه Positioning
• 84. خاصیت position: static, relative, absolute, fixed, sticky
• 85. خاصیت top, bottom, left, right
• 86. استفاده از z-index
• 87. نحوه عملکرد Z-index
• 88. CSS Responsive Design
• 89. مقدمه بر Responsive Design
• 90. Viewport Meta Tag
• 91. استفاده از Media Queries
• 92. قوانین Media Query بر اساس عرض صفحه
• 93. قوانین Media Query بر اساس دستگاه
• 94. استفاده از واحدهای نسبی در Responsive Design
• 95. تنظیمات فونت و تصاویر در Responsive Design
• 96. طراحی برای موبایل اول (Mobile-First)
• 97. طراحی برای دسکتاپ اول (Desktop-First)
• 98. معماری CSS (CSS Architecture)
• 99. SMACSS (Scalable and Modular Architecture for CSS)
• 100. BEM (Block, Element, Modifier)