فلش‌کارت‌های آموزشی ساخت انیمیشن‌های جذاب در برنامه‌های Angular

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

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

عنوان دوره: دوره ساخت انیمیشن‌های جذاب در برنامه‌های Angular

موضوع کلی: توسعهٔ نرم‌افزارهای وب پیشرفته

موضوع میانی: طراحی رابط کاربری پویا با فریم‌ورک‌های مدرن

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

• 1. مقدمه‌ای بر انیمیشن در برنامه‌های وب
• 2. مبانی انیمیشن در رابط کاربری
• 3. چرا انیمیشن در Angular؟
• 4. انواع انیمیشن‌ها در وب
• 5. انیمیشن‌های CSS در Angular
• 6. استفاده از `ngIf` برای انیمیشن‌ها
• 7. انیمیشن‌های انتقال (Transition)
• 8. انیمیشن‌های کلیدفریم (Keyframe)
• 9. انیمیشن‌های زمان‌بندی شده
• 10. ایجاد انیمیشن‌های سفارشی در Angular
• 11. ماژول `BrowserAnimationsModule`
• 12. شروع کار با `animate()`
• 13. تعریف توالی انیمیشن‌ها
• 14. انیمیشن‌های پیچیده با `sequence()`
• 15. انیمیشن‌های موازی با `parallel()`
• 16. انیمیشن‌های استیج‌بندی شده با `stagger()`
• 17. استفاده از `query()` برای انتخاب عناصر
• 18. انیمیشن‌های ورود و خروج عناصر
• 19. انیمیشن‌های لیست‌ها و جداول
• 20. انیمیشن‌های فرم‌ها و ورودی‌ها
• 21. انیمیشن‌های رویدادهای کلیک
• 22. انیمیشن‌های تغییر وضعیت (State Change)
• 23. انیمیشن‌های انتقال صفحه
• 24. استفاده از `trigger` برای مدیریت انیمیشن‌ها
• 25. پارامترهای انیمیشن
• 26. انیمیشن‌های مبتنی بر زمان
• 27. انیمیشن‌های مبتنی بر فریم
• 28. مدیریت حالت‌های انیمیشن
• 29. انیمیشن‌های تعاملی
• 30. انیمیشن‌های پیش‌نیاز (Preloading)
• 31. بهینه‌سازی انیمیشن‌ها
• 32. عملکرد انیمیشن‌ها
• 33. تست انیمیشن‌ها
• 34. اشکال‌زدایی انیمیشن‌ها
• 35. انیمیشن‌های قابل دسترس (Accessible)
• 36. اصول طراحی انیمیشن
• 37. تجربه کاربری و انیمیشن
• 38. انیمیشن‌های متناسب با برند
• 39. کاربرد انیمیشن در آموزش
• 40. انیمیشن در برنامه‌های سازمانی
• 41. انیمیشن در فروشگاه‌های آنلاین
• 42. انیمیشن در داشبوردهای مدیریتی
• 43. انیمیشن در بازی‌های وب
• 44. انیمیشن‌های سه‌بعدی در وب
• 45. مقدمه‌ای بر WebGL
• 46. استفاده از Three.js
• 47. انیمیشن‌های SVG
• 48. انیمیشن‌های Canvas
• 49. انیمیشن‌های پیشرفته با کتابخانه‌های خارجی
• 50. کتابخانه GSAP
• 51. کتابخانه Anime.js
• 52. کتابخانه Popmotion
• 53. یکپارچه‌سازی کتابخانه‌های خارجی
• 54. انیمیشن‌های مبتنی بر فیزیک
• 55. مفهوم جرم و فنر در انیمیشن
• 56. شبیه‌سازی رفتار واقعی
• 57. انیمیشن‌های واکنش‌گرا
• 58. انیمیشن‌های موبایل
• 59. انیمیشن‌های دسکتاپ
• 60. تفاوت‌های انیمیشن در پلتفرم‌های مختلف
• 61. انیمیشن‌های مبتنی بر رویداد موس
• 62. انیمیشن‌های مبتنی بر اسکرول
• 63. انیمیشن‌های مبتنی بر حرکت دستگاه
• 64. کاربرد `Intersection Observer`
• 65. انیمیشن‌های شرطی
• 66. انیمیشن‌های پویا بر اساس داده
• 67. مدیریت انیمیشن‌های طولانی
• 68. قطع کردن انیمیشن‌ها
• 69. بازگرداندن انیمیشن‌ها (Revert)
• 70. ایجاد انیمیشن‌های قابل استفاده مجدد
• 71. کامپوننت‌های انیمیشن
• 72. سرویس‌های انیمیشن
• 73. استانداردهای انیمیشن در رابط کاربری
• 74. اصول طراحی موشن گرافیک
• 75. تأثیر انیمیشن بر درک کاربر
• 76. انیمیشن‌های مینیمالیستی
• 77. انیمیشن‌های شلوغ و پرجزئیات
• 78. انتخاب زمان‌بندی مناسب
• 79. استفاده از انیمیشن برای هدایت کاربر
• 80. انیمیشن‌های بازخورد
• 81. انیمیشن‌های بارگذاری (Loading)
• 82. انیمیشن‌های پیشرفت (Progress)
• 83. انیمیشن‌های تأیید (Confirmation)
• 84. انیمیشن‌های خطا (Error)
• 85. انیمیشن‌های موفقیت (Success)
• 86. انیمیشن‌های انتقال داده
• 87. انیمیشن‌های نمایش/پنهان کردن
• 88. انیمیشن‌های جابجایی المان‌ها
• 89. انیمیشن‌های مقیاس‌بندی (Scaling)
• 90. انیمیشن‌های چرخش (Rotation)
• 91. انیمیشن‌های محو شدن (Fading)
• 92. انیمیشن‌های کشیدگی (Stretching)
• 93. انیمیشن‌های فشردگی (Squashing)
• 94. انیمیشن‌های تغییر رنگ
• 95. انیمیشن‌های انیمیشن‌های سفارشی با CSS Variables
• 96. ادغام با فریم‌ورک‌های UI
• 97. انیمیشن‌های Material Design
• 98. انیمیشن‌های Bootstrap
• 99. انیمیشن‌های Tailwind CSS
• 100. بررسی نمونه‌های عملی