Animating Your Angular App

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. Your Angular app will sizzle by the end of this talk!

Transcript

2. Senior Developer Advocate @ Okta | Google Developers Expert Angular | Co-organizer AngularKC | Core Team ngGirls Nerd who enjoys cooking, watching K-Dramas, and drinking wine Not a designer, not a CSS expert @AlisaDuncan
4. Draws attention to elements Using Animations
5. Draws attention to elements Makes applications feel expressive Using Animations
6. Draws attention to elements Makes applications feel expressive Defined in CSS and controlled in JS Using Animations
7. Draws attention to elements Makes applications feel expressive Adds polish and delight Defined in CSS and controlled in JS Using Animations
9. Built on top of CSS Animations Using Angular Animations
10. Built on top of CSS Animations First class citizen of components and router Using Angular Animations
11. Built on top of CSS Animations First class citizen of components and router Angular does the heavy lifting Using Angular Animations
13. Slides speakerdeck.com/alisaduncan/angular-animations @AlisaDuncan App github.com/alisaduncan/angular-hero-animations Docs Angular Animation @ angular.io Check out the code at material.angular.io Let's keep in touch!