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

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

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

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

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

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

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

• 1. مقدمه‌ای بر انیمیشن تعاملی و کاربردهای آن
• 2. مروری بر زبان برنامه‌نویسی JavaScript برای انیمیشن
• 3. مبانی DOM و دستکاری عناصر HTML
• 4. انتخاب عناصر HTML با JavaScript
• 5. تغییر ویژگی‌های عناصر HTML با JavaScript
• 6. اضافه و حذف عناصر HTML به صورت پویا
• 7. رویدادها در JavaScript و کاربرد آن‌ها در انیمیشن
• 8. مدیریت رویدادهای ماوس و صفحه کلید
• 9. تایمرها در JavaScript (setTimeout و setInterval)
• 10. ایجاد انیمیشن‌های ساده با استفاده از تایمرها
• 11. مفهوم Frame و نرخ فریم (FPS) در انیمیشن
• 12. انیمیشن با استفاده از requestAnimationFrame
• 13. تغییر موقعیت عناصر با استفاده از CSS
• 14. تغییر ابعاد عناصر با استفاده از CSS
• 15. تغییر رنگ و شفافیت عناصر با استفاده از CSS
• 16. انتقال (Transition) عناصر با CSS
• 17. تبدیل (Transform) عناصر با CSS
• 18. استفاده از Transition و Transform برای انیمیشن‌های ساده
• 19. آشنایی با کتابخانه GreenSock (GSAP)
• 20. مقدمه‌ای بر GSAP و نصب آن
• 21. ایجاد انیمیشن با استفاده از GSAP: Tweens
• 22. کنترل زمان‌بندی انیمیشن با GSAP
• 23. ایجاد انیمیشن‌های متوالی با GSAP
• 24. ایجاد انیمیشن‌های تکراری با GSAP
• 25. ایجاد انیمیشن‌های پیچیده با GSAP: Staggered Animations
• 26. استفاده از GSAP برای کنترل Transition و Transform
• 27. مقدمه‌ای بر انیمیشن‌های وکتوری (SVG)
• 28. ایجاد انیمیشن با استفاده از SVG و JavaScript
• 29. دستکاری ویژگی‌های SVG با JavaScript
• 30. استفاده از GSAP برای انیمیشن‌های SVG
• 31. انیمیشن کاراکترها با استفاده از JavaScript و DOM
• 32. انیمیشن تصاویر با استفاده از Canvas
• 33. آشنایی با Canvas و روش‌های ترسیم
• 34. ایجاد انیمیشن‌های دو بعدی با استفاده از Canvas
• 35. کنترل انیمیشن‌های Canvas با JavaScript
• 36. ایجاد بازی‌های ساده با استفاده از انیمیشن تعاملی
• 37. مقدمه‌ای بر WebGL و کاربردهای آن در انیمیشن
• 38. آشنایی با مفاهیم WebGL
• 39. ایجاد انیمیشن‌های سه‌بعدی ساده با WebGL
• 40. بهینه‌سازی انیمیشن‌های تعاملی برای عملکرد بهتر
• 41. عیب‌یابی و رفع اشکالات رایج در انیمیشن‌های JavaScript
• 42. استفاده از ابزارهای توسعه مرورگر برای دیباگ انیمیشن
• 43. طراحی رابط کاربری (UI) برای انیمیشن‌های تعاملی
• 44. نکات طراحی UX برای انیمیشن‌های تعاملی
• 45. مقدمه‌ای بر کتابخانه‌های انیمیشن دیگر (Anime.js, Popmotion)