Introduction to Vue 3
Join us for an Awesome Workshop on:

Introduction to Vue 3

September 23, 2020 - 10:30am to 5:30pm Central Daylight Time

This workshop has already been published as a course!

Introduction to Vue 3

Some Key Takeaways!

By participating along with us in the workshop, you'll learn:

  • Learn why Vue is called the progressive framework
  • Learn how to work with directives, and make your own custom directive
  • Understand Vue's Reactivity with Proxies and using Watchers
  • Learn how to create reusable components, with props, lifecycles, and slots
  • Learn how to abstract functionality with the new Composition API
  • Learn how to use the transition component for interaction and animations

Your (Awesome) Instructor

Sarah Drasner

Sarah Drasner

Sarah Drasner is an award-winning Speaker, VP of Developer Experience at Netlify, Vue core team member, and Staff Writer at CSS-Tricks. Sarah is formerly Principal Lead of Emerging Markets, Cloud Advocates at Microsoft and Manager of UX & Engineering at Trulia/Zillow Group. She’s the author of SVG Animations from O’Reilly and has given Frontend Masters workshops. Sarah is a co-organizer of ConcatenateConf, a free conference for Nigerian and Kenyan developers. Sarah is also the co-founder of Web Animation Workshops, with Val Head. She has worked for 15 years as a web developer, and at points worked as a Scientific Illustrator and a Professor in the Greek Islands.

Spend A Full-Day Immersed in Vue with Sarah Drasner

Workshop Details

Vue.js brings together the best features of the JavaScript framework landscape elegantly. If you're interested in writing maintainable, clean code, join us.

Daily Schedule

We've already held over 300 workshops with thousands of 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.

  • 10:30AM
    Tech Check and Hello
  • 11:00AM
    Intro and why I'm so excited about Vue as a framework, Getting Started
  • 11:30AM
    Directives, Rendering, Conditionals
  • 12:00PM
    Methods, Computed,
  • 12:30PM
    Watchers, Reactivity
  • 1:30PM
    Components, Slots
  • 2:00PM
    Lunch and Hacking
  • 3:00PM
    Vue CLI, and Nuxt
  • 3:30PM
  • 4:00PM
    Composition API and Custom Directives
  • 4:30PM
    Centralized data store with Vuex
  • 5:00PM
    Further resources and wrap-up

Interact with the Instructor

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?


If you're coming from other frameworks and are curious why people keep talking about Vue, or are interested in supercharging your workflow building out complex web applications with fewer bugs and more maintainable code, this course is for you.

Any Prerequisites?

  • JavaScript experience is necessary to understand the code under discussion and keep up with the brisk pace of the class. Complete novice programmers are welcomed, but may find the pace of the content challenging. Veteran Vue.js developers may find this content a bit elementary, with the exception of the animation section.

Event Details


One Full Day Workshop Session

Replay Videos (available immediately)


September 23, 2020 - 10:30am to 5:30pm Central Daylight Time


Attend online on our full HD live stream