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

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

عنوان دوره: CSS for Educational Platforms

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

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

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

• 1. مقدمه ای بر CSS و نقش آن در طراحی وب
• 2. آشنایی با سینتکس CSS (Selector, Property, Value)
• 3. نحوه استفاده از CSS: Inline, Internal, External
• 4. انتخابگرها (Selectors) : Element Selector
• 5. انتخابگرها (Selectors) : ID Selector
• 6. انتخابگرها (Selectors) : Class Selector
• 7. انتخابگرها (Selectors) : Universal Selector
• 8. انتخابگرها (Selectors) : Grouping Selectors
• 9. آشنایی با واحدهای اندازه گیری در CSS: Pixels, Ems, Rems
• 10. آشنایی با رنگ ها در CSS: Hex, RGB, RGBA, HSL, HSLA
• 11. خواص متن: font-family
• 12. خواص متن: font-size
• 13. خواص متن: font-weight
• 14. خواص متن: font-style
• 15. خواص متن: line-height
• 16. خواص متن: text-align
• 17. خواص متن: text-decoration
• 18. خواص متن: text-transform
• 19. خواص متن: letter-spacing
• 20. خواص متن: word-spacing
• 21. خواص پس زمینه (Background): background-color
• 22. خواص پس زمینه (Background): background-image
• 23. خواص پس زمینه (Background): background-repeat
• 24. خواص پس زمینه (Background): background-position
• 25. خواص پس زمینه (Background): background-size
• 26. مدل جعبه ای (Box Model): Content, Padding, Border, Margin
• 27. تنظیم Padding در CSS
• 28. تنظیم Border در CSS
• 29. تنظیم Margin در CSS
• 30. مفهوم Overflow و کنترل محتوای اضافی
• 31. آشنایی با display property: block, inline, inline-block
• 32. آشنایی با display property: none, table, list-item
• 33. موقعیت دهی (Positioning): static
• 34. موقعیت دهی (Positioning): relative
• 35. موقعیت دهی (Positioning): absolute
• 36. موقعیت دهی (Positioning): fixed
• 37. موقعیت دهی (Positioning): sticky
• 38. آشنایی با Z-index و لایه بندی عناصر
• 39. شناور سازی (Float): left, right, none
• 40. Clearfix و رفع مشکلات float
• 41. آشنایی با CSS Reset و Normalize.css
• 42. استایل دهی به لینک ها: a:link, a:visited, a:hover, a:active
• 43. استایل دهی به لیست ها: list-style-type, list-style-position, list-style-image
• 44. استایل دهی به جداول: border-collapse, border-spacing, caption-side
• 45. استایل دهی به فرم ها: input, textarea, select, button
• 46. آشنایی با شبه کلاس ها (Pseudo-classes): :hover, :active, :focus
• 47. آشنایی با شبه عناصر (Pseudo-elements): ::before, ::after
• 48. انتخابگرهای Attribute در CSS
• 49. اولویت دهی (Specificity) در CSS
• 50. مفهوم ارث بری (Inheritance) در CSS
• 51. استفاده از !important
• 52. آشنایی با CSS Variables (Custom Properties)
• 53. استفاده از توابع CSS: calc(), min(), max(), clamp()
• 54. آشنایی با Media Queries: برای طراحی واکنشگرا
• 55. استفاده از Media Queries: بر اساس عرض صفحه نمایش
• 56. استفاده از Media Queries: بر اساس ارتفاع صفحه نمایش
• 57. استفاده از Media Queries: بر اساس orientation (landscape/portrait)
• 58. آشنایی با Flexbox: Container Properties
• 59. آشنایی با Flexbox: Item Properties
• 60. چیدمان عناصر با Flexbox: Row, Column, Reverse
• 61. تراز بندی عناصر با Flexbox: justify-content
• 62. تراز بندی عناصر با Flexbox: align-items
• 63. تراز بندی عناصر با Flexbox: align-self
• 64. آشنایی با Grid Layout: Container Properties
• 65. آشنایی با Grid Layout: Item Properties
• 66. تعریف سطر و ستون در Grid Layout
• 67. قرار دادن عناصر در Grid Layout
• 68. تراز بندی عناصر در Grid Layout
• 69. آشنایی با مفهوم Responsive Design
• 70. استفاده از Viewport Meta Tag
• 71. طراحی Mobile-First
• 72. آشنایی با CSS Framework ها: Bootstrap
• 73. آشنایی با CSS Framework ها: Materialize
• 74. آشنایی با CSS Framework ها: Tailwind CSS
• 75. استفاده از preprocessor ها: Sass/SCSS
• 76. متغیرها در Sass/SCSS
• 77. Mixins در Sass/SCSS
• 78. Extends در Sass/SCSS
• 79. Partials در Sass/SCSS
• 80. Modules در Sass/SCSS
• 81. نحوه کامپایل کردن Sass/SCSS به CSS
• 82. آشنایی با CSS Animations
• 83. keyframes در CSS Animations
• 84. خواص Animation در CSS
• 85. آشنایی با CSS Transitions
• 86. خواص Transition در CSS
• 87. Transforms در CSS: translate, rotate, scale, skew
• 88. Filters در CSS: blur, brightness, contrast
• 89. Box-shadow و Text-shadow
• 90. Gradient ها در CSS: Linear Gradient
• 91. Gradient ها در CSS: Radial Gradient
• 92. Masking و Clipping در CSS
• 93. آشنایی با CSS Modules
• 94. استفاده از CSS Modules در React
• 95. استفاده از CSS Modules در Vue.js
• 96. استفاده از CSS Modules در Angular
• 97. آشنایی با Styled Components
• 98. آشنایی با CSS-in-JS
• 99. بهینه سازی CSS: Minification
• 100. بهینه سازی CSS: Concatenation