Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Codecademy

Learn Vue.js

via Codecademy

Overview

Learn how to make front-end web apps with ease using Vue.js, an increasingly popular JavaScript front-end framework.

### Why learn Vue.js?
Modern web apps require increasingly complicated front-ends that can handle large amounts of user interactions and dynamic data. For example, Instagram has over 95 million new posts added per day. Front-end frameworks are JavaScript libraries that make it easy to write the code to create and display this enormous amount of data.

There are many popular front-end frameworks used by engineers today, including React and Angular. Vue.js is an up-and-coming front-end framework that aims to combine the best aspects of all of these frameworks in one easy-to-use package. In fact, in the 2018 State of JavaScript survey, Vue.js was the most sought after front-end framework by a landslide, with 46.6% of all front-end developers saying that they want to learn it.

In short, Vue.js makes front-end web development easier and more exciting than it's ever been. Jump in and find out what this front-end engineering trend is all about!

### Take-Away Skills:
Upon completing the lessons in Learn Vue.js, you will be able to create and style forms that handle real-world, dynamic data. You'll have a grounding in how to set up Vue.js and how to utilize essential features of Vue to tackle complex front-end problems.

### Note on Prerequisites
The lessons in Learn Vue.js assume learners already have an understanding of object-oriented programming in JavaScript. We expect learners who want to take this course should already have taken the lessons in Introduction to JavaScript through the lesson on JavaScript classes.

Additionally, Learn Vue.js will often reference HTML and CSS code. As such, learners should take Introduction to HTML and the first lesson of Learn CSS before taking Learn Vue.js

Syllabus

  • Introduction to Vue: Learn the basics of what makes the Vue framework so special — including features like: components, the virtual DOM, data-binding, and more!
    • Lesson: Introduction to Vue
    • Quiz: What is Vue?
  • Vue Data: Learn how to work with dynamic data using the Vue.js framework.
    • Lesson: Vue Data
    • Quiz: Vue Data Quiz
  • Vue Forms: Learn how to incorporate forms, an important element for user interaction, into your Vue app.
    • Lesson: Vue Forms
    • Quiz: Vue Forms Quiz
  • Styling Elements with Vue: Learn how to add CSS classes to HTML elements for dynamic styling in Vue.
    • Lesson: Styling Elements with Vue
    • Quiz: Styling Elements with Vue Quiz

Reviews

4.3 rating at Codecademy based on 335 ratings

Start your review of Learn Vue.js

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.