Web Animation Courses and Certifications

DesignCourse

Creating Scroll-Activated RIVE Animations with JavaScript

Master scroll-activated animations in Rive by implementing timeline triggers, state machine logic, and frontend integration using JavaScript, HTML, and CSS.

• YouTube
• 23 minutes
• Self-Paced
• Free Video

DesignCourse

Mind Blowing - New 3D Animation No Code Tool Rocks

Create a 3D parallax website in Dora with no-code layout and scroll-triggered animations.

• YouTube
• 36 minutes
• Self-Paced
• Free Video

Igor Vensko Tutorials

Parallax Scroll Website with AI Midjourney, ChatGPT, D-ID, Figma, and PS

Create a responsive parallax-scroll website in Dora using AI-generated imagery, animated assets, and scroll keyframes.

• YouTube
• 26 minutes
• Self-Paced
• Free Video

Creative X

Building Creative Website Animations with No Code

Learn to create parallax, sticky-scrolling, masked, and interactive website animations in Editor X without code.

• YouTube
• 27 minutes
• Self-Paced
• Free Video

ng-conf

Making a Splash with View Transitions

Explore View Transitions for effortless web animations in Angular. Learn to create captivating effects without complex JavaScript, leveraging new Angular-specific features for seamless integration.

• YouTube
• 21 minutes
• Self-Paced
• Free Video

Lottie - Establishing an Open Standard for Vector Animation

Explore how the Lottie community established an open vector animation standard to improve interoperability across creation tools and rendering engines.

• YouTube
• 15 minutes
• Self-Paced
• Free Video

JavaScript Conferences by GitNation

Simplified Web Animations Using View Transitions

Master web animations using View Transitions - a modern approach that simplifies creating compelling animations without complex JavaScript. Learn practical implementation techniques and framework integration.

• YouTube
• 21 minutes
• Self-Paced
• Free Video

HTML5 Canvas

4 ratings at Udacity

Learn how you can use HTML5 Canvas to create and modify images or even interactive animations.

• Udacity
• 5 hours
• Self-Paced
• Free Online Course

Learn With Jason

Fun, Festive, Interactive Web Animation with GSAP - Learn with Jason

Discover interactive web animation techniques using Greensock. Learn to create festive, whimsical elements like snow globes and snowflakes, while exploring GSAP's powerful features for dynamic and performant animations.

• YouTube
• 1 hour 26 minutes
• Self-Paced
• Free Video

JSConf

Web Animation - From Disney to SASS

Explore staggered animation techniques inspired by Disney's principles, implemented with CSS, SASS, and GSAP for creating lively web animations.

• YouTube
• 28 minutes
• Self-Paced
• Conference Talk

Adobe Animate

7 ratings at CreativeLive

Design and animate interactive HTML5 content in Adobe Animate, with hands-on practice creating banner ads and web graphics.

• CreativeLive
• 12 hours
• Self-Paced
• Paid Course

Building Interactive Web Applications with JavaScript

Build interactive web applications in JavaScript: manipulate the DOM, handle events and callbacks, fetch external data with Promises, and create animations and SVG graphics.

• Coursera
• 4 weeks, 11 hours a week
• Self-Paced
• Paid Course

Animation with JavaScript and jQuery

128 ratings at Coursera

Manipulate the DOM with jQuery and plain JavaScript: build tabbed interfaces, image sliders, and timer-driven content rotators using selectors, effects, callbacks, and recursion.

• Coursera
• 4 weeks, 3 hours a week
• Self-Paced
• Paid Course

Creative Advanced CSS & JavaScript Animations - 150 Projects

2493 ratings at Udemy

Master Advanced CSS & JavaScript Animations, Transitions and Transforms And Practice with 150 Creative Projects!

• Udemy
• 20 hours 26 minutes
• Self-Paced
• Paid Course

Learn SVG Animation - With HTML, CSS & Javascript

2188 ratings at Udemy

Learn how these powerful animation are created using HTML,CSS & Javascript

• Udemy
• 1 hour 23 minutes
• Self-Paced
• Paid Course