Join Us For an Exclusive Workshop:
Introduction to Vue.js

with Sarah Drasner

July 14th, 2017 • 9:30am – 4:30pm CST

Attend Online

Live and Full HD


Attend In-Person

From: Downtown Minneapolis, MN

Start Learning Today Learn Vue.js Money-back Guarantee

Learn the basics of Vue

Vue.js brings together the best features of the javascript framework landscape elegantly. If you’re interested in writing maintainable, clean code in an exciting and expressive manner, you should consider joining this class. We’ll run through all the ways that Vue quickly solves common Frontend developer implementations, as well flexible ways to access the underlying API so that you can solve for any use-case.

Come join Sarah Drasner and learn the basics of the Vue and get started harnessing the power of this framework to create complex applications and building dynamic interfaces. You will:

  • Discover how to use Vue’s directives to speed up your workflow and create easy to maintain, yet reactive UIs…
  • Discover how to use props, slots, and scoped styles to create flexible, reusable components…
  • Discover how to create seamless and performant animations, using the transition component, hooks for javascript libraries, and in-out modes…
  • Discover how to work with advanced features like filters, mixins, and custom directives to encompass myriad use-cases with ease…
  • Discover how to work with Vuex to manage the state of larger-scale applications, and asynchronous data…

Your Instructor

Sarah Drasner

Sarah is an award-winning Speaker, Senior Developer Advocate at Microsoft, and Staff Writer at CSS-Tricks. Sarah is also the co-founder of Web Animation Workshops, with Val Head. She’s the author of SVG Animations from O’Reilly and has given Frontend Masters workshops on Vue.js and Advanced SVG Animations. Sarah is formerly Manager of UX Design & Engineering at Trulia (Zillow).

Interact With the Instructor

Online & In-Person

Get Your Questions Answered

Spend A Full-Day Immersed With Sarah Drasner

Included with Frontend Masters Membership



Watch Now

How We'll Spend the Day

We've already held over 100 workshops holding thousands attendees both 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.

The Workshop:

8:30 Tech Check and Hello
9:00 Intro and why I’m so excited about Vue as a framework, Getting Started
9:30 Directives, Rendering, Conditionals
10:00 Methods, Watchers
10:30 Hacking
11:30 The Vue Instance, Templates
12:00 Lunch and Hacking
1:00pm Vue CLI, Slots, Scoped Styles
1:30pm Animations
2:00pm Hacking
2:30pm Centralized data store with Vuex
3:00pm Hacking
3:00pm Filters, Mixins, Custom directives
3:00pm Further resources and wrap-up

We'll begin by understanding why Vue.js is becoming so popular with web developers, what it has to offer as a framework in short comparisons, and then we’ll dive in. We’ll start with some typical developer use cases, like building forms, managing data, passing it with props, and spinning up a project with Vue-CLI.

Next, we’ll dive into some unique Vue offerings, including all of the ways to make a component, using templates and scoped styles, and what slots and keep-alive have to offer. Then we’ll do some slightly more advanced work with animations, and finally, dive into managing state in a centralized store with Vuex (which is similar to Redux, if you’re coming from a React background). We’ll talk about asynchronous data, mutations, and even transition state with watchers.

*We'll try to stick to the schedule but the event is live so is subject to change.

The Price

The price for attending this full day workshop is simply the cost of becoming a monthly ($39) member. If you have already attended one, you know this is a tremendous value. If you haven’t, you may be wondering if it’s truly worth becoming a member.

Browse through just a few of the testimonials and you’ll see that people RAVE over these workshops. They’re unique and provide an experience and education you simple cannot find anywhere else.

You’re getting access to some of the brightest, most highly sought after experts in the world, covering topics very few people discuss in detail. Many attendees report learning more in this full day workshop than they did about a particular topics in the past 1-2 years combined.

Combine that with access to thousands of unique, high quality videos in our membership area with 500 hours of in-depth training from world renowned experts and you’ll see why this is a bargain.

  1. These workshops are different from any others you’ve attended. They cover everything, from the basics to advanced material. All of which are available for replay so you can go back and review as your skill grows.

  2. We get a lot of people saying they are scared to join… until it was over. Then they brag about how much of an amazing value they got for the price.

  3. You’re also getting videos of the workshop, plus ALL other workshops we’ve recorded, instantly!

Watch Now

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.


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.

You'll Either LOVE This Workshop Or You Don't Pay. Period.

Our attendees are ecstatic by the high-quality, relevant content they receive at these workshops.

We cover everything in explicit detail (and the things we miss are covered by answers to YOUR questions) from basic to advanced tactics you can start working with the very same day. We don't want you to miss out on this opportunity because you've been to less-than-stellar workshops in the past. We promise you, ours are very unique.

That's why if you attend the workshop and aren't absolutely thrilled with the content… if you don't think it's worth the admission price… We refuse to accept your money. We will more than gladly issue you a full refund, so you risk nothing.

We're very specific about what you're getting here and have ran lots of workshops… so we've almost never have requests for refunds (99.8% satisfaction rate).

MJG Workshop Center • 60 South Sixth Street, Suite 3625, Minneapolis, MN, 55402

What Past Attendees Are Saying

"Superb presentation from a genuine domain expert. I learned a ton today."

Steve Jakubowski

"Keep up the good work. I've attended a lot of online workshops, and they are very shallow and unpractical. Most of the time, online people are treated as second class, but still paying citizens. Here we get all the content and get to participate as well (if only there was a way to get those cookies...)."

Adrian Murillo

"The class was great. It was really cool to get a bunch of links to example code to look at during the presentation and after the class."

Nate Yourchuck

"Good location and facility. Great technology for capture, presentation layout and video streaming. Really excellent being able to view the videos afterwards. It takes away the sense of having to absorb everything immediately or else lose it into the ether. It was fun. What more can you ask for?"

Laurence Bates

"Really well run...loved the communication pre-event. Very impressed with everything...this was my first online conference purchase, but I would definitely consider doing it again."

Jeff Sims

"I really enjoyed the online workshop experience. It is much better than just watching videos. I was able to participate in the conversations and benefit from other folks' questions."

Dana Greenberg

"You guys did a really great job! I cannot say enough good things about the experience."

Richard Ranke

"Everything was first class: excellent instructor, material, video, moderator, audio. Thank you!"

Oscar Pagani

My name is Marc Grabanski I'm the founder of Frontend Masters. I guarantee this workshop will be awesome. Period.

If you don't think it's worth 10x the value, I'm happy to give you back every penny. That's my promise to you!

Marc Grabanski
Founder Frontend Masters