From the course: Vue.js 2 for Web Designers

Get started with the popular Vue JavaScript framework - Vue.js Tutorial

From the course: Vue.js 2 for Web Designers

Start my 1-month free trial

Get started with the popular Vue JavaScript framework

- [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!

Contents