Awesome Open Source
Awesome Open Source

Introduction to Vue.js Course Materials

Author: Sarah Drasner

Upcoming workshop live on Sept 23, 2020, join here

Vue 2 course available here.

This repo houses the materials and resources for the Introduction to Vue.js course on Frontend Masters.

Most of the materials for the course are outlined below, but there are also directories housed here of very basic examples of some of the techniques we will cover so that students don't have to spend a lot of time researching in order to get started. It is recommended that students use CodePen to create work for the duration of the course, as we'll use preprocessors like SCSS as well as Babel for ES6, and resources like Vue.js, both prod and dev versions, codepen makes it easy to do so without time devoted to setup. If you like, you can also scroll to the CodePen collection section and fork one of the existing pens in those collections, they are comprehensive. There are more true-to-life build process examples, in the VueCLI, Nuxt, and Vuex Resource Sections. It's encouraged to watch the lecture to learn how to set up the builds yourself, though.

Materials for Vue 3 Course


All slides have password !vue!

This course has been updated in 2020 for the Vue3 release, older materials for Vue 2 course available in the vue2-resources directory.


Creative Commons License

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Vue (83,121
Vuex (3,165
Nuxt (1,794
Vue Cli (1,157
Vue Directive (82
Vue Animations (6
Vue Methods (2
Related Projects