When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Business professional
pluralsight logo

Building UIs with the Web Animations API

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.

     0 |
  • Reviews ( 0 )
Free
Building UIs with the Web Animations API

    This Course Includes

    • iconpluralsight
    • icon0 (0 reviews )
    • icon2 hour 41 minutes
    • iconenglish
    • iconOnline - Self Paced
    • iconExpanded Courses
    • iconpluralsight

    About Building UIs with the Web Animations API

    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.

    What You Will Learn?

    • Course Overview : 1min.
    • Introduction : 13mins.
    • The Basics of Animation on the Web : 28mins.
    • Web Animations API in Depth : 36mins.
    • Creating an Animated Search Input : 40mins.
    • Creating an Animated Share Button : 41mins.