Watching lessons only gets you so far. These five builds take the ideas from the modules and make you apply them: you'll start with Vue on a plain HTML page, build a task tracker from components, connect it to a backend and add routing, put together a product cart with Vue CLI, and finish with a full job listings app.
Each project follows along with a video walkthrough. Work through them in order, or jump to the one that matches the module you just finished.
Add Vue to a plain HTML page from the CDN and fetch a random user from an API to see data binding and methods in action.
Create a header, tasks list, and add-task form from components, using props, emitted events, and v-model.
Replace hardcoded data with a mock REST API using JSON Server, then add Vue Router to split the app into pages.
Build a small store with a product list and a cart, then rebuild it with Vue CLI using reusable components, a top nav, and a sidebar.
Build a job board from components with Vue Router, data fetched from JSON Server, and forms for adding, editing, and deleting listings.