Learn Vue.js in Short Bites - #1 Essentials

Getting started with the VueJS framework
Rating: 4.4 out of 5 (105 ratings)
5,394 students
Learn Vue.js in Short Bites - #1 Essentials
Rating: 4.4 out of 5 (105 ratings)
5,394 students
This is #1 in a series of courses on Vue-js - every video is under 6 minutes, so you are up and running quickly!
You'll learn to create your own webapplications using the Vue framework
This first course will teach you the prerequisites of installing and running Vue applications
You'll learn about components, data binding, directives, importing data, adding a UI-framework and more


  • At least a basic understanding of JavaScript
  • Basic knowledge of HTML and CSS
  • Familiar with writing code and using an editor and browser

Learn Vue.js in Short Bites - #1 Essentials

The previous title of this series used to be "Learn Vue.js in under 6 minutes". Well, this might be overpromising. You're not actually going to learn the complete Vue.js framework in under 6 minutes.

But every video in this course is short and consise and under 6 minutes. We know your time is valuable. So we won't bother you with long theoretical stories. Instead we teach you exactly what you need to know to get started with Vue.js and succesfully build your webapplications with this new and exciting framework. We start by installing the necessary prerequisites like Node.js and Git.

We do expect however that you have some basic knowledge of HTML, CSS and JavaScript. At least enough to get you started in web development.

This course covers the following topics:

  • Welcome and introduction

  • Setting up the environment

  • Your first project

  • Some theory behind the application structure and important files

  • Using Vue CLI

  • Creating and using new components

  • Adding and importing data

  • Binding to data using v-for, v-bind and v-on

  • Writing methods on components

Do you know all about Vue JS after following this training? No, of course not. We guarantee however that you now know enough to get started with your own Vue JS projects from scratch, or understand what colleagues have created if you enroll in their team, or gets handed over a piece of code.

On the series 'in Short Bites'

This course is the first in a series of courses. Again, probably you don't want to spent too much time or money on topics you don't need, or that you already know.

So each of the courses in this series is short, concise and can be purchased separately for a friendly price. Hey, this first one is even completely FREE.

However, we hope of course that you like it and that you are curious for the next course in this series. Currently we have these installments available:

  • #1 - Vue JS Essentials - this course

  • #2 - Advanced components - available

  • #3 - Vue-router, Vuex and deployment - in development, available fall 2019

  • #4 - Vue additions (Nuxt, Vuetify, Vue Bootstrap and more) - available spring 2020

Who this course is for:
  • Students who start learning Vue
  • Everybody who wants to start a new website with one of the hottest frameworks available
4 sections • 35 lectures • 1h 49m total length
  • Welcome and some background information
  • Agenda
  • Installing Node.js
  • Installing Git
  • Picking a code editor
  • Choosing a browser
  • Agenda
  • Installing Vue CLI
  • Creating your first project
  • Sidestep - using Vue Project Manager
  • Adapting the default app
  • Theory - a look at the project file structure
  • Theory - package.json
  • Theory - main.js
  • Theory - Structure of a Component
  • You want separate file types?
  • Adding new components
  • Naming conventions for components
  • Summary
  • Exercise files
  • Agenda
  • Single File Components vs. Global Components
  • Adding Bootstrap to your project
  • Adding and importing data
  • Displaying data using v-for
  • Updating App.vue and the first version of your app.
  • Using the index value of a v-for loop
  • Using v-bind
  • Using :key inside v-for
  • "No interpolation inside attributes"
  • Event binding using v-on
  • Creating methods on a component
  • Summary
  • Exercise files
  • Conclusion

Pro level frontend trainer, author, developer
Peter Kassenaar
  • 4.2 Instructor Rating
  • 403 Reviews
  • 6,486 Students
  • 6 Courses

ICT-Trainer, developer, author

Peter Kassenaar is a critically acclaimed international Angular- and Vue.js-trainer and specializes in All things frontend. He is also a gaming geek; be it board games, card games or otherwise. Peter has written over 100 ICT-books for the local Dutch market and has developed courses on JavaScript, Angular, NodeJS and other frontend technologies (HTML, CSS, jQuery and so on).

He loves sharing knowledge via books, videos and in live classroom courses. You can book him for a live training or workshop in your organization!