کتاب صوتی آموزش مقدماتی CSS برای ساخت صفحات وب جذاب

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

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

عنوان دوره: دوره آموزش مقدماتی CSS برای ساخت صفحات وب جذاب

موضوع کلی: توسعه و طراحی وب

موضوع میانی: زبان‌ها و فناوری‌های فرانت‌اند وب

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

• 1. مقدمه‌ای بر CSS و جایگاه آن در طراحی وب
• 2. چرا CSS مهم است؟
• 3. نحوه اتصال CSS به HTML
• 4. استایل‌دهی درون‌خطی (Inline Styles)
• 5. استایل‌دهی درونی (Internal Styles)
• 6. استایل‌دهی بیرونی (External Styles)
• 7. ساختار فایل‌های CSS
• 8. انتخابگرهای اولیه (Basic Selectors)
• 9. انتخابگرهای کلاس (Class Selectors)
• 10. انتخابگرهای شناسه (ID Selectors)
• 11. انتخابگرهای عمومی (Universal Selector)
• 12. انتخابگرهای گروهی (Grouping Selectors)
• 13. انتخابگرهای فرزند (Child Selectors)
• 14. انتخابگرهای همسایه مستقیم (Direct Sibling Selectors)
• 15. انتخابگرهای همسایه عمومی (General Sibling Selectors)
• 16. انتخابگرهای صفتی (Attribute Selectors)
• 17. پسوندها و پیشوندها در انتخابگرهای صفتی
• 18. انتخابگرهای شبه‌کلاس (Pseudo-classes)
• 19. شبه‌کلاس `:hover`
• 20. شبه‌کلاس `:active`
• 21. شبه‌کلاس `:focus`
• 22. شبه‌کلاس `:visited`
• 23. شبه‌کلاس `:link`
• 24. شبه‌کلاس `:first-child`
• 25. شبه‌کلاس `:last-child`
• 26. شبه‌کلاس `:nth-child()`
• 27. شبه‌کلاس `:not()`
• 28. شبه‌عناصر (Pseudo-elements)
• 29. شبه‌عنصر `::before`
• 30. شبه‌عنصر `::after`
• 31. شبه‌عنصر `::first-letter`
• 32. شبه‌عنصر `::first-line`
• 33. اولویت‌بندی قوانین CSS (Specificity)
• 34. قانون اهمیت (Importance)
• 35. قانون ارث‌بری (Inheritance)
• 36. واحدها در CSS: پیکسل (px)
• 37. واحدها در CSS: درصد (%)
• 38. واحدها در CSS: واحد ابعاد (em)
• 39. واحدها در CSS: واحد ابعاد ریشه (rem)
• 40. واحدها در CSS: واحدهای viewport (vw, vh)
• 41. خاصیت `color` برای رنگ متن
• 42. خاصیت `background-color`
• 43. خاصیت `font-family`
• 44. خاصیت `font-size`
• 45. خاصیت `font-weight`
• 46. خاصیت `font-style`
• 47. خاصیت `text-align`
• 48. خاصیت `text-decoration`
• 49. خاصیت `line-height`
• 50. خاصیت `letter-spacing`
• 51. خاصیت `word-spacing`
• 52. خاصیت `text-transform`
• 53. خاصیت `margin` برای حاشیه خارجی
• 54. خاصیت `padding` برای حاشیه داخلی
• 55. خاصیت `border` برای کادر
• 56. انواع سبک خطوط کادر (border-style)
• 57. ضخامت کادر (border-width)
• 58. رنگ کادر (border-color)
• 59. گرد کردن گوشه‌ها (border-radius)
• 60. خاصیت `display` و مقادیر آن (block, inline, inline-block)
• 61. خاصیت `position` و مقادیر آن (static, relative, absolute)
• 62. مقدار `fixed` در `position`
• 63. مقدار `sticky` در `position`
• 64. خاصیت `top`, `right`, `bottom`, `left`
• 65. خاصیت `z-index`
• 66. خاصیت `float` و `clear`
• 67. مدیریت چیدمان با Flexbox: مقدمه
• 68. خاصیت `display: flex`
• 69. خاصیت `flex-direction`
• 70. خاصیت `justify-content`
• 71. خاصیت `align-items`
• 72. خاصیت `flex-wrap`
• 73. خاصیت `align-content`
• 74. خاصیت `flex-grow`
• 75. خاصیت `flex-shrink`
• 76. خاصیت `flex-basis`
• 77. خاصیت `order`
• 78. مدیریت چیدمان با Grid: مقدمه
• 79. خاصیت `display: grid`
• 80. خاصیت `grid-template-columns`
• 81. خاصیت `grid-template-rows`
• 82. خاصیت `grid-gap`
• 83. خاصیت `grid-column`
• 84. خاصیت `grid-row`
• 85. خاصیت `justify-items`
• 86. خاصیت `align-items` در Grid
• 87. خاصیت `justify-content` در Grid
• 88. خاصیت `align-content` در Grid
• 89. طراحی واکنش‌گرا (Responsive Design)
• 90. مدیا کوئری‌ها (Media Queries)
• 91. استفاده از واحدهای نسبی در طراحی واکنش‌گرا
• 92. بهینه‌سازی تصاویر برای وب
• 93. انیمیشن‌ها در CSS: مقدمه
• 94. خاصیت `transition`
• 95. تعریف کلیدفریم‌ها (Keyframes)
• 96. خاصیت `animation`
• 97. ویژگی‌های انیمیشن (animation-duration, animation-timing-function)
• 98. ویژگی‌های انیمیشن (animation-delay, animation-iteration-count)
• 99. ویژگی‌های انیمیشن (animation-direction, animation-fill-mode)
• 100. نکات پیشرفته و بهترین شیوه‌ها در CSS