In this talk, Sarah will start with only an Illustrator document and by the end, make it move! It’s not clear what exactly will move and how- this is something she and the audience will discover together. The talk will be completely unique- the plan will not be set in stone. She’ll live-code (warts and all) and you’ll see her process as she’ll animate an SVG in the time allotted. She’ll optimize, work with styles, and create an animation with javascript, and even ask for audience participation at times to decide what happens next. Come watch for a one-time show!

As superfluous as something like animation may initially seem, you can tell a lot about framework by the way that it handles the concept of time. Idiosyncrasies and race conditions in rendering reveal themselves, pauses in DOM and virtual DOM diffing can be exposed. This is one of the ways Vue shows itself to be uniquely capable and elegant.

In this session, we’ll cover the basics of working with Vue, how to use the component and some of its offerings to create fluid effects in the browser. We’ll move on to watchers, the reactivity system, and transitioning state. Finally, we’ll talk about lifecycle methods, SVG, and pushing our animations to the next level.

As superfluous as something like animation may initially seem, you can tell a lot about framework by the way that it handles the concept of time. Idiosyncrasies and race conditions in rendering reveal themselves, pauses in DOM and virtual DOM diffing can be exposed. This is one of the ways Vue shows itself to be uniquely capable and elegant.

In this session, we’ll cover the basics of working with Vue, how to use the component and some of its offerings to create fluid effects in the browser. We’ll move on to watchers, the reactivity system, and transitioning state. Finally, we’ll talk about lifecycle methods, SVG, and pushing our animations to the next level.