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

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

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

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

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

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

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

• 1. مقدمه ای بر CSS و اهمیت آن در صنعت مدیریت ناوگان
• 2. نصب و راه اندازی ابزار توسعه دهنده مرورگر
• 3. انواع روش های اضافه کردن CSS به HTML
• 4. سینتکس پایه CSS: انتخابگرها، خواص و مقادیر
• 5. انتخابگرهای عنصری (Element Selectors)
• 6. انتخابگرهای کلاسی (Class Selectors)
• 7. انتخابگرهای شناسه ای (ID Selectors)
• 8. انتخابگرهای صفتی (Attribute Selectors)
• 9. انتخابگرهای ترکیبی (Combinator Selectors): انتخابگرهای فرزند (Child Combinator)
• 10. انتخابگرهای ترکیبی (Combinator Selectors): انتخابگرهای عمومی برادر (General Sibling Combinator)
• 11. انتخابگرهای ترکیبی (Combinator Selectors): انتخابگرهای فرزند مستقیم (Descendant Combinator)
• 12. انتخابگرهای ترکیبی (Combinator Selectors): انتخابگرهای برادر مجاور (Adjacent Sibling Combinator)
• 13. انتخابگرهای شبه کلاسی (Pseudo-classes): :hover
• 14. انتخابگرهای شبه کلاسی (Pseudo-classes): :active
• 15. انتخابگرهای شبه کلاسی (Pseudo-classes): :focus
• 16. انتخابگرهای شبه کلاسی (Pseudo-classes): :visited
• 17. انتخابگرهای شبه کلاسی (Pseudo-classes): :link
• 18. انتخابگرهای شبه کلاسی (Pseudo-classes): :first-child
• 19. انتخابگرهای شبه کلاسی (Pseudo-classes): :last-child
• 20. انتخابگرهای شبه کلاسی (Pseudo-classes): :nth-child()
• 21. انتخابگرهای شبه کلاسی (Pseudo-classes): :only-child
• 22. انتخابگرهای شبه کلاسی (Pseudo-classes): :empty
• 23. انتخابگرهای شبه المانی (Pseudo-elements): ::before
• 24. انتخابگرهای شبه المانی (Pseudo-elements): ::after
• 25. انتخابگرهای شبه المانی (Pseudo-elements): ::first-letter
• 26. انتخابگرهای شبه المانی (Pseudo-elements): ::first-line
• 27. انتخابگرهای شبه المانی (Pseudo-elements): ::selection
• 28. بررسی اولویت (Specificity) انتخابگرها
• 29. قانون !important و کاربرد آن
• 30. کادربندی (Box Model): محتوا (Content)
• 31. کادربندی (Box Model): پدینگ (Padding)
• 32. کادربندی (Box Model): بوردر (Border)
• 33. کادربندی (Box Model): مارجین (Margin)
• 34. تنظیم عرض و ارتفاع عناصر (width, height)
• 35. تنظیم اندازه های حداقل و حداکثر (min-width, max-width, min-height, max-height)
• 36. مدیریت سرریز محتوا (overflow)
• 37. مشخص کردن رنگ پس زمینه (background-color)
• 38. مشخص کردن تصویر پس زمینه (background-image)
• 39. تنظیم تکرار تصویر پس زمینه (background-repeat)
• 40. تنظیم موقعیت تصویر پس زمینه (background-position)
• 41. تنظیم مقیاس تصویر پس زمینه (background-size)
• 42. تنظیم چسبندگی تصویر پس زمینه (background-attachment)
• 43. خاصیت shorthand برای background
• 44. تنظیم رنگ متن (color)
• 45. تنظیم فونت (font-family)
• 46. تنظیم وزن فونت (font-weight)
• 47. تنظیم اندازه فونت (font-size)
• 48. تنظیم سبک فونت (font-style)
• 49. تنظیم چینش متن (text-align)
• 50. تنظیم فاصله خطوط (line-height)
• 51. تنظیم تورفتگی متن (text-indent)
• 52. تنظیم تزئینات متن (text-decoration)
• 53. تنظیم فاصله حروف (letter-spacing)
• 54. تنظیم فاصله کلمات (word-spacing)
• 55. تنظیم تبدیل حروف (text-transform)
• 56. تنظیم سایه متن (text-shadow)
• 57. تنظیم سایه المان (box-shadow)
• 58. تنظیم شفافیت (opacity)
• 59. تنظیم گرادیان های خطی (linear-gradient)
• 60. تنظیم گرادیان های شعاعی (radial-gradient)
• 61. استفاده از فونت های گوگل (Google Fonts)
• 62. روش های نمایش المان ها (display: block, inline, inline-block)
• 63. روش های نمایش المان ها (display: none, list-item, table, flex, grid)
• 64. مفهوم شناورسازی (float) و پاکسازی آن (clear)
• 65. خاصیت position: static
• 66. خاصیت position: relative
• 67. خاصیت position: absolute
• 68. خاصیت position: fixed
• 69. خاصیت position: sticky
• 70. تنظیم z-index برای مدیریت لایه ها
• 71. کاربرد Flexbox برای چیدمان یک بعدی
• 72. ویژگی های اصلی Flex Container (display, flex-direction, flex-wrap, justify-content, align-items, align-content)
• 73. ویژگی های اصلی Flex Item (order, flex-grow, flex-shrink, flex-basis, align-self)
• 74. کاربرد Grid برای چیدمان دو بعدی
• 75. ویژگی های اصلی Grid Container (display, grid-template-columns, grid-template-rows, grid-gap, justify-items, align-items)
• 76. ویژگی های اصلی Grid Item (grid-column, grid-row, justify-self, align-self)
• 77. طراحی واکنش گرا (Responsive Design)
• 78. مدیا کوئری ها (Media Queries)
• 79. استفاده از Viewport Meta Tag
• 80. تنظیم واحد های اندازه گیری: پیکسل (px)
• 81. تنظیم واحد های اندازه گیری: درصد (%)
• 82. تنظیم واحد های اندازه گیری: em و rem
• 83. تنظیم واحد های اندازه گیری: vw و vh
• 84. تنظیم واحد های اندازه گیری: pt و cm
• 85. مدیریت فونت ها در دستگاه های مختلف
• 86. نکات مهم در طراحی رابط کاربری برای صنعت مدیریت ناوگان
• 87. استفاده از آیکون ها (Font Awesome, SVG)
• 88. انیمیشن های CSS (transition)
• 89. ایجاد انیمیشن با @keyframes
• 90. تنظیم مدت زمان و تاخیر انیمیشن (animation-duration, animation-delay)
• 91. تنظیم سرعت انیمیشن (animation-timing-function)
• 92. تنظیم تکرار انیمیشن (animation-iteration-count)
• 93. جهت انیمیشن (animation-direction)
• 94. حالت نهایی انیمیشن (animation-fill-mode)
• 95. ایجاد انیمیشن های پیچیده با کلید فریم ها
• 96. استفاده از CSS Variables (Custom Properties)
• 97. ساختاردهی CSS با SASS/SCSS
• 98. مفاهیم پایه SASS: متغیرها (Variables)
• 99. مفاهیم پایه SASS: تودرتو نویسی (Nesting)
• 100. مفاهیم پایه SASS: میکسین ها (Mixins)