دوره CSS for Problem-Solving Skills همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره CSS for Problem-Solving Skills

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

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

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

• 1. مبانی علم CSS
• 2. تاریخچه و تکامل CSS
• 3. ساختار و سینتکس CSS
• 4. انتخابگرها در CSS (Selectors)
• 5. انتخابگرهای عمومی و تگ
• 6. انتخابگرهای کلاس و آیدی
• 7. انتخابگرهای صفات (Attribute Selectors)
• 8. انتخابگرهای سلسله مراتبی (Descendant, Child, Adjacent Sibling, General Sibling)
• 9. انتخابگرهای شبه‌کلاس (Pseudo-classes)
• 10. انتخابگرهای شبه‌عنصر (Pseudo-elements)
• 11. ارث‌بری (Inheritance) در CSS
• 12. اولویت‌بندی (Specificity) در CSS
• 13. مقادیر و واحدها در CSS
• 14. واحد های نسبی (%, em, rem, vw, vh)
• 15. واحد های مطلق (px, pt, cm, mm)
• 16. رنگ ها در CSS (نام، هگز، RGB، RGBA، HSL، HSLA)
• 17. مقادیر پیش‌فرض و سیستمی
• 18. خاصیت display و مقادیر آن (block, inline, inline-block, none)
• 19. خاصیت position و مقادیر آن (static, relative, absolute, fixed, sticky)
• 20. مدیریت موقعیت با top, right, bottom, left
• 21. خاصیت z-index
• 22. مدیریت فضا: margin و padding
• 23. خاصیت margin و مقادیر آن
• 24. خاصیت padding و مقادیر آن
• 25. مدیریت حاشیه: border
• 26. خاصیت border-width, border-style, border-color
• 27. مقادیر shorthand برای border
• 28. خاصیت outline
• 29. مدیریت اندازه: width و height
• 30. حالت box-sizing (content-box, border-box)
• 31. مدیریت متن: typography
• 32. خاصیت font-family
• 33. خاصیت font-size
• 34. خاصیت font-weight
• 35. خاصیت font-style
• 36. خاصیت text-decoration
• 37. خاصیت text-align
• 38. خاصیت line-height
• 39. خاصیت letter-spacing و word-spacing
• 40. مدیریت پس‌زمینه: background
• 41. خاصیت background-color
• 42. خاصیت background-image
• 43. خاصیت background-repeat
• 44. خاصیت background-position
• 45. خاصیت background-size
• 46. خاصیت background-attachment
• 47. مدیریت لیست ها: list-style
• 48. خاصیت list-style-type, list-style-position, list-style-image
• 49. مدیریت جداول: table properties
• 50. خاصیت border-collapse
• 51. خاصیت caption-side
• 52. مدیریت فلکس‌باکس (Flexbox)
• 53. مفاهیم اصلی فلکس‌باکس (container, item)
• 54. خاصیت display: flex
• 55. خاصیت flex-direction
• 56. خاصیت flex-wrap
• 57. خاصیت justify-content
• 58. خاصیت align-items
• 59. خاصیت align-content
• 60. خاصیت flex-grow, flex-shrink, flex-basis
• 61. خاصیت order
• 62. مدیریت گرید (CSS Grid)
• 63. مفاهیم اصلی گرید (container, item)
• 64. خاصیت display: grid
• 65. خاصیت grid-template-columns, grid-template-rows
• 66. خاصیت grid-template-areas
• 67. خاصیت grid-gap, grid-column-gap, grid-row-gap
• 68. خاصیت justify-items, align-items
• 69. خاصیت justify-content, align-content
• 70. خاصیت grid-column, grid-row
• 71. خاصیت grid-area
• 72. انتقال‌ها (Transitions) در CSS
• 73. خاصیت transition-property, transition-duration, transition-timing-function, transition-delay
• 74. انیمیشن‌ها (Animations) در CSS
• 75. تعریف keyframes (@keyframes)
• 76. خاصیت animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state
• 77. تکنیک‌های ریسپانسیو (Responsive Design)
• 78. مدیریت viewport
• 79. مدیریت media queries
• 80. استفاده از واحدهای نسبی برای ریسپانسیو
• 81. اصول طراحی Mobile-First
• 82. اصول طراحی Desktop-First
• 83. تکنیک‌های پیشرفته‌تر ریسپانسیو
• 84. مدیریت فونت‌های وب (Web Fonts)
• 85. استفاده از فونت‌های گوگل
• 86. فایل‌های فونت فارسی
• 87. بهینه‌سازی CSS
• 88. فشرده‌سازی CSS
• 89. مدیریت کامنت‌ها و خوانایی
• 90. استفاده از متغیرها (CSS Variables)
• 91. پیش‌پردازنده‌های CSS (مانند Sass/Less) - معرفی مختصر
• 92. ساختاردهی پروژه‌های CSS
• 93. تکنیک‌های نام‌گذاری (مانند BEM)
• 94. ابزارهای توسعه‌دهنده مرورگر (Browser Developer Tools)
• 95. اشکال‌زدایی (Debugging) CSS
• 96. سازگاری مرورگرها (Cross-browser Compatibility)
• 97. اصول دسترسی‌پذیری (Accessibility) در CSS
• 98. مدیریت حالت فوکوس (Focus States)
• 99. استفاده از ARIA attributes در ترکیب با CSS
• 100. ملاحظات امنیتی در CSS