Vue.js 2 Academy: Learn Vue Step by Step (

Learn vuejs in a practical, project based approach. Also covers using the Vue-CLI & Firebase storage

Created by: Chris Dixon

Produced in 2018

What you will learn

  • Understand the Vue framework
  • Add vue js to existing web sites or apps
  • Build complex, scalable single page applications

Quality Score

Content Quality
Video Quality
Qualified Instructor
Course Pace
Course Depth & Coverage

Overall Score : 92 / 100

Live Chat with CourseDuck's Co-Founder for Help

Need help deciding on a vue.js course? Or looking for more detail on Chris Dixon's Vue.js 2 Academy: Learn Vue Step by Step? Feel free to chat below.
Join CourseDuck's Online Learning Discord Community

Course Description

Take your HTML, CSS & Javascript skills to the next level by learning one of the hottest Javascript frameworks available today, Vue.js!
Course updated:
October 17: New Section (Transitions & Animations)
September 17: New videos (Event bus & Adding mixins)
If you are unfamiliar with vue.js, or Javascript libraries and frameworks in general, some of the questions you may be asking is:
What is Vue.js?
And why should I learn it in the first place?
Vue.js is a really fun and easy to use Javascript framework for building user interfaces
The core of the framework is very lightweight and fast, and it can be used in projects of any size
From easily dropping it into an existing website or application to just control a part of it such as adding new components,
Right through to medium or large single page applications
Considering the lightweight size of the vue.js core, it is still packed full of features which you will learn about during this course.
During this course you will build 2 fun, exciting and challenging projects, to apply everything you will learn instantly.
We begin with a guest list app where users can add their name to an event guest list. This is a simple app but will guide you through all of the vue.js essentials such as:
  • Two way data binding
  • Event handling
  • Templates and the Virtual DOM
  • List & conditional rendering
  • Binding attributes & styles
  • The Vue instance
  • Javascript expressions
  • Instance properties: Data, Computed, Watchers, Methods, Filters etc
  • Looping & filters
  • Refs and other instance properties and methods
  • Vue lifecycle
  • Plus much more!
You will then build on this knowledge, by building a greeting card application, where the user can create and edit their own custom greeting card. They can add their own text and images to create a personalised card.
This project introduces more concepts such as:
  • Components (local, global and single file)
  • The Vue CLI for scaffolding projects with build tools such as Webpack & Babel
  • Installing Node & NPM
  • Passing data with $emit
  • Storing & retrieving images from Firebase
  • Props and prop validation
  • Slots and slot scope
  • Binding to menu options to change fonts & styles
  • Event bus
  • Mixins
  • Plus much more!
So are you ready to learn one of the hottest and most upcoming Javascript frameworks available?
Join me now and I look forward to having you on board!

Who this course is for:
  • An existing website creator, designer, developer looking to learn a new Javascript framework
  • Somebody looking to improve their Javascript knowledge
  • Students who want to keep up with modern Javascript frameworks
  • Anybody looking for an enjoyable, yet powerful tool for building both simple and complex web applications

*Some courses are excluded from this sale. Coupon not working? If the link above doesn't drop prices, clear the cookies in your browser and then click this link here.
Also, you may need to apply the coupon code directly on the cart page to get the discount.

Coupon Code

Instructor Details

Chris Dixon

Hello, My name is Chris and I am a web developer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.
Whatever your reason for learning to build websites you have made an excellent career choice.
My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website back in 1999 and i have watched the web evolve into what it is today.
I try to make my courses enjoyable and try to remember what it was like when I was learning. I also believe the best way to learn is by doing and try to include as many practical examples as possible in my courses.
Thanks for taking an interest and I look forward to you joining me.



46 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

Very good so far. Goes at a good pace for me.

mooi rustig opgebouwd, to the point

Die fehlerhaften Untertitel stren.Sonst lese ich gerne mit um das gehrte English zu untersttzen.

I am beginning to work around the confusion surrounding Vue.js

I don't know if chris does not know about the auto-closing tags and all the utitlitys to code much easier, if he does he should use them.I was also a little bit annoyed from this weird sounding english accent....Also would be great to show us how to setup the firebase private and don't use it public. No one who creates websites will use firebase in a public access mode.Vue itself was pretty good there were a lot of new things to learn and it helped to improve the knowledge about vue.the 3 stars are just because of the accent, not using vs code extensions to code easier and the firebase public setup

Vuex and router was missing. Very important when using VueJS

I really liked the way he pauses when he talks. He seems like a professional instructor.

Great course!

The first part of the lesson is really great.I really learned a ton and enjoyed it.Then discrepancies with current versions of Vue.js, Chrome and Bootstrap start to show up and that's when you realize the lesson is actually getting old by Javascript ecosystem standards.The end of the lesson (on styling and transition) is just messy to me and should either be a lot more developed or skipped all together.My point of insatisfaction is that to this day my mid-course questions are still unanswered.

Good examples to understand simple components.

The explanations for why we create objects, etc. is helpful.

It would of been nice to have end of section code to compare our own code against. I feel debugging is quite a key topic to learn in any language, having a clean code base to validate against would help.I did struggle with some sections of the course, but things started to click later on, so stick with it.I found the card app a really good way to show off what can be achieved with vue. I am looking forward to applying the skills learnt to three of my projects.