Animate Your Angular App

Learn how to enhance your Angular application with dynamic animations in this 45-minute talk. Explore the power of Angular's animation library, starting from the basics of state and triggers. Discover how to implement built-in effects, add routing animations, and create reusable and scalable animation components. Follow along as the speaker demonstrates practical techniques using a sample Angular app, covering topics such as getting started with the Angular Animations library, adding animations to components with HostBinding, watching for animation events, animating the router, and scaling animation definitions. Gain valuable insights on disabling animations when needed and walk away with a comprehensive understanding of how to bring your Angular app to life through engaging visual effects.

- Intro
- Overview of the Angular app we're animating
- Getting started with the Angular Animations library
- Adding animations to a component using HostBinding
- Watching for animation events
- Animating the router
- Scaling and reusing animation definitions
- Disabling animations
- Recap and links