Web Animation Courses and Certifications

Banaras Hindu University;  CEC

ANIMATIONs

812 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

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

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

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

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

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

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

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

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

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

Mozilla Hacks

10 Things I Hate About Web Animation

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

• YouTube
• 20 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

Animation with JavaScript and jQuery

121 ratings at Coursera

Explore jQuery for web animation, DOM manipulation, and interactive elements. Learn to create dynamic interfaces, image sliders, and content rotators using JavaScript and jQuery libraries.

• Coursera
• 13 hours 29 minutes
• On-Demand
• Free Online Course (Audit)

Angular Styling & Animations (for Angular 2+)

2012 ratings at Udemy

For Angular 2+: Learn how to use dynamic Styles and powerful Animations to create beautiful Angular Apps

• Udemy
• 7 hours 8 minutes
• On-Demand
• Paid Course

Master HTML and CSS by building real world projects

531 ratings at Udemy

Learn css, flex, grid, web accessibility, responsiveness, BEM architecture, animation by building e-commerce project

• Udemy
• 16 hours 11 minutes
• On-Demand
• Paid Course