Skip to main content

Intro to Vue.js

Sarah Drasner

Full-day workshop • Thursday, June 27
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 Front-end developer implementations, as well flexible ways to access the underlying API so that you can solve for any use-case.

Vue is uniquely friendly to all levels of web developers. Whether you’re coming from a jQuery background or 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.

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 with ease.

What we’ll go over is included but not limited to:

  • Why Vue.js is becoming so popular with web developers, and what it has to offer as a framework in short comparisons
  • How to solve common problems such as building forms, managing data, and caching, filtering, displaying it
  • How to quickly spin up a project complete with tooling like webpack with Vue-CLI
  • All of the ways to make a component, how to use a template and scoped styles, and what slots and keep-alive have to offer.
  • How to leverage the Vue to create complex animations with ease, including features to supercharge your workflow like transition modes and page transitions with Nuxt
  • How to keep your app organized by managing state in a centralized store with Vuex (similar to Redux, if you’re coming from a React background).

What prerequisites skills do you need?

Basic understanding of CSS and JavaScript.

What hardware/software do you need?

Please bring your own laptop (Mac or Win) with your favorite text editor.

About Sarah Drasner

Sarah is an award-winning Speaker, Sr Cloud 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 Front-end Masters workshops on Vue.js and Advanced SVG Animations.

Time & Location

This full-day workshop will be hosted at the Ivey Tangerine Leadership Centre and will take place after the two days of Smashing Conference. The workshop will be running from 9:30am to 5:00pm on Thursday, June 27.

Schedule for Thursday, June 27

9:00 AM – Doors open, Registration
9:30 AM – Introduction & Kick-off
11:00 AM – Coffee Break
1:00 PM – Lunch
2:00 PM – Afternoon Session
3:30 PM – Coffee Break
5:00 PM – The End

Save C$100 when signing up for the conference and a workshop!

Register for this workshop →

On the web
sarahdrasnerdesign.com
On Twitter
@Sarah_Edo
Workshop Includes
  • Snacks and drinks
  • Tea and Coffee
  • Lunch
  • Paper and pen/pencil