فلش‌کارت‌های آموزشی موقعیت‌دهی پویا و انطباقی در CSS با استفاده از Anchor Positioning

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

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

عنوان دوره: دوره موقعیت‌دهی پویا و انطباقی در CSS با استفاده از Anchor Positioning

موضوع کلی: توسعه وب و طراحی رابط کاربری (UI)

موضوع میانی: تکنیک‌های پیشرفته CSS

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

• 1. مبانی طراحی رابط کاربری در وب
• 2. مقدمه‌ای بر HTML برای ساختار صفحات
• 3. اصول CSS برای استایل‌دهی صفحات وب
• 4. انتخابگرهای CSS و اولویت‌بندی آن‌ها
• 5. واحدها و اندازه‌گیری‌ها در CSS
• 6. رنگ‌ها و گرادیان‌ها در CSS
• 7. پس‌زمینه‌ها و حاشیه‌ها در CSS
• 8. فونت‌ها و تایپوگرافی در CSS
• 9. مدل جعبه‌ای (Box Model) در CSS
• 10. نمایش و موقعیت‌دهی عناصر (Display & Position)
• 11. شناور کردن (Floats) و پاکسازی (Clearfix)
• 12. شبکه‌های CSS (CSS Grid) برای طرح‌بندی
• 13. فلکس‌باکس (Flexbox) برای طرح‌بندی یک‌بعدی
• 14. کوانتوم در طراحی رابط کاربری (مفهومی)
• 15. مقدمه‌ای بر مفاهیم پیشرفته CSS
• 16. موقعیت‌دهی در CSS: مروری بر روش‌های سنتی
• 17. محدودیت‌های موقعیت‌دهی سنتی در CSS
• 18. معرفی CSS Anchor Positioning
• 19. مفهوم Anchor و રીતે آن
• 20. نحوه تعریف Anchor Point
• 21. نحوه تعریف Anchor Target
• 22. ارتباط بین Anchor Point و Anchor Target
• 23. ویژگی `anchor-name`
• 24. ویژگی `position-anchor`
• 25. موقعیت‌دهی نسبی با Anchor Positioning
• 26. موقعیت‌دهی مطلق با Anchor Positioning
• 27. موقعیت‌دهی ثابت با Anchor Positioning
• 28. ایجاد کامپوننت‌های انطباقی با Anchor Positioning
• 29. استفاده از Anchor Positioning برای منوهای شناور
• 30. استفاده از Anchor Positioning برای ابزارهای راهنما (Tooltips)
• 31. استفاده از Anchor Positioning برای مودال‌ها (Modals)
• 32. استفاده از Anchor Positioning برای اسلایدرها
• 33. استفاده از Anchor Positioning برای فرم‌ها
• 34. مدیریت انیمیشن‌ها با Anchor Positioning
• 35. ترکیب Anchor Positioning با CSS Transitions
• 36. ترکیب Anchor Positioning با CSS Animations
• 37. سازگاری مرورگرها با Anchor Positioning
• 38. ملاحظات عملکردی در استفاده از Anchor Positioning
• 39. بهینه‌سازی انطباقی رابط کاربری
• 40. طراحی واکنش‌گرا (Responsive Design) پیشرفته
• 41. استفاده از Media Queries با Anchor Positioning
• 42. استفاده از Container Queries با Anchor Positioning
• 43. تست و اشکال‌زدایی طرح‌بندی‌های انطباقی
• 44. اصول دسترسی‌پذیری (Accessibility) در رابط کاربری
• 45. استفاده از ARIA Attributes با Anchor Positioning
• 46. بهبود تجربه کاربری (UX) با موقعیت‌دهی پویا
• 47. مفاهیم پیشرفته تایپوگرافی در وب
• 48. استایل‌دهی پیشرفته فرم‌ها
• 49. طراحی کامپوننت‌های قابل استفاده مجدد
• 50. الگوهای طراحی رابط کاربری (UI Patterns)
• 51. معماری اطلاعات (Information Architecture)
• 52. تست کاربری (User Testing)
• 53. مقدمه‌ای بر جاوا اسکریپت برای تعاملات پیشرفته
• 54. تعاملات داینامیک با استفاده از جاوا اسکریپت
• 55. مدیریت رویدادها در جاوا اسکریپت
• 56. تغییرات DOM با جاوا اسکریپت
• 57. مقدمه‌ای بر فریم‌ورک‌های مدرن جاوا اسکریپت (مفهومی)
• 58. اصول توسعه نرم‌افزار تمیز (Clean Code)
• 59. مدیریت وضعیت (State Management) در برنامه‌های وب
• 60. مقدمه‌ای بر ابزارهای توسعه‌دهنده مرورگر
• 61. اشکال‌زدایی (Debugging) پیشرفته CSS
• 62. بهینه‌سازی عملکرد وب‌سایت
• 63. مقدمه‌ای بر مفاهیم امنیت وب (مفهومی)
• 64. استانداردهای وب و بهترین روش‌ها
• 65. اصول طراحی تجربه کاربری (UX)
• 66. تحلیل رفتار کاربر در وب (مفهومی)
• 67. مقدمه‌ای بر طراحی گرافیک وب
• 68. نظریه رنگ در طراحی وب
• 69. اصول ترکیب‌بندی در طراحی وب
• 70. استفاده از فضای سفید (Whitespace)
• 71. طراحی برای دستگاه‌های مختلف
• 72. اصول طراحی مینیمالیسم در وب
• 73. مقدمه‌ای بر انیمیشن‌های UI (مفهومی)
• 74. استفاده از آیکون‌ها در طراحی وب
• 75. طراحی هدر و فوتر وب‌سایت
• 76. طراحی دکمه‌ها و عناصر تعاملی
• 77. اصول طراحی فرم‌های کاربرپسند
• 78. طراحی صفحات لندینگ (Landing Pages)
• 79. مقدمه‌ای بر هوش مصنوعی در طراحی (مفهومی)
• 80. اصول کار تیمی در پروژه‌های وب
• 81. مدیریت پروژه در توسعه وب (مفهومی)
• 82. مقدمه‌ای بر اصول سئو (SEO)
• 83. ساخت وب‌سایت‌های قابل اسکیل
• 84. طراحی رابط کاربری برای اپلیکیشن‌های وب
• 85. مقدمه‌ای بر مفاهیم برنامه‌نویسی واکنشی (Reactive Programming)
• 86. اصول طراحی بصری (Visual Design)
• 87. مقدمه‌ای بر طراحی تجربه کاربری (UX Research)
• 88. اصول روانشناسی رنگ در طراحی
• 89. مقدمه‌ای بر طراحی تعاملی (Interaction Design)
• 90. استفاده از داده‌ها در طراحی رابط کاربری
• 91. اصول طراحی برای کودکان (مفهومی)
• 92. اصول طراحی برای سالمندان (مفهومی)
• 93. مقدمه‌ای بر طراحی پایدار (Sustainable Design)
• 94. اصول طراحی مینیمال و کاربردی
• 95. تکنیک‌های پیشرفته CSS برای طرح‌بندی‌های پیچیده
• 96. ساخت کامپوننت‌های UI با CSS خالص
• 97. مقدمه‌ای بر معماری CSS (مانند BEM)
• 98. استفاده از CSS Variables برای طرح‌بندی پویا
• 99. طراحی سیستم‌های طراحی (Design Systems)
• 100. مقدمه‌ای بر تست A/B در طراحی رابط کاربری