The Vue JS (2.0) Crash Course

Vue.js is one of the fastest growing JavaScript frameworks out there - and for good reason! It’s an easy to learn and extremely approachable technology. 

In this course, you’ll learn what I think are the most important fundamental features of the framework and become comfortable working with them. We’ll learn by doing - as I teach concepts I’ll also be implementing them on an example class project. Please note - this is not an exhaustive course on Vue! This is meant to introduce you to what I feel are the most important features Vue has to offer.

This course is geared towards students that have a basic understanding of HTML, CSS and JavaScript - If you start into this course and find it's a little overwhelming, I’d recommend checking out one of the many fantastic intro to web dev courses here on Skillshare. Don't be afraid though! I've made every concept as approachable as I possibly could have.

SEPTEMBER 2021 UPDATE - As of now, Vue 3 is the newest version, while this course is based on Vue 2. 99% of what is taught is applicable to the new version, but certain exact code from each lesson is not guaranteed to work in Vue 3. In one of the first lessons, there are notes from me as to how to correctly choose Vue 2 so you can follow along with this course exactly.

• Introduction
• Installation & The Vue Instance
• The Magic of Vue (Data)
• Directives, v-if & v-bind
• List Rendering & v-for
• HTML & CSS for Our Lamp
• Vue Methods & v-on
• Lamp State & v-if
• The v-model Directive
• Adding Reactive Color!
• Dimming Our Lamp
• Computed Properties
• Displaying a Dim Value
• Wrapping Up & Your Project!