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

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

عنوان دوره: CSS for Behavioral Economics

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

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

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

• 1. مقدمه بر CSS برای اقتصاد رفتاری
• 2. چرا CSS برای اقتصاد رفتاری مهم است؟
• 3. مفاهیم کلیدی اقتصاد رفتاری برای طراحان وب
• 4. شناخت سوگیری‌های شناختی رایج
• 5. تأثیر بصری بر تصمیم‌گیری کاربران
• 6. اصول اولیه CSS: سینتکس و ساختار
• 7. انتخابگرها (Selectors): پایه و اساس CSS
• 8. انتخابگرهای عمومی (Universal Selector)
• 9. انتخابگرهای نوع (Type Selectors)
• 10. انتخابگرهای کلاس (Class Selectors)
• 11. انتخابگرهای شناسه (ID Selectors)
• 12. انتخابگرهای ویژگی (Attribute Selectors)
• 13. ترکیب‌کننده‌ها (Combinators): ارتباط بین عناصر
• 14. انتخابگر فرزند (Child Combinator)
• 15. انتخابگر عمومی (General Sibling Combinator)
• 16. انتخابگر فرزند مستقیم (Direct Child Combinator)
• 17. انتخابگر والد (Parent Combinator - غیر استاندارد اما مهم برای درک)
• 18. خواص (Properties) و مقادیر (Values) در CSS
• 19. خواص متنی (Text Properties)
• 20. خواص رنگ (Color Properties)
• 21. خواص پس‌زمینه (Background Properties)
• 22. خواص حاشیه (Border Properties)
• 23. خواص فاصله (Padding Properties)
• 24. خواص مایه (Margin Properties)
• 25. مدل جعبه‌ای (Box Model) در CSS
• 26. عرض و ارتفاع (Width and Height)
• 27. عرض و ارتفاع حداقل و حداکثر (Min/Max Width/Height)
• 28. رنگ پس‌زمینه (Background Color)
• 29. تصویر پس‌زمینه (Background Image)
• 30. تکرار پس‌زمینه (Background Repeat)
• 31. موقعیت پس‌زمینه (Background Position)
• 32. اندازه پس‌زمینه (Background Size)
• 33. حاشیه (Border): ضخامت، سبک و رنگ
• 34. فاصله داخلی (Padding)
• 35. فاصله خارجی (Margin)
• 36. نکات مهم درباره مدل جعبه‌ای در طراحی
• 37. CSS و نمایش عناصر (Display Property)
• 38. `display: block`
• 39. `display: inline`
• 40. `display: inline-block`
• 41. `display: flex`
• 42. `display: grid`
• 43. `display: none`
• 44. `display: contents`
• 45. CSS Flexbox: چیدمان انعطاف‌پذیر
• 46. مقدمه‌ای بر Flexbox
• 47. ویژگی‌های والد Flex (Flex Container Properties)
• 48. `display: flex`
• 49. `flex-direction`
• 50. `flex-wrap`
• 51. `justify-content`
• 52. `align-items`
• 53. `align-content`
• 54. ویژگی‌های فرزند Flex (Flex Item Properties)
• 55. `order`
• 56. `flex-grow`
• 57. `flex-shrink`
• 58. `flex-basis`
• 59. `flex` (shorthand)
• 60. `align-self`
• 61. کاربرد Flexbox در چیدمان‌های رابط کاربری
• 62. CSS Grid: چیدمان شبکه‌ای قدرتمند
• 63. مقدمه‌ای بر Grid
• 64. ویژگی‌های والد Grid (Grid Container Properties)
• 65. `display: grid`
• 66. `grid-template-columns`
• 67. `grid-template-rows`
• 68. `grid-template-areas`
• 69. `grid-gap` (or `gap`)
• 70. `justify-items`
• 71. `align-items`
• 72. `justify-content`
• 73. `align-content`
• 74. ویژگی‌های فرزند Grid (Grid Item Properties)
• 75. `grid-column-start`/`grid-column-end`/`grid-column`
• 76. `grid-row-start`/`grid-row-end`/`grid-row`
• 77. `grid-area`
• 78. `justify-self`
• 79. `align-self`
• 80. کاربرد Grid در طراحی صفحات وب پیچیده
• 81. CSS و تایپوگرافی (Typography)
• 82. فونت‌ها (Fonts) و خانواده فونت (Font Family)
• 83. اندازه فونت (Font Size)
• 84. وزن فونت (Font Weight)
• 85. استایل فونت (Font Style)
• 86. ارتفاع خط (Line Height)
• 87. فاصله حروف (Letter Spacing)
• 88. فاصله کلمات (Word Spacing)
• 89. تراز متن (Text Align)
• 90. دکوراسیون متن (Text Decoration)
• 91. تبدیل حروف (Text Transform)
• 92. مدیریت رنگ در CSS
• 93. رنگ‌های نام‌گذاری شده (Named Colors)
• 94. کدهای هگزادسیمال (Hex Codes)
• 95. مقادیر RGB و RGBA
• 96. مقادیر HSL و HSLA
• 97. شفافیت (Opacity) و اثرات بصری
• 98. CSS و انیمیشن (Animation)
• 99. مفهوم Keyframes
• 100. نحوه تعریف انیمیشن‌ها