دوره CSS for Content Creators همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره CSS for Content Creators

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

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

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

• 1. آشنایی با CSS: مقدمه و تاریخچه
• 2. مفاهیم پایه CSS: انتخابگرها و خواص
• 3. نحوه اتصال CSS به HTML
• 4. قواعد CSS: سینتکس و ساختار
• 5. انتخابگرهای عنصر، کلاس و شناسه
• 6. انتخابگرهای ترکیبی: والد، فرزند و همسایه
• 7. انتخابگرهای صفات و ویژگی‌ها
• 8. انتخابگرهای شبه‌کلاس‌ها (Pseudo-classes)
• 9. انتخابگرهای شبه‌عناصر (Pseudo-elements)
• 10. اولویت انتخابگرها (Specificity)
• 11. مدل جعبه‌ای (Box Model) در CSS
• 12. خاصیت `width` و `height`
• 13. خاصیت `padding`
• 14. خاصیت `border`
• 15. خاصیت `margin`
• 16. مدیریت `box-sizing`
• 17. مدیریت رنگ‌ها و پس‌زمینه‌ها
• 18. خاصیت `color`
• 19. خاصیت `background-color`
• 20. خاصیت `background-image`
• 21. خاصیت `background-repeat`
• 22. خاصیت `background-position`
• 23. خاصیت `background-attachment`
• 24. ترکیب ویژگی‌های پس‌زمینه
• 25. مدیریت فونت‌ها و متن
• 26. خاصیت `font-family`
• 27. خاصیت `font-size`
• 28. خاصیت `font-weight`
• 29. خاصیت `font-style`
• 30. خاصیت `text-align`
• 31. خاصیت `text-decoration`
• 32. خاصیت `line-height`
• 33. مدیریت لیست‌ها
• 34. خاصیت `list-style-type`
• 35. خاصیت `list-style-image`
• 36. خاصیت `list-style-position`
• 37. مدیریت لینک‌ها و ناوبری
• 38. استایل‌دهی به لینک‌ها (a)
• 39. استایل‌دهی به حالت‌های لینک (hover, active, visited)
• 40. ایجاد منوهای ناوبری ساده
• 41. مدیریت نمایش (Display)
• 42. خاصیت `display: block`
• 43. خاصیت `display: inline`
• 44. خاصیت `display: inline-block`
• 45. خاصیت `display: none`
• 46. مفهوم `position`
• 47. `position: static`
• 48. `position: relative`
• 49. `position: absolute`
• 50. `position: fixed`
• 51. `position: sticky`
• 52. مدیریت `float` و `clear`
• 53. خاصیت `float`
• 54. خاصیت `clear`
• 55. تکنیک‌های خلاص شدن از شناوری (Clearfix)
• 56. مفهوم Flexbox
• 57. تنظیمات اصلی Flex Container
• 58. تنظیمات اصلی Flex Items
• 59. جهت‌دهی در Flexbox
• 60. مرتب‌سازی در Flexbox
• 61. بسته‌بندی در Flexbox
• 62. هم‌راستایی در Flexbox
• 63. مفهوم CSS Grid
• 64. تنظیمات Grid Container
• 65. تنظیمات Grid Items
• 66. ایجاد Grid Rows و Columns
• 67. ایجاد Grid Areas
• 68. هم‌راستایی در Grid
• 69. طراحی واکنش‌گرا (Responsive Design)
• 70. مفهوم Viewport
• 71. استفاده از واحدهای نسبی (%, em, rem, vw, vh)
• 72. رسانه کوئری‌ها (Media Queries)
• 73. طراحی برای موبایل اول (Mobile-First)
• 74. طراحی برای دسکتاپ
• 75. بهینه‌سازی تصاویر برای وب
• 76. مدیریت فرم‌ها
• 77. استایل‌دهی به فیلدهای ورودی
• 78. استایل‌دهی به دکمه‌ها
• 79. استایل‌دهی به برچسب‌ها
• 80. مفهوم انیمیشن در CSS
• 81. خاصیت `transition`
• 82. ایجاد انیمیشن با `@keyframes`
• 83. خواص قابل انیمیشن‌سازی
• 84. مدیریت انیمیشن‌ها
• 85. مفهوم فریمورک‌های CSS
• 86. معرفی Bootstrap (با رویکرد رسمی)
• 87. معرفی Tailwind CSS (با رویکرد رسمی)
• 88. نکات پیشرفته و بهترین شیوه‌ها
• 89. کامنت‌گذاری در CSS
• 90. سازگاری مرورگرها (Browser Compatibility)
• 91. ابزارهای توسعه‌دهنده مرورگر
• 92. اصول کدنویسی تمیز در CSS
• 93. مدیریت CSS در پروژه‌های بزرگ
• 94. مقدمه‌ای بر پیش‌پردازنده‌های CSS (Sass/Less) - اشاره مختصر و با چارچوب مجاز
• 95. مفهوم CSS Variables (Custom Properties)
• 96. بهینه‌سازی عملکرد CSS
• 97. نکات امنیتی در CSS
• 98. اخلاق حرفه‌ای در توسعه وب (با رعایت چارچوب)
• 99. مبانی دسترسی‌پذیری (Accessibility) در CSS
• 100. استایل‌دهی به عناصر وکتور (SVG)