- [Joe] Hi, I'm Joe Chellman,
and welcome to Vue for Web Designers.
Vue is a very popular JavaScript framework
you can use to create interactive components
for one or more small pieces of a website
to power a complete single page app
or anything in between.
It's flexible and powerful,
but perhaps most importantly for us web designers,
it's really easy to use and very easy to get started.
In this course, we're going to build three small projects
that are part of existing websites using Vue
to see how you can get started with it
to build useful stuff quickly.
If you've seen my previous course, React for Web Designers,
the projects will look familiar.
We're building the same little apps
with a different toolkit.
First, I'll look at some of the conceptual aspects of Vue
and some of the associated terminology
to help us get our bearings.
Then we'll work through three small websites,
incorporating Vue into each.
We'll create a simple product customizer
to get acquainted with the structure of Vue instances,
how to manage data and respond to events.
Next we'll work on a searchable,
filterable directory of people for a small company
which will include a filtering form and simple animation.
Our final project will be a small status update app
which interacts with a simple API I am providing
using asynchronous network requests
and also incorporate a third-party component.
In the end, you'll see what makes Vue interesting
and be able to add it to your web design toolbox
without a lot of headaches.
Whether you've used React or another framework like this,
I think you'll agree it's a pleasure to use.
Let's go!