Description
Course info
Level
Beginner
Updated
Mar 27, 2018
Duration
2h 41m
Description

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
About the author

Leon Revill is a Google Developer Expert for web technologies, co-host on @TheWebPlatform Podcast, blogger, author and web architect specialising in JavaScript and Web Platform features.

More from the author
A Practical Guide to Vanilla Web Components
Intermediate
2h 10m
Apr 11, 2017
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone. My name is Leno Revill, and welcome to my course, Building UIs with the Web Animations API. I'm a web architect specializing in building cross-platform applications with web technologies. The Web Animations API unlocks the browser's animation engine, so developers can finally create buttery smooth animations in JavaScript without the need for CSS. This course is going to show you why animation is so essential for creating great user experiences, and will teach you how to develop high quality animated UIs with the Web Animations API. Some of the major topics that we'll cover include the basics of animation on the web, best practices for efficient animations, the Web Animations API in depth, and creating animated UI components with custom elements and the Web Animations API. By the end of this course you'll have a better understanding of how to create performant animations for any web app, and you'll be able to create sophisticated animations in JavaScript with the Web Animations API. I hope you'll join me in this journey to learn how to create quality animated user interfaces with the Building UIs with the Web Animations API course at Pluralsight.