دوره اصول انیمیشن وب همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره اصول انیمیشن وب

موضوع کلی: طراحی و صفحه‌آرایی دیجیتال

موضوع میانی: انیمیشن اینترنتی

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

• 1. مقدمه‌ای بر انیمیشن وب
• 2. اصول اولیه حرکت در انیمیشن
• 3. آشنایی با نرم‌افزارهای انیمیشن وب
• 4. HTML و CSS برای انیمیشن‌های ساده
• 5. دستکاری DOM با جاوااسکریپت برای انیمیشن
• 6. توابع زمان‌بندی در انیمیشن‌های CSS
• 7. انیمیشن‌های کلیدی (Keyframes) در CSS
• 8. انتقال (Transitions) در CSS
• 9. تبدیلات (Transforms) در CSS
• 10. استفاده از SVG در انیمیشن وب
• 11. ایجاد انیمیشن با کتابخانه GreenSock (GSAP) - مقدماتی
• 12. مدیریت رویدادها برای کنترل انیمیشن
• 13. بهینه‌سازی انیمیشن برای عملکرد بهتر
• 14. انیمیشن واکنش‌گرا (Responsive Animation)
• 15. انیمیشن‌های پیشرفته با GSAP
• 16. انیمیشن اسکرول (Scroll Animation)
• 17. انیمیشن بر اساس موقعیت ماوس
• 18. انیمیشن با استفاده از Canvas
• 19. آشنایی با Web Animations API
• 20. استفاده از Web Animations API برای انیمیشن‌های پیچیده
• 21. انیمیشن‌های تعاملی با JavaScript
• 22. ایجاد جلوه‌های ویژه با انیمیشن
• 23. انیمیشن‌های بارگذاری (Loading Animations)
• 24. انیمیشن‌های دکمه‌ها و فرم‌ها
• 25. انیمیشن‌های انتقال صفحه (Page Transitions)
• 26. انیمیشن‌های میکرو (Micro Interactions)
• 27. طراحی رابط کاربری متحرک (Animated UI)
• 28. اصول طراحی انیمیشن (Timing, Easing, Staging)
• 29. تکنیک‌های داستان‌گویی با انیمیشن وب
• 30. انیمیشن‌های سه‌بعدی با Three.js - مقدماتی
• 31. بهینه‌سازی انیمیشن برای موبایل
• 32. تست و اشکال‌زدایی انیمیشن‌های وب
• 33. استفاده از انیمیشن برای بهبود تجربه کاربری
• 34. انیمیشن و سئو (SEO)
• 35. انیمیشن و دسترسی‌پذیری (Accessibility)
• 36. آشنایی با فرمت‌های انیمیشن وب (GIF, APNG, WebP)
• 37. ایجاد انیمیشن‌های وکتور با Adobe Animate
• 38. استفاده از Lottie برای انیمیشن‌های وکتور
• 39. انیمیشن‌های مبتنی بر فیزیک (Physics-based Animation)
• 40. انیمیشن با استفاده از Framer Motion
• 41. انیمیشن در فریم‌ورک‌های جاوااسکریپت (React, Vue, Angular)
• 42. انیمیشن‌های پیشرفته با Three.js
• 43. ایجاد انیمیشن‌های حلقه (Looping Animations)
• 44. انیمیشن‌های مبتنی بر داده (Data-driven Animation)
• 45. مدیریت حافظه در انیمیشن‌های وب