Project starter files, source code, and stages:

https://github.com/chrisdixon161/vue-3-course

Vue 3 is here! Immerse yourself in this amazing developer-friendly framework for building user interfaces!

Together we explore everything Vue.js has to offer from the ground up, all while building 4 projects to put your knowledge into practice. You will learn all of the essential Vue skills, along with the new Vue.js 3 features and syntax.

We start off very beginner-friendly, building on your existing HTML & CSS skills by introducing Vue.js to an existing HTML project, implementing the features gradually. You will learn all of the essential Vue skills and syntax while building our first project, where we add a blog to a portfolio website.

You will learn all the essentials such as data, methods, looping, events, and lifecycle hooks before moving onto the different types of components available, and how to pass data to them.

Once we have a solid grounding it is time for project 2. This is an event countdown app that introduces you to a more sophisticated setup using the Vue CLI. While building the project, you will learn so much more including watchers, computed properties, forms, conditional rendering, and teleport to name a few.

Project 3 will be a user dashboard that teaches you all about slots, dynamic components and using provide/inject.

The last project is a card editing application. We begin with a library of greeting cards the user can select, and then once chosen, an edit screen will allow the user to edit the text, images, and overall styling too. This project will introduce the new Vue 3 Composition API, how to organize your code into re-usable files, routing, lazy loading, image uploading, reactivity, deployment, and so much more.

This course will give you a solid understanding of Vue.js 3, along with learning core Javascript too.

Dai

--

1