Web Animation Courses and Certifications

Banaras Hindu University;  CEC

ANIMATIONs

816 reviews

Explore animation production pipeline techniques for film, TV, advertising, web, and games. Develop creative, technical, and analytical skills for a career in design engineering, VFX, and animation.

• Swayam
• 15 weeks
• On-Demand
• Free Online Course

• Best of All Time

Modern Web Animations

39 ratings at Udemy

Deep Dive into Animations and Transitions, The Web Animations API, Scroll Driven Animations and The View Transitions API

• Udemy
• 15 hours 4 minutes
• On-Demand
• Paid Course

Vanilla JavaScript: Animations

50 ratings at LinkedIn Learning

Animate content with JavaScript and native web technologies. Explore how to configure and animate DOM elements, animate within the HTML5 canvas, and use the Web Animations API.

• LinkedIn Learning
• 1 hour 2 minutes
• On-Demand
• Free Trial Available

Enhancing Web UIs with Parallax Scrolling

33 ratings at Pluralsight

Scrolling effects on the Web are a great way to engage your audience. This course will take you through a variety of parallax scrolling techniques from basic to advanced.

• Pluralsight
• 1 hour
• On-Demand
• Free Trial Available

Illustrations Animées avec Adobe After Effects: Créez une boucle animée parfaite

Apprenez à créer des illustrations animées en boucle avec After Effects. Techniques d'animation, effets, expressions et export pour le web. Idéal pour illustrateurs et motion designers débutants.

• Skillshare
• 2 hours 6 minutes
• On-Demand
• Free Trial Available

Envato Tuts+

Motion Design for the Web

Learn to create engaging web animations using CSS, JavaScript, SVG, and more. Master techniques for videos, loading screens, interactive effects, and responsive design through practical exercises.

• YouTube
• 5 hours 18 minutes
• On-Demand
• Free Video

Mozilla Hacks

10 Things I Hate About Web Animation - Solutions and Technologies

Explore common web animation issues and their solutions in this insightful talk by Brian Birtles, covering transitions, CSS animations, performance, and more.

• YouTube
• 20 minutes
• On-Demand
• Free Video

Mozilla Hacks

Web Animation Techniques for Fast Performance in Firefox - Mozilla Developer Roadshow Asia

Explore web animation techniques for optimal performance in Firefox with Mozilla engineers, focusing on speed and efficiency in this Hong Kong Developer Roadshow session.

• YouTube
• 29 minutes
• On-Demand
• Free Video

Learn With Jason

Learn Motion DevTools

Explore Motion DevTools with Matt Perry: build, inspect, edit, and export CSS and Motion One animations using this Chrome extension. Learn techniques for looping, transitions, and scroll animations.

• YouTube
• 1 hour 27 minutes
• On-Demand
• 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
• On-Demand
• Free Video

Kevin Powell

Animating Height Auto with Interpolate-size and Calc-size in CSS

Master modern CSS techniques for dynamic height animations using interpolate-size and calc-size(), enabling smooth transitions and responsive layouts with progressive enhancement approaches.

• YouTube
• 15 minutes
• On-Demand
• Free Video

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
• On-Demand
• Free Video

Mozilla Hacks

10 Things I Hate About Web Animation

ウェブアニメーションの問題点と技術的解決策を紹介。開発者向けに、より効果的なアニメーション制作のヒントを提供。

• YouTube
• 20 minutes
• On-Demand
• Free Video

CodeWithHarry

Moving Lamborghini Car Animation Using HTML, CSS and JavaScript

Learn to create a dynamic Lamborghini car animation on a website using HTML, CSS, and JavaScript. Enhance your web development skills with this hands-on tutorial for building interactive and visually appealing animations.

• YouTube
• 36 minutes
• On-Demand
• Free Video

Mastering the DOM API

Master advanced DOM manipulation, event handling, and asynchronous JavaScript to create dynamic, interactive web interfaces with optimized performance and seamless user experiences.

• CodeSignal
• On-Demand
• Free Certificate