Vue Foundations

Learn Vue 3 from scratch by building real-world web apps. Plus key tools like Vue CLI and Vue Router.

Beginner 6 hrs, 44 mins 96 lessons

$47USD

Beginner 6 hrs, 44 mins 96 lessons

This course includes:

Lifetime access
30-day money-back guarantee
Access to source code

What you'll learn

Vue 3 basics
Single-page app design
Project scaffolding
Best-practice development tools

Components
AJAX with JSON API
CSS animation
Custom plugins

Course content

Introduction 2 mins

Part 1 - Getting started with Vue 30 mins

Starter code installation - Preview 03:11
Running the server and viewing the project - Preview 01:44
Tour of the project files 02:52
Including Vue in the project 03:45
Creating an instance of Vue - Preview 01:14
Rendering data on the page - Preview 02:54
Understanding directives - Preview 02:36
Adding a method - Preview 04:38
Rendering the list of products 04:34
Tracking iterated elements 02:39

Part 1 - Working with Vue & Vue Devtools 34 mins

Part 1 - Connecting an API with AJAX 19 mins

Part 1 - Vue lifecycle hooks & animation 33 mins

Part 1 - Computed properties & working with JS plugins 26 mins

Part 2 - Getting started with Vue CLI 26 mins

Part 2 - Composing with components 1 hr, 1 mins

Part 2 - Single-file Components 1 hr, 3 mins

Part 2 - Using Vue Router & Slots 52 mins

Part 2 - Responsive day selector 20 mins

Part 2 - Custom directives and plugins 24 mins

Part 2 - Finishing touches 9 mins

Course description

If you're looking to learn and master Vue 3 with an expert instructor than this is the course for you!

We'll begin with Vue 3 basics, then move our way to single-page app design, best-practice development tools, and advanced Vue features.

The real-world apps we'll build in this course include a simple eCommerce user interface and a movie session times app.

Meet your instructor

Hey, I'm Anthony Gore, and I'm a full-stack web developer from Sydney, Australia.

My biggest developer crush is on Vue.js and I've been writing about it and teaching it since 2016.

I'm a Vue Community Partner, curator of the weekly Vue.js Developers Newsletter, and have had the privilege to teach Vue to more than 10,000 students through my online courses.

I hope I can work with you on your journey to learn and master Vue.js!

Prerequisites

To get started with this course you should have:

Knowledge of HTML, CSS, and the basics of web development
A good foundation in JavaScript
Access to a computer with Node & NPM