Introduction to Vue
Lesson 1 of 1
  1. 1
    Front-End Frameworks
    Welcome to Introduction to Vue! In this lesson, we will cover some of the most exciting features of Vue, discuss how they have changed the world of web development, and see why Vue has become the p…
    Start
  2. 2
    Adding Vue
    We hope you found our video insightful! In summary, front-end frameworks aim to fix the following issues in front-end web development: - Long development times - Difficult bug fixes and updates - S…
    Start
  3. 3
    Creating Vue Apps
    Our project now has access to the Vue library. This gives us access to all of the code that will allow us to make Vue apps, web front-ends built using Vue, but doesn’t actually create one for us. W…
    Start
  4. 4
    el
    In making a new Vue app, we gain access to all of the powerful features Vue has to offer. However, we don’t necessarily want all of our HTML to have access to these features. We need to specify to …
    Start
  5. 5
    Data
    Now that we’ve transformed our HTML into a Vue app, we’re ready to make the magic happen! An essential feature of all front-end frameworks is rendering and updating dynamic data. Information like…
    Start
  6. 6
    Templates
    As a reminder, we need the following tools to display dynamic information in our Vue app: 1. A place to store the data we will be displaying 2. A syntax for displaying that information We now kno…
    Start
  7. 7
    Directives
    Let’s check out one of Vue’s coolest features: directives. Directives are custom HTML attributes built into Vue that accomplish incredibly complex, common front-end operations using barely an…
    Start
  8. 8
    Components
    It is incredibly common to re-use complex elements throughout a front-end web app. For example, every post on Instagram or Facebook needs to look the same but contain different information. Additio…
    Start
  9. 9
    Virtual DOM
    Everything we’ve learned about Vue thus far has been primarily about syntax. Syntactical features like mustache templates, directives, and components greatly improve speed of code-writing and reada…
    Start
  10. 10
    Review
    Whew! This has been quite a whirlwind tour of Vue.js. We hope you enjoyed getting to try some of the awesome features Vue has to offer. If you were overwhelmed by all of this new content — do…
    Start

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory