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

Vue is a JavaScript framework to build user interfaces and single-page applications. This course is focused on the latest version of Vue 3, its important features, and working on 4 projects to implement the skills learned.

Personal portfolio/blog project:
This project strips away the complexities/build tools and focuses purely on Vue.js.
Taking a simple HTML file, we add the Vue library to not only learn the core features but also to see how easily we can add it to an existing website.

Countdown app:
Once you 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.

Dashboard app:
Project 3 is a dashboard application with multiple pages, making use of dynamic components.
We will discover different ways of passing data in Vue.js, including provide/inject and the different types of slots available.

Creative cards app:
The last project is a card editing application. You will 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 as well.

This project will introduce the new Vue 3 Composition API, how to organize your code into reusable files, routing, lazy loading, cloud functions, image uploading, and using a database.

By the end of this course, you will have already built 4 projects and learned all of the essential Vue skills, along with the new Vue.js 3 features and syntax.

The code files and all related files are uploaded on the GitHub repository at https://github.com/PacktPublishing/vue-3-course

Type
video
Category
Web Development
publication date
2021-06-25
what you will learn

Basics of Vue and an overview of Vue 3 version
Build tools and single-page applications
Slots and dynamic components
Provide/inject and introduction to routing
Composition API (the best feature of this version) and pushing on with our project
Uploading images and deployment to Netlify

duration
666
key features
4 projects—personal portfolio/blog project, countdown app, dashboard app, and creative cards app * Source code at each stage to get you going without any hassle * Beginner-friendly course
approach
The course helps you build real-world projects post acquiring hands-on knowledge on creating user interfaces.
audience
This course is ideal for web developers with little to zero web development experience. We recommend you learn some basics first. This is also for individuals who are new to Vue.js. This course is not for Vue.js Ninja, probably not unless they want to get up to speed on the latest Vue.js 3 features or just want a course to go through and try out some new projects.

The basic knowledge of HTML, CSS, and JavaScript will be helpful but not mandatory.
meta description
A premium training course to teach you all about Vue 3, especially designed for beginners to help build various user interfaces.
short description
Explore everything that 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.
subtitle
Immerse yourself in this amazing developer-friendly framework to build user interfaces
keywords
Vue, Vue 3, Vue.js, composition API in Vue, Router, user interface, JavaScript
Product ISBN
9781801079112