In Depth Vue 3 For Beginners (inc. Composition API, Router)

Learn Vue.js 3 In A Practical, Project Based Approach- Includes 4 Projects, Routing, Composition!

What you'll learn
Vue 3
Vue 3 new features
Existing Vue features
The Vue Instance
Data Properties
Working With Lists
Looping
Indexes & Keys
Attributes & Bindings
Expressions & Events
Methods
Handling Raw HTML
Vue Lifecycle
Different Types Of Components
Props & Passing Data
Single Page Applications
The Vue CLI
Computed Values
Conditional Rendering
Watchers
Multiple Root Nodes
Teleport
Forms & Events
Modifiers & Validation
Event Propagation
Non Prop Attributes
Different Types Of Slots
Dynamic Components
Provide & Inject
Routing
Composition API
Reactivity & Proxies
Project Structure, Styling, Layout etc
Navigation Guards
Lazy Loading
Image Upload
File Reader Objects
Uploading Images To The Cloud
Deployment To Netlify

Requirements
Basic HTML, CSS & Javascript Is Required
Basic computer skills, saving files, renaming etc
Description
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.

Who this course is for:
Students comfortable with HTML, CSS & some Javascript background
Existing React, Vue, Angular users (or other frontend frameworks/libraries)
Javascript devs looking to improve their knowledge of both JS and frameworks
Backend devs looking to pick up a front end framework

More Info