کتاب صوتی انیمیشن‌های تعاملی: از Hover States تا Drag & Drop

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

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

عنوان دوره: دوره انیمیشن‌های تعاملی: از Hover States تا Drag & Drop

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

موضوع میانی: انیمیشن‌های وب (Web Animations)

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

• 1. مبانی انیمیشن در وب
• 2. تاریخچه انیمیشن‌های وب
• 3. انواع انیمیشن‌های وب
• 4. چرا انیمیشن‌های وب مهم هستند؟
• 5. مزایای انیمیشن‌های تعاملی
• 6. معایب انیمیشن‌های تعاملی
• 7. ابزارهای طراحی انیمیشن وب
• 8. ورک‌فلو توسعه انیمیشن
• 9. اهمیت تجربه کاربری (UX) در انیمیشن
• 10. اصول طراحی انیمیشن
• 11. نظریه رنگ در انیمیشن
• 12. تایپوگرافی و انیمیشن
• 13. نورپردازی در انیمیشن
• 14. فضای سفید و انیمیشن
• 15. ریتم و سرعت در انیمیشن
• 16. تصویرسازی و انیمیشن
• 17. اهمیت سادگی در انیمیشن
• 18. اصول ریسپانسیو بودن انیمیشن
• 19. بررسی مثال‌های موفق انیمیشن وب
• 20. مقدمه ای بر CSS Transitions
• 21. سینتکس CSS Transitions
• 22. ویژگی‌های CSS Transitions
• 23. انیمیشن کردن ویژگی‌های CSS
• 24. دستور `transition-property`
• 25. دستور `transition-duration`
• 26. دستور `transition-timing-function`
• 27. دستور `transition-delay`
• 28. ترکیب CSS Transitions
• 29. مثال‌های کاربردی CSS Transitions
• 30. مقدمه ای بر CSS Animations
• 31. سینتکس CSS Animations
• 32. دستور `@keyframes`
• 33. دستور `animation-name`
• 34. دستور `animation-duration`
• 35. دستور `animation-timing-function`
• 36. دستور `animation-delay`
• 37. دستور `animation-iteration-count`
• 38. دستور `animation-direction`
• 39. دستور `animation-fill-mode`
• 40. دستور `animation-play-state`
• 41. ترکیب CSS Animations
• 42. مثال‌های کاربردی CSS Animations
• 43. مقدمه ای بر JavaScript Animation
• 44. چرا از JavaScript برای انیمیشن استفاده کنیم؟
• 45. تفاوت JavaScript Animation با CSS Animation
• 46. `requestAnimationFrame`
• 47. مدیریت فریم در JavaScript Animation
• 48. انیمیشن‌های خطی در JavaScript
• 49. انیمیشن‌های منحنی (Easing) در JavaScript
• 50. توابع Easing
• 51. کتابخانه‌های JavaScript Animation
• 52. معرفی کتابخانه GSAP
• 53. نصب و راه‌اندازی GSAP
• 54. مبانی GSAP
• 55. دستور `to()` در GSAP
• 56. دستور `from()` در GSAP
• 57. دستور `fromTo()` در GSAP
• 58. ویژگی‌های انیمیشن در GSAP
• 59. زمان‌بندی در GSAP
• 60. ترکیب انیمیشن‌ها در GSAP
• 61. دستور `stagger` در GSAP
• 62. دستور `yoyo` در GSAP
• 63. دستور `repeat` در GSAP
• 64. دستور `delay` در GSAP
• 65. کنترل پخش انیمیشن در GSAP
• 66. دستور `pause()` و `resume()`
• 67. دستور `seek()` و `progress()`
• 68. مدیریت رویدادها در GSAP
• 69. ورک‌فلو انیمیشن تعاملی
• 70. اصول طراحی Hover Effects
• 71. پیاده‌سازی Hover Effects با CSS Transitions
• 72. پیاده‌سازی Hover Effects با CSS Animations
• 73. پیاده‌سازی Hover Effects با GSAP
• 74. مثال‌های پیشرفته Hover Effects
• 75. معرفی Scroll-Triggered Animations
• 76. پیاده‌سازی Scroll Animations با JavaScript
• 77. استفاده از ScrollMagic
• 78. استفاده از GSAP ScrollTrigger
• 79. انیمیشن‌سازی عناصر هنگام اسکرول
• 80. مثال‌های عملی Scroll Animations
• 81. مقدمه ای بر Drag and Drop
• 82. مبانی Drag and Drop در HTML5
• 83. استفاده از رویدادهای `dragstart`, `dragover`, `drop`
• 84. پیاده‌سازی Drag and Drop ساده با JavaScript
• 85. پیاده‌سازی Drag and Drop با کتابخانه‌های JavaScript
• 86. استفاده از SortableJS
• 87. استفاده از interact.js
• 88. مثال‌های پیشرفته Drag and Drop
• 89. انیمیشن‌های Drag and Drop
• 90. هماهنگ‌سازی انیمیشن با Drag and Drop
• 91. طراحی تعاملات پیچیده
• 92. انیمیشن‌های State Change
• 93. انیمیشن‌های Page Transition
• 94. انیمیشن‌های Microinteractions
• 95. بهینه‌سازی انیمیشن‌ها برای پرفورمنس
• 96. تست و دیباگ انیمیشن‌ها
• 97. اصول دسترسی‌پذیری (Accessibility) در انیمیشن
• 98. اهمیت Use Cases در انیمیشن
• 99. روندهای آینده در انیمیشن‌های وب
• 100. جمع‌بندی و پروژه‌های نهایی