Introduction to Vue
Lesson 1 of 1
  1. 1

    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…

  2. 2

    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…

  3. 3

    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…

  4. 4

    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 …

  5. 5

    Now that we’ve transformed our HTML into a Vue app, we’re ready to make the magic happen! An essential feature all front-end frameworks must accomplish is rendering and updating dynamic data. Inf…

  6. 6

    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…

  7. 7

    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…

  8. 8

    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…

  9. 9

    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…

  10. 10

    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…

How you'll master it

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

Pro Logo