Course Focus and Approach

There are a lot of factors to consider when creating animations to prevent them from becoming a distraction to the user. For example, animation timing is one such factor. If it’s too fast, the animation could seem abrupt, but if it’stoo slow, it could cause the user to think that our application is too slow.

What will the course cover?

This course will focus on creating animations in an Angular application. You will learn the various animation methods that you can use along with their use cases and real-world examples. We’ll learn both Angular-specific and other animations, including usage of popular third-party animation libraries such as GreenSock, Popmotion, and Animate.css. For non-Angular-specific animations, such as CSS-based animations and web animations, the lessons will show you both the plain version, which you could use in other frameworks, and the Angular-specific implementation.

Each chapter of this course will focus on one animation method where we will do a deep dive into its usage and application. We’ll start with the easier methods and move on to more advanced ones as we progress through the course.

By the end of the course, you should have the knowledge and skills to:

  • Decide which animation method to use given a set of requirements.
  • Create performant animations.
  • Debug your animation effectively.
  • Structure your animation code in a way that maximizes reusability.
  • Integrate third party animation libraries to create complex animations.