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

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

عنوان دوره: CSS for Circular Economy

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

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

📋 سرفصل‌های دوره (100 موضوع)

• 1. مقدمه ای بر CSS و اقتصاد چرخشی
• 2. اهمیت CSS در طراحی پایدار
• 3. اصول CSS برای طراحی پایدار
• 4. ارتباط CSS با مفاهیم اقتصاد چرخشی
• 5. مزایای استفاده از CSS در اقتصاد چرخشی
• 6. چالش های CSS در طراحی پایدار
• 7. مرور کلی بر ابزارهای توسعه CSS
• 8. تنظیمات اولیه CSS
• 9. نحوه اضافه کردن CSS به HTML
• 10. سینتکس CSS: انتخابگرها (Selectors)
• 11. انتخابگرهای پایه (Basic Selectors)
• 12. انتخابگرهای کلاس (Class Selectors)
• 13. انتخابگرهای شناسه (ID Selectors)
• 14. انتخابگرهای ویژگی (Attribute Selectors)
• 15. انتخابگرهای شبه کلاس (Pseudo-class Selectors)
• 16. انتخابگرهای شبه عنصر (Pseudo-element Selectors)
• 17. انتخابگرهای ترکیبی (Combinator Selectors)
• 18. اولویت بندی (Specificity) در CSS
• 19. قانون ارث بری (Inheritance) در CSS
• 20. مقادیر CSS و واحدهای اندازه گیری
• 21. واحد های مطلق (Absolute Units)
• 22. واحد های نسبی (Relative Units)
• 23. واحد های viewport (Viewport Units)
• 24. واحد های Em و Rem
• 25. تنظیم رنگ ها در CSS
• 26. کدهای رنگی HEX، RGB، RGBA
• 27. کدهای رنگی HSL، HSLA
• 28. نام گذاری رنگ ها
• 29. مدیریت فونت ها در CSS
• 30. قواعد Font-family
• 31. تنظیم Font-size
• 32. تنظیم Font-weight
• 33. تنظیم Font-style
• 34. تنظیم Line-height
• 35. تنظیم Text-align
• 36. تنظیم Text-decoration
• 37. تنظیم Text-transform
• 38. تنظیم Letter-spacing
• 39. تنظیم Word-spacing
• 40. تنظیم Text-indent
• 41. مدیریت پس زمینه (Background)
• 42. تنظیم Background-color
• 43. تنظیم Background-image
• 44. تنظیم Background-repeat
• 45. تنظیم Background-attachment
• 46. تنظیم Background-position
• 47. تنظیم Background-size
• 48. Background shorthand
• 49. مدیریت کادربندی (Borders)
• 50. قواعد Border-width
• 51. قواعد Border-style
• 52. قواعد Border-color
• 53. تنظیمات Border shorthand
• 54. مدیریت حاشیه ها (Margins)
• 55. تنظیم Margin-top, -right, -bottom, -left
• 56. تنظیم Margin shorthand
• 57. مدیریت فاصله داخلی (Padding)
• 58. تنظیم Padding-top, -right, -bottom, -left
• 59. تنظیم Padding shorthand
• 60. مدیریت جعبه مدل (Box Model)
• 61. درک کامل Box Model
• 62. تنظیمات Box-sizing
• 63. مدیریت نمایش عناصر (Display)
• 64. مقادیر Display: block, inline, inline-block
• 65. مقادیر Display: none, flex, grid
• 66. مدیریت شناور سازی (Floats)
• 67. استفاده از Float برای چیدمان
• 68. پاک سازی شناور (Clearfix)
• 69. مدیریت موقعیت دهی (Positioning)
• 70. مقادیر Position: static, relative, absolute
• 71. مقادیر Position: fixed, sticky
• 72. استفاده از Top, Right, Bottom, Left
• 73. مدیریت Z-index
• 74. قواعد Flexbox
• 75. مقدمه ای بر Flexbox
• 76. تنظیمات Flex-container
• 77. تنظیمات Flex-item
• 78. مرتب سازی و توزیع عناصر در Flexbox
• 79. مرور کلی بر Flexbox
• 80. قواعد Grid Layout
• 81. مقدمه ای بر Grid Layout
• 82. تنظیمات Grid-container
• 83. تنظیمات Grid-item
• 84. چیدمان دو بعدی با Grid
• 85. نکات پیشرفته Grid
• 86. مرور کلی بر Grid
• 87. طراحی واکنش گرا (Responsive Design)
• 88. مفهوم طراحی واکنش گرا
• 89. دستور @media (Media Queries)
• 90. استفاده از Viewport meta tag
• 91. طراحی با استفاده از واحدهای نسبی
• 92. استفاده از Flexbox و Grid در طراحی واکنش گرا
• 93. تست و بهینه سازی طراحی واکنش گرا
• 94. استفاده از CSS Variables (Custom Properties)
• 95. مقدمه ای بر CSS Variables
• 96. نحوه تعریف و استفاده از Variables
• 97. اهمیت Variables در اقتصاد چرخشی
• 98. مدیریت تم ها (Theming) با Variables
• 99. انیمیشن ها (Animations) در CSS
• 100. مقدمه ای بر انیمیشن ها