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

Name: In-Depth Vue 3 For Beginners (Inc. Composition API, Router)
Price: 59.99 USD
Author: Packt Publishing

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

Add to Cart Buy Now

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

Goals

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

Prerequisites

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)

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

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.