Simple play icon Course
Skills Expanded

Building UIs with the Web Animations API

by Leon Revill

This course will teach you best practices for adding visually appealing animations to any web app. You’ll learn how to use the Web Animations API to make these sophisticated animations in JavaScript, without CSS or third-party libraries.

What you'll learn

Animation is essential for creating top-notch user experiences, but it’s difficult to create complex animations that perform smoothly. In this course, Building UIs with the Web Animations API, you'll learn how to use JavaScript to create complex and efficient web animations. First, you’ll explore some best practices for creating animations in any web app. Next, you’ll use this knowledge to examine how the Web Animations API allows developers to unlock the browser’s animation engine to create performant animations in JavaScript without CSS or third-party libraries. Finally, you'll discover how to use the Web Animations API and Custom Elements to build two UI components that use animations to create an enjoyable experience for the user. When you've finished this course, you'll know how to use the Web Animations API to effortlessly create sophisticated animations that work great even on low powered devices.

About the author

Leon Revill is a web architect, blogger and author. He specialises in front-end technologies mostly around JavaScript and spends his time investigating new technologies and figuring out how best to adopt them. He works hard to build awesome things for the web platform mostly with web components.

Ready to upskill? Get started