Tutorialspoint

Celebrating 11 Years of Learning Excellence! Use: TP11

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

person icon Packt Publishing

4.5

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 Jun, 2025

language icon Language - English

person icon Packt Publishing

English [CC]

category icon Development ,Web Development,Vue JS

Lectures -137

Duration -11 hours

Lifetime Access

4.5

price-loader

Lifetime Access

30-days Money-Back Guarantee

Training 5 or more people ?

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

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

Curriculum

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
Tutorialspoint

Component Basics

5 Lectures
Tutorialspoint

Build Tools and Single-Page Applications

5 Lectures
Tutorialspoint

Countdown Project

12 Lectures
Tutorialspoint

Forms, Events, and Modifiers

11 Lectures
Tutorialspoint

Validation and a Deeper Look at Props

4 Lectures
Tutorialspoint

Slots and Dynamic Components

13 Lectures
Tutorialspoint

Provide/Inject

7 Lectures
Tutorialspoint

Introduction to Routing

12 Lectures
Tutorialspoint

Composition API

16 Lectures
Tutorialspoint

Pushing On with Our Project

20 Lectures
Tutorialspoint

Navigation Guards and Lazy Loading

4 Lectures
Tutorialspoint

Uploading Images

8 Lectures
Tutorialspoint

Deployment

2 Lectures
Tutorialspoint

Instructor Details

Packt Publishing

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.

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
Annual Membership

Online Certifications

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

Explore Now
Online Certifications

Talk to us

1800-202-0515