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

person icon Packt Publishing

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 icon Updated on Sep, 2023

language icon Language - English

person icon Packt Publishing

architecture icon Development,Web Development,Vue JS


30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint 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


What will you learn in this course:

  • 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


What are the prerequisites for this course?

  • 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

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


Check out the detailed breakdown of what’s inside the course

Getting to Know Vue
5 Lectures
  • play icon Introduction 01:53 01:53
  • play icon What You will Need for this Course 00:44 00:44
  • play icon What is Vue.js and What can it Do? 02:50 02:50
  • play icon Overview of Vue 3 Changes 04:56 04:56
  • play icon 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
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
2 Lectures

Instructor Details

Packt Publishing

Packt Publishing

Founded in 2004 in Birmingham, UK, Packt's mission is to help the world put software to work in new ways, through the delivery of effective learning and information services to IT professionals.

Working towards that vision, we have published over 6,500 books and videos so far, providing IT professionals with the actionable knowledge they need to get the job done - whether that's specific learning on an emerging technology or optimizing key skills in more established tools.

As part of our mission, we have also awarded over $1,000,000 through our Open Source Project Royalty scheme, helping numerous projects become household names along the way.

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us