Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Draws attention to elements Using Animations

Slide 5

Slide 5 text

Draws attention to elements Makes applications feel expressive Using Animations

Slide 6

Slide 6 text

Draws attention to elements Makes applications feel expressive Defined in CSS and controlled in JS Using Animations

Slide 7

Slide 7 text

Draws attention to elements Makes applications feel expressive Adds polish and delight Defined in CSS and controlled in JS Using Animations

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

Built on top of CSS Animations Using Angular Animations

Slide 10

Slide 10 text

Built on top of CSS Animations First class citizen of components and router Using Angular Animations

Slide 11

Slide 11 text

Built on top of CSS Animations First class citizen of components and router Angular does the heavy lifting Using Angular Animations

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

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!