Building Web Applications with Vue 3
Join us for an Awesome Workshop on:

Building Web Applications with Vue 3

September 25, 2020 - 10:30am to 7:00pm Central Daylight Time

This workshop has already been published as a course!

Building Web Applications with Vue 3

Some Key Takeaways!

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

  • Learn how to consume APIs efficiently.
  • Work with Nuxt and set up routing and config.
  • Learn how to work with Nuxt both global and scoped styles.
  • Create reusable components using the new Composition API, props and slots.
  • Learn how to make pages of an application from dynamic data.
  • Learn how to create custom validation for forms with Vuelidate.
  • Learn how to use a Vuex store and plugins in Nuxt.

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 3 with Sarah Drasner

Workshop Details

If you’ve gotten your feet wet with the basics of Vue and want to start building out web applications with practical or fun use cases for practice, while covering some unique features, this course is for you. We’ll work on a few projects and include a variety of subjects while doing so, taking your basic knowledge of Vue to the next level.

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
  • 11:00AM
    Warm-up Project, Make a Game
  • 12:00PM
    Go over config
  • 12:30PM
    Global and Scoped Styles
  • 1:00PM
    Start Building out Pages, go over Nuxt Layouts
  • 1:30PM
  • 2:30PM
    Set up a Vuex store
  • 3:00PM
    Create a dynamic page
  • 4:00PM
    Create a cart page and learn UUID
  • 4:30PM
    Abstracting logic with the Vue 3 Composition API
  • 5:30PM
    Create a reusable component with slots
  • 6:00PM
    Validate the form inputs
  • 6:30PM
    Deployment and Wrapping Up

Interact with the Instructor

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

Is This Workshop for Me?


This workshop is for those that have learned the basics, and feel that they are beginning to have an understanding of Vue, but would like to get to an intermediate level by gaining hands-on experience building apps. This workshop is also for those who would like to learn how to build applications with Nuxt.

Any Prerequisites?

  • You need to know what directives are, and how to use them in a template.
  • You need to know the basics of methods, and ideally also computed and watchers.
  • You need to know the very basics of what a Vuex store is.

Event Details


One Full Day Workshop Session

Replay Videos (available immediately)


September 25, 2020 - 10:30am to 7:00pm Central Daylight Time


Attend online on our full HD live stream