Animate Your Angular App - by Alisa Duncan
Channel: OktaDev
Date: 05/04/2022

Angular has built-in support for adding animations. In this talk, you'll learn how to add some dazzle to your Angular app by harnessing the power of Angular’s animation library. We’ll start from the basics of state and triggers, use built-in fancy effects, add routing animations, and cover how to make your animations reusable and scalable.

Originally prepared by Okta Developer Advocate Alisa Duncan for Front Stage conference (https://frontdevstage.com/) and presented at International Women's Day San Jose in March 2022 (https://gdg.community.dev/events/details/google-gdg-san-jose-presents-international-womens-day-2022-1/)

Table of Contents:

00:00 - Intro
02:08 - Overview of the Angular app we're animating
02:50 - Getting started with the Angular Animations library
11:50 - Adding animations to a component using HostBinding
26:32 - Watching for animation events
32:05 - Animating the router
37:54 - Scaling and reusing animation definitions
41:47 - Disabling animations
43:01 - Recap and links

#Angular #Animation
---

Don't forget to subscribe to our channel and hit the notification bell so you never miss an upload: https://bit.ly/OktaDevYouTube
---

Okta is a developer API service that stores user accounts for your web apps, mobile apps, and APIs.

* Sign up for Okta for free at https://developer.okta.com/signup/
* For more info visit us at https://developer.okta.com/
* Developer Blog: https://developer.okta.com/blog/
* Follow us on Twitter: https://twitter.com/oktadev
* Follow us on FB: https://www.facebook.com/oktadevelopers/
* Follow us on LinkedIn: https://www.linkedin.com/company/oktadev

Soundtrack: Electronic Ambient Loop (https://freesound.org/people/tyops/sounds/484301/#) by tyops. CC Attribution 4.0 License (https://creativecommons.org/licenses/by/4.0/).