دوره آموزش جامع CSS برای طراحی حرفه‌ای وب‌سایت همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره آموزش جامع CSS برای طراحی حرفه‌ای وب‌سایت

موضوع کلی: توسعه وب

موضوع میانی: طراحی و استایل‌دهی وب‌سایت

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

• 1. مقدمه‌ای بر زبان CSS
• 2. تاریخچه و تکامل CSS
• 3. چرا CSS مهم است؟
• 4. نحوه کار CSS
• 5. نصب و راه‌اندازی ابزارهای توسعه
• 6. اشنایی با مرورگرهای وب و CSS
• 7. ساختار کلی یک سند CSS
• 8. انتخابگرهای پایه (Selectors)
• 9. انتخابگرهای کلاس (Class Selectors)
• 10. انتخابگرهای شناسه (ID Selectors)
• 11. انتخابگرهای تگ (Tag Selectors)
• 12. انتخابگرهای عمومی (Universal Selector)
• 13. انتخابگرهای ترکیبی (Combinators)
• 14. انتخابگرهای گروهی (Grouping Selectors)
• 15. ویژگی‌های CSS (Properties)
• 16. مقادیر ویژگی‌ها (Values)
• 17. واحدها در CSS (Units)
• 18. واحد پیکسل (px)
• 19. واحد درصد (%)
• 20. واحد em و rem
• 21. واحد vw و vh
• 22. رنگ‌ها در CSS (Colors)
• 23. مقادیر رنگی هگزادسیمال (Hex)
• 24. مقادیر رنگی RGB
• 25. مقادیر رنگی RGBA
• 26. مقادیر رنگی HSL
• 27. مقادیر رنگی HSLA
• 28. پس‌زمینه‌ها در CSS (Backgrounds)
• 29. خاصیت background-color
• 30. خاصیت background-image
• 31. خاصیت background-repeat
• 32. خاصیت background-position
• 33. خاصیت background-size
• 34. خاصیت background-attachment
• 35. خلاصه ویژگی‌های پس‌زمینه
• 36. مدیریت فونت‌ها (Fonts)
• 37. خاصیت font-family
• 38. خاصیت font-size
• 39. خاصیت font-weight
• 40. خاصیت font-style
• 41. خاصیت line-height
• 42. مدیریت متن (Text)
• 43. خاصیت text-align
• 44. خاصیت text-decoration
• 45. خاصیت text-transform
• 46. خاصیت letter-spacing
• 47. خاصیت word-spacing
• 48. خاصیت text-shadow
• 49. کار با کادربندی (Box Model)
• 50. خاصیت width و height
• 51. خاصیت padding
• 52. خاصیت border
• 53. خاصیت margin
• 54. درک کامل Box Model
• 55. چیدمان عناصر (Layout)
• 56. خاصیت display
• 57. مقدار block
• 58. مقدار inline
• 59. مقدار inline-block
• 60. مقدار none
• 61. استفاده از Flexbox
• 62. مفاهیم اصلی Flexbox
• 63. خاصیت flex-direction
• 64. خاصیت justify-content
• 65. خاصیت align-items
• 66. استفاده از Grid Layout
• 67. مفاهیم اصلی Grid
• 68. خاصیت grid-template-columns
• 69. خاصیت grid-template-rows
• 70. خاصیت grid-gap
• 71. پاسخگویی در طراحی (Responsive Design)
• 72. استفاده از Media Queries
• 73. ایجاد طرح‌بندی‌های واکنش‌گرا
• 74. نکات مهم در طراحی واکنش‌گرا
• 75. انیمیشن‌ها در CSS (Animations)
• 76. خاصیت animation-name
• 77. خاصیت animation-duration
• 78. خاصیت animation-timing-function
• 79. خاصیت animation-delay
• 80. خاصیت animation-iteration-count
• 81. خاصیت animation-direction
• 82. خاصیت animation-fill-mode
• 83. خاصیت animation-play-state
• 84. ایجاد Keyframes برای انیمیشن
• 85. تبدیلات (Transitions)
• 86. خاصیت transition-property
• 87. خاصیت transition-duration
• 88. خاصیت transition-timing-function
• 89. خاصیت transition-delay
• 90. استفاده کاربردی از Transitions
• 91. کار با فرم‌ها در CSS
• 92. استایل‌دهی به عناصر فرم
• 93. استایل‌دهی به دکمه‌ها
• 94. استایل‌دهی به فیلدهای ورودی
• 95. استایل‌دهی به لیبل‌ها
• 96. استایل‌دهی به select box
• 97. استایل‌دهی به textarea
• 98. مفاهیم پیشرفته CSS
• 99. Pseudo-classes
• 100. Pseudo-elements