Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
Get to know Vue.js, a front end JavaScript framework that's easy to learn and fun to work with.
[MUSIC]
0:00
Hi, I'm Treasure,
a JavaScript teacher here at Treehouse.
0:09
If you've been studying JavaScript for any
length of time, you've probably heard of
0:13
popular JavaScript frameworks and
libraries, like Vue, React, and Angular.
0:17
These JavaScript frameworks and libraries
do a lot of things, but in a nutshell,
0:21
they're all designed to make it easier to
add inner activity to web applications
0:25
in an organized, and maintainable way.
0:30
Today I'm going to
introduce you to Vue.js,
0:33
a JavaScript framework that is easy to get
started with, and incredibly fun to learn.
0:35
Vue.js is in use by several
well-known companies, like Expedia,
0:40
Nintendo, IBM, GitLab, and Sainsbury's.
0:45
What makes these stand out from other
frameworks is that you can use it as much,
0:49
or as little,
as you need it depending upon the size and
0:53
complexity of your project.
0:55
You can use it like you might use jQuery,
a tool that makes it easier to add
0:58
features and
enhancements to parts of a project, or
1:02
you can use it as the whole
foundation of your web application.
1:05
Developers have used Vue to enhance
the user interface of smaller projects,
1:10
like this app that tracks
NPM downloading trends,
1:14
this JavaScript guessing game,
or this discord logo generator.
1:17
In this course, we won't be learning how
to build a full blown production ready
1:22
application, but we will explore how
Vue can make it easier to display and
1:26
manipulate data, add interactivity
by responding to events and
1:30
user input, and
keep code clean and organized.
1:34
First we'll walk through some examples.
1:38
Then we'll create an accordion menu with
a list of media that we can sort by type.
1:40
Finally we'll bring it all together and
solidify what we've learned by building
1:45
a flashcard app that allows you to add and
delete flashcards.
1:49
Complete with a fun flip animation.
1:53
To be successful in this course you
should be comfortable with HTML, CSS,
1:56
and JavaScript, but
2:00
you won't need any prior knowledge of
JavaScript frameworks or libraries.
2:01
In fact, if you've tried to learn another
popular framework or library, and
2:05
found it difficult to grasp,
this is the course for you.
2:09
Vue.js is an excellent
technology to get started with,
2:12
because it's quick and easy to get up and
running, has excellent documentation,
2:16
and the learning curve isn't
as steep as the alternatives.
2:20
My hope is that you'll walk away from
this course with a strong foundational
2:24
knowledge of some concepts and
some patterns
2:27
that are commonly used in nearly every
user interface framework or library.
2:30
This foundation will not only help you
build amazing things, but make more
2:35
daunting technologies, like React or
Angular, easier to learn, if you want to.
2:39
After using Vue, you may decide
that you don't need anything else.
2:44
As you make your way through the course,
don't hesitate to use the video
2:49
playback controls to speed up, slow down,
rewind, or fast forward, as needed.
2:52
On many videos you'll find teacher's
notes containing further information,
2:57
troubleshooting tips,
references, and further reading.
3:00
Remember that you can pause
the course to practice or
3:04
study what you've learned
at any point along the way.
3:07
Before we dive into some code, let's talk
a bit about Java Script frameworks and
3:10
libraries, what they are, and
why you might want to use one.
3:14
You need to sign up for Treehouse in order to download course files.
Sign up