We've already held over 40 workshops holding thousands attendees in-person and online. In this time we've discovered ways to schedule the day so it goes smoothly and efficiently.
Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.
We'll begin by laying the fundamentals of the way that an SVG is organized, as well as familiarizing ourselves with the syntax in the SVG DOM. Then we'll move on to basic animation in SVG in CSS, and briefly discuss initial stages- how to plan your animation and how to optimize your code and design for performance.
Next, we'll dive into how to access the SVG DOM in interaction, as well as the benefits and limitations of jQuery and how to solve problems in vanilla JS. We'll discuss real-life SVG animation in common UX patterns and how to create performant, responsive, and production-ready code.
Finally, we'll dig deeper and explore the GreenSock Animation API. We'll set up complex animations with a number of techniques, including, but not limited to- DrawSVG, Motion Along a Path/Bezier Plugin, Draggable, Percentage-based animations, and Attr Tweens. We'll put it all together to make engaging, responsive, and performant animations. Then we'll talk about how to refine and debug our code.