What you would learn in In Depth Vue 3 For Beginners (inc. Composition API, Router) course?
Vue 3 new features
Existing Vue features
The Vue Instance
Working With Lists
Indexes & Keys
Attributes & Bindings
Expressions & Events
Handling Raw HTML
Different Types Of Components
Props & Passing Data
Single Page Applications
The Vue CLI
Multiple Root Nodes
Forms & Events
Modifiers & Validation
Non Prop Attributes
Different Types Of Slots
Provide & Inject
Reactivity & Proxies
Project Structure, Styling, Layout etc
File Reader Objects
Uploading Images To The Cloud
Deployment To Netlify
Basic computer skills, saving files, renaming etc
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.
Who this course is for:
Existing React, Vue, Angular users (or other frontend frameworks/libraries)
Backend devs looking to pick up a front end framework
Download In Depth Vue 3 For Beginners (inc. Composition API, Router)