فلش‌کارت‌های آموزشی CSS for Growth Strategy

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

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

عنوان دوره: دوره CSS for Growth Strategy

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

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

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

• 1. مقدمات و مبانی CSS
• 2. آشنایی با ساختار و سینتکس CSS
• 3. انتخابگرهای پایه در CSS
• 4. انتخابگرهای کلاس و ID
• 5. انتخابگرهای صفتی
• 6. انتخابگرهای سلسله مراتبی
• 7. انتخابگرهای شبه‌کلاس
• 8. انتخابگرهای شبه‌عنصر
• 9. نحوهٔ اولویت‌بندی انتخابگرها (Specificity)
• 10. مقادیر و واحدهای CSS
• 11. واحد های مطلق (px, pt, cm)
• 12. واحدهای نسبی (%, em, rem)
• 13. واحد های viewport (vw, vh)
• 14. رنگ‌ها در CSS (نام، هگز، RGB، RGBA)
• 15. رنگ‌های HSL و HSLA
• 16. شفافیت (Opacity)
• 17. قواعد عمومی CSS
• 18. خاصیت display (inline, block, inline-block)
• 19. خاصیت position (static, relative, absolute, fixed, sticky)
• 20. خاصیت float و clear
• 21. خاصیت overflow
• 22. خاصیت z-index
• 23. کار با متون در CSS
• 24. خاصیت font-family
• 25. خاصیت font-size
• 26. خاصیت font-weight
• 27. خاصیت font-style
• 28. خاصیت text-decoration
• 29. خاصیت text-align
• 30. خاصیت line-height
• 31. خاصیت letter-spacing
• 32. خاصیت word-spacing
• 33. کار با رنگ پس‌زمینه و تصاویر
• 34. خاصیت background-color
• 35. خاصیت background-image
• 36. خاصیت background-repeat
• 37. خاصیت background-position
• 38. خاصیت background-size
• 39. خاصیت background-attachment
• 40. مدیریت حاشیه‌ها و پدینگ (Box Model)
• 41. خاصیت margin
• 42. خاصیت padding
• 43. خاصیت border
• 44. خاصیت box-sizing
• 45. کار با ابعاد عناصر
• 46. خاصیت width
• 47. خاصیت height
• 48. حداقل و حداکثر ابعاد (min-width, max-width, min-height, max-height)
• 49. مدیریت چیدمان با Flexbox
• 50. مبانی Flexbox
• 51. خاصیت display: flex
• 52. خاصیت flex-direction
• 53. خاصیت justify-content
• 54. خاصیت align-items
• 55. خاصیت align-content
• 56. خاصیت flex-wrap
• 57. خاصیت flex-grow
• 58. خاصیت flex-shrink
• 59. خاصیت flex-basis
• 60. خاصیت order
• 61. مدیریت چیدمان با Grid
• 62. مبانی Grid Layout
• 63. خاصیت display: grid
• 64. خاصیت grid-template-columns
• 65. خاصیت grid-template-rows
• 66. خاصیت grid-template-areas
• 67. خاصیت gap (grid-gap, row-gap, column-gap)
• 68. خاصیت justify-items
• 69. خاصیت align-items
• 70. خاصیت justify-self
• 71. خاصیت align-self
• 72. خاصیت grid-column
• 73. خاصیت grid-row
• 74. قواعد پیشرفتهٔ CSS
• 75. انتقال‌ها (Transitions)
• 76. تبدیل‌ها (Transforms)
• 77. انیمیشن‌ها (Animations)
• 78. استفاده از فونت‌های سفارشی (Web Fonts)
• 79. استفاده از آیکون‌ها (Icon Fonts, SVG Icons)
• 80. طراحی واکنش‌گرا (Responsive Design)
• 81. مدیریت رسانه (Media Queries)
• 82. طراحی برای موبایل اول (Mobile-First)
• 83. بهینه‌سازی عملکرد CSS
• 84. کاهش حجم فایل‌های CSS
• 85. استفاده از پیش‌پردازنده‌ها (Sass/Less)
• 86. متغیرها در CSS
• 87. تودرتویی (Nesting)
• 88. میکس‌این‌ها (Mixins)
• 89. توابع (Functions)
• 90. استفاده از فریم‌ورک‌های CSS (Bootstrap/Tailwind)
• 91. اصول طراحی UI/UX با CSS
• 92. اصول دسترسی‌پذیری (Accessibility) در CSS
• 93. استفاده از CSS در پروژه‌های واقعی
• 94. CSS برای بهینه‌سازی رشد کسب‌وکار
• 95. ارتباط CSS با SEO
• 96. نقش CSS در تجربه کاربری (UX)
• 97. اصول طراحی رابط کاربری (UI)
• 98. استفاده از CSS در استراتژی‌های بازاریابی دیجیتال
• 99. تحلیل و بهبود عملکرد CSS در طول زمان
• 100. نمونه‌های موفق استفاده از CSS در وب‌سایت‌های پربازدید