[MUSIC]

Hi, I'm Treasure, a JavaScript teacher here at Treehouse.

If you've been studying JavaScript for any length of time, you've probably heard of

popular JavaScript frameworks and libraries, like Vue, React, and Angular.

These JavaScript frameworks and libraries do a lot of things, but in a nutshell,

they're all designed to make it easier to add inner activity to web applications

in an organized, and maintainable way.

Today I'm going to introduce you to Vue.js,

a JavaScript framework that is easy to get started with, and incredibly fun to learn.

Vue.js is in use by several well-known companies, like Expedia,

Nintendo, IBM, GitLab, and Sainsbury's.

What makes these stand out from other frameworks is that you can use it as much,

or as little, as you need it depending upon the size and

complexity of your project.

You can use it like you might use jQuery, a tool that makes it easier to add

features and enhancements to parts of a project, or

you can use it as the whole foundation of your web application.

Developers have used Vue to enhance the user interface of smaller projects,

like this app that tracks NPM downloading trends,

this JavaScript guessing game, or this discord logo generator.

In this course, we won't be learning how to build a full blown production ready

application, but we will explore how Vue can make it easier to display and

manipulate data, add interactivity by responding to events and

user input, and keep code clean and organized.

First we'll walk through some examples.

Then we'll create an accordion menu with a list of media that we can sort by type.

Finally we'll bring it all together and solidify what we've learned by building

a flashcard app that allows you to add and delete flashcards.

Complete with a fun flip animation.

To be successful in this course you should be comfortable with HTML, CSS,

and JavaScript, but

you won't need any prior knowledge of JavaScript frameworks or libraries.

In fact, if you've tried to learn another popular framework or library, and

found it difficult to grasp, this is the course for you.

Vue.js is an excellent technology to get started with,

because it's quick and easy to get up and running, has excellent documentation,

and the learning curve isn't as steep as the alternatives.

My hope is that you'll walk away from this course with a strong foundational

knowledge of some concepts and some patterns

that are commonly used in nearly every user interface framework or library.

This foundation will not only help you build amazing things, but make more

daunting technologies, like React or Angular, easier to learn, if you want to.

After using Vue, you may decide that you don't need anything else.

As you make your way through the course, don't hesitate to use the video

playback controls to speed up, slow down, rewind, or fast forward, as needed.

On many videos you'll find teacher's notes containing further information,

troubleshooting tips, references, and further reading.

Remember that you can pause the course to practice or

study what you've learned at any point along the way.

Before we dive into some code, let's talk a bit about Java Script frameworks and

libraries, what they are, and why you might want to use one.