کتاب صوتی CSS for Documentations

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

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

عنوان دوره: دوره CSS for Documentations

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

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

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

• 1. آشنایی با مفاهیم پایه CSS
• 2. ساختار و سینتکس CSS
• 3. انتخابگرهای CSS (Selectors)
• 4. انتخابگرهای کلاس و آیدی
• 5. انتخابگرهای ویژگی (Attribute Selectors)
• 6. انتخابگرهای شبه‌کلاس (Pseudo-classes)
• 7. انتخابگرهای شبه‌عنصر (Pseudo-elements)
• 8. ترکیب انتخابگرها (Combinators)
• 9. اولویت انتخابگرها (Specificity)
• 10. نحوهٔ اعمال CSS (Cascading)
• 11. استفاده از CSS درون خطی (Inline CSS)
• 12. استفاده از CSS درونی (Internal CSS)
• 13. استفاده از CSS بیرونی (External CSS)
• 14. مدیریت رنگ در CSS (Color properties)
• 15. مقادیر رنگ (نام رنگ، Hex، RGB، RGBA)
• 16. مقادیر رنگ (HSL، HSLA)
• 17. خواص مربوط به متن (Text properties)
• 18. فونت‌ها در CSS (Font properties)
• 19. اندازهٔ فونت و وزن آن
• 20. ارتفاع خط (line-height)
• 21. فاصلهٔ بین حروف و کلمات
• 22. تراز متن (text-align)
• 23. تزئینات متن (text-decoration)
• 24. تبدیل حروف (text-transform)
• 25. سایه‌های متن (text-shadow)
• 26. خواص مربوط به پس‌زمینه (Background properties)
• 27. رنگ پس‌زمینه
• 28. تصویر پس‌زمینه
• 29. تکرار تصویر پس‌زمینه
• 30. موقعیت تصویر پس‌زمینه
• 31. اندازهٔ تصویر پس‌زمینه
• 32. خواص مربوط به کادر (Border properties)
• 33. عرض، سبک و رنگ کادر
• 34. کادرهای گرد (Border-radius)
• 35. کادر در جهات مختلف
• 36. حاشیهٔ بیرونی (Margin properties)
• 37. تنظیم حاشیهٔ بیرونی
• 38. حذف حاشیهٔ بیرونی
• 39. حاشیهٔ درونی (Padding properties)
• 40. تنظیم حاشیهٔ درونی
• 41. حذف حاشیهٔ درونی
• 42. جعبهٔ مدل (Box Model)
• 43. ابعاد عناصر (width, height)
• 44. حداقل و حداکثر ابعاد
• 45. تکنیک‌های چیدمان (Layout techniques)
• 46. نمایش عناصر (display properties)
• 47. display: block, inline, inline-block
• 48. display: none, flex, grid
• 49. مدیریت فضای خالی (Box-sizing)
• 50. شناور کردن عناصر (Float property)
• 51. Clearfix hack
• 52. استفاده از Flexbox برای چیدمان
• 53. مفاهیم اصلی Flexbox
• 54. جهت‌دهی Flex (flex-direction)
• 55. تراز کردن آیتم‌ها در Flex
• 56. توزیع فضا در Flex
• 57. بسته‌بندی در Flex (flex-wrap)
• 58. استفاده از Grid برای چیدمان
• 59. مفاهیم اصلی Grid
• 60. تعریف ستون‌ها و ردیف‌ها
• 61. تراز کردن آیتم‌ها در Grid
• 62. توزیع فضا در Grid
• 63. قالب‌بندی Grid (grid-template-areas)
• 64. موقعیت‌دهی مطلق (Positioning)
• 65. position: static, relative, absolute
• 66. position: fixed, sticky
• 67. z-index
• 68. پاسخگویی در طراحی (Responsive Design)
• 69. واحد‌های نسبی (em, rem, %)
• 70. واحد‌های viewport (vw, vh)
• 71. Media Queries
• 72. استفاده از Media Queries برای تغییرات
• 73. تنظیمات فونت و رنگ با Media Queries
• 74. تنظیمات چیدمان با Media Queries
• 75. انیمیشن در CSS (Animations)
• 76. تعریف Keyframes
• 77. خواص انیمیشن (animation-name, duration)
• 78. تأخیر انیمیشن (animation-delay)
• 79. تکرار و جهت انیمیشن
• 80. تبدیل‌ها (Transitions)
• 81. خواص transition
• 82. زمان‌بندی transition
• 83. انتقال‌های CSS (Transforms)
• 84. تبدیل‌های دوبعدی (rotate, scale, translate)
• 85. تبدیل‌های سه‌بعدی
• 86. سایه‌ها (Box-shadow)
• 87. سایه‌های متن (Text-shadow)
• 88. استفاده از فونت‌های سفارشی (Custom Fonts)
• 89. فونت‌های وب (Web Fonts)
• 90. پلتفرم‌های فونت (Google Fonts)
• 91. تنظیمات پیشرفتهٔ فونت
• 92. مدیریت فرم‌ها در CSS
• 93. استایل‌دهی به ورودی‌ها
• 94. استایل‌دهی به دکمه‌ها
• 95. استایل‌دهی به برچسب‌ها
• 96. فرم‌های واکنش‌گرا
• 97. نکات بهینه‌سازی CSS
• 98. فشرده‌سازی فایل‌های CSS
• 99. سازگاری با مرورگرهای مختلف
• 100. ابزارهای توسعه‌دهندهٔ مرورگر