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

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

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

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در مدیریت منابع ناوگان
• 2. CSS چیست و چرا برای مدیریت منابع ناوگان مهم است
• 3. نحوه اتصال CSS به HTML
• 4. مروری بر ساختار CSS: انتخابگرها، خصوصیات و مقادیر
• 5. اولین انتخابگرها: تگ، کلاس و ID
• 6. انتخابگرهای ترکیبی: فرزند، عمومی، مجاور
• 7. انتخابگرهای مشخصه
• 8. انتخابگرهای شبه کلاس
• 9. انتخابگرهای شبه المان
• 10. روش های اعمال CSS: درون خطی، داخلی و خارجی
• 11. اولویت بندی CSS: اهمیت، وراثت و محاسبه
• 12. متغیرهای CSS (CSS Variables)
• 13. واحدها در CSS: پیکسل، درصد، em، rem، vw، vh
• 14. رنگ ها در CSS: نام رنگ، HEX، RGB، RGBA، HSL، HSLA
• 15. پس زمینه ها: رنگ پس زمینه، تصویر پس زمینه، تکرار، موقعیت، چسبندگی
• 16. مرزها: عرض، سبک، رنگ، گرد کردن مرزها
• 17. حاشیه ها (Margins): اندازه، اتوماتیک، صفر، منفی
• 18. لایه بندی (Padding): اندازه، اتوماتیک، صفر
• 19. جعبه مدل (Box Model): محتوا، حاشیه، لایه بندی، مرز
• 20. عرض و ارتفاع: تنظیم اندازه عناصر
• 21. عرض حداکثر و حداقل، ارتفاع حداکثر و حداقل
• 22. خصوصیت display: block، inline، inline-block، none
• 23. خصوصیت position: static، relative، absolute، fixed، sticky
• 24. خصوصیت z-index
• 25. خصوصیت float و خصوصیت clear
• 26. Flexbox: مقدمه و اصول
• 27. Flex Container Properties: display، direction، justify-content، align-items
• 28. Flex Container Properties: flex-wrap، align-content
• 29. Flex Item Properties: flex-grow، flex-shrink، flex-basis
• 30. Flex Item Properties: flex، order، align-self
• 31. Grid Layout: مقدمه و اصول
• 32. Grid Container Properties: display، grid-template-columns
• 33. Grid Container Properties: grid-template-rows، grid-template-areas
• 34. Grid Container Properties: gap، row-gap، column-gap
• 35. Grid Container Properties: justify-items، align-items
• 36. Grid Container Properties: justify-content، align-content
• 37. Grid Item Properties: grid-column-start، grid-column-end
• 38. Grid Item Properties: grid-row-start، grid-row-end
• 39. Grid Item Properties: grid-column، grid-row
• 40. Grid Item Properties: grid-area
• 41. CSS Typography: فونت ها
• 42. خصوصیت font-family، font-size، font-weight
• 43. خصوصیت font-style، font-variant، line-height
• 44. خصوصیت text-decoration، text-transform، text-align
• 45. خصوصیت letter-spacing، word-spacing
• 46. خصوصیت white-space، overflow-wrap
• 47. CSS Layouts: Columns
• 48. خصوصیت column-count، column-width
• 49. خصوصیت column-gap، column-rule
• 50. CSS Layouts: Multi-column Layout
• 51. خصوصیت break-before، break-after، break-inside
• 52. Responsive Design: مقدمه
• 53. Viewport Meta Tag
• 54. Media Queries: اساس
• 55. Media Queries: نمایش ها (Screen)، پرینتر (Print)
• 56. Media Queries: ابعاد (Width)، ارتفاع (Height)
• 57. Media Queries: جهت (Orientation)
• 58. Media Queries: رزولوشن (Resolution)
• 59. Media Queries: دستگاه های خاص (Device-specific)
• 60. استفاده از Em و Rem برای طراحی واکنش گرا
• 61. Layouts با Flexbox برای طراحی واکنش گرا
• 62. Layouts با Grid برای طراحی واکنش گرا
• 63. Mobile-first vs Desktop-first Approach
• 64. Image Optimization for Responsive Design
• 65. CSS Transitions
• 66. CSS Animations: مقدمه
• 67. Keyframes
• 68. Animation Properties: animation-name
• 69. Animation Properties: animation-duration، animation-timing-function
• 70. Animation Properties: animation-delay، animation-iteration-count
• 71. Animation Properties: animation-direction، animation-fill-mode
• 72. Animation Properties: animation-play-state
• 73. CSS Transforms: translate، rotate، scale، skew
• 74. Transform-origin
• 75. CSS Filters: blur، brightness، contrast، grayscale
• 76. CSS Filters: hue-rotate، invert، opacity، saturate، sepia
• 77. CSS Specificity Calculator
• 78. CSS Specificity Hierarchy
• 79. CSS Inheritance and the Cascade
• 80. Handling Browser Compatibility Issues
• 81. Using CSS Preprocessors: Sass/SCSS Introduction
• 82. Sass/SCSS Variables
• 83. Sass/SCSS Nesting
• 84. Sass/SCSS Mixins
• 85. Sass/SCSS Inheritance/Extend
• 86. Sass/SCSS Functions
• 87. Sass/SCSS Partials and Imports
• 88. Sass/SCSS Operators
• 89. Sass/SCSS Control Directives (If, Else, For, While)
• 90. Sass/SCSS Placeholder Selectors
• 91. Sass/SCSS Maps
• 92. Sass/SCSS Modules (Dart Sass)
• 93. CSS Frameworks: Bootstrap Introduction
• 94. Bootstrap Grid System
• 95. Bootstrap Components (Buttons, Forms, Navbars)
• 96. Bootstrap Utility Classes
• 97. Tailwind CSS Introduction
• 98. Tailwind CSS Configuration
• 99. Tailwind CSS Utility Classes
• 100. Tailwind CSS Customization