In-Depth Vue 3 For Beginners (Inc. Composition API, Router)
A premium training course to teach you all about Vue 3, especially designed for beginners to help build various user interfaces.
Updated on Jun, 2025
Language - English
Development ,Web Development,Vue JS
Lectures -137
Duration -11 hours
Lifetime Access
Lifetime Access
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
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.
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
Goals
The ability to build single page applications
Understand Vue 3 in depth
A varied range of projects to cover many use cases
How to structure apps with components
How to pass data between components
Front end routing
How to organise your Vue 3 projects with composition
Reactivity
Chunks and code splitting techniques
The difference between Vue 2 and Vue 3
Prerequisites
The class is beginner friendly, however prior experience of basic Javascript will be a benefit
Experience of other programming languages will help. You should be comfortable with HTML, CSS and generally how websites are constructed to get the best out of this course.
Existing React or Angular users should have no problems with this class
Curriculum
Check out the detailed breakdown of what’s inside the course
Getting to Know Vue
5 Lectures
-
Introduction
01:53
01:53
-
What You will Need for this Course
00:44
00:44
-
What is Vue.js and What can it Do?
02:50
02:50
-
Overview of Vue 3 Changes
04:56
04:56
-
Project Source Code
01:50
01:50
First Look at Vue.js
13 Lectures
Component Basics
5 Lectures
Build Tools and Single-Page Applications
5 Lectures
Countdown Project
12 Lectures
Forms, Events, and Modifiers
11 Lectures
Validation and a Deeper Look at Props
4 Lectures
Slots and Dynamic Components
13 Lectures
Provide/Inject
7 Lectures
Introduction to Routing
12 Lectures
Composition API
16 Lectures
Pushing On with Our Project
20 Lectures
Navigation Guards and Lazy Loading
4 Lectures
Uploading Images
8 Lectures
Deployment
2 Lectures
Instructor Details
Packt Publishing
Packt are an established, trusted, and innovative global technical learning publisher, founded in Birmingham, UK with over eighteen years experience delivering rich premium content from ground-breaking authors and lecturers on a wide range of emerging and established technologies for professional development.
Packt’s purpose is to help technology professionals advance their knowledge and support the growth of new technologies by publishing vital user focused knowledge-based content faster than any other tech publisher, with a growing library of over 9,000 titles, in book, e-book, audio and video learning formats, our multimedia content is valued as a vital learning tool and offers exceptional support for the development of technology knowledge.
We publish on topics that are at the very cutting edge of technology, helping IT professionals learn about the newest tools and frameworks in a way that suits them.
Course Certificate
Use your certificate to make a career change or to advance in your current career.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now