Vue js 3 Practical Guide w/ Composition API, Router (2022)

Learn Vue js 3 by building 4 web applications (including SPA) with options API, composition API and Vue Router
Requirements
Basic web development knowledge (HTML, Javascript, CSS) is required
Basic Javascript ES6+, Vue js knowledge is recommended
Description
Vue js 3 is a progressive javascript framework for building user interfaces. This is a project-based course for learning Vue js. I will teach you how to build some projects with Vue from simple to complex projects.

1st Project: Tags Input

We'll start by building a simple Tags input, a Vue js based tagging system that automatically converts the values that users enter in the input into delimited tags.

While we're building this project we'll learn some Vue js basic concepts such as:

Interpolation

Directives

Attribute bindings

Conditional rendering,

List rendering

Class and style bindings

Handling events

Two-way bindings with v-model

Methods

Computed properties

Watcher

2nd Project: Toast Notification

We will build Toast notification, where we able to show a message at a given time with some different types and positions.

3rd Project: Carousel Image slider

We will build a Carousel image slider from scratch which allows users to automatically cycle through a series of images in a given time.

4th Project: Vue Drive (Main Project)

Our main project is building Vue Drive, a Vue Single Page Application (SPA) that is inspired by Google Drive, where we are able to upload some files with a drag and drop feature and manage them in folders.

In this course You will also learn some topics:

Composition API

Composable functions

Build Single Page Application with Vue Router

Creating custom directives

Working with Axios HTTP library

How to connect to a backend server from your app

Using async/await

Organizing API endpoints

How to write clean code

Uploading file to Backend API

Working with Teleport

Implementing Authentication in Vue js application



In addition to the lectures, I also provide the complete source code on GitHub where you can see all changes that I made for each lecture so that you can always have access to the full codebase for the application.

Before you take this course, you should have a basic understanding of modern Javascript features such as arrow functions, destructuring operators, rest Parameters, and Spread Syntax. You should also know the fundamental of Vue js.

By the end of this course, you will have a very solid understanding of Vue and you will be able to dive into your own Vue projects.

Who this course is for:
Frontend developers who want to use Vue js 3 to build modern web apps
Vue js developers who want to learn Composition API in building real world project
Everyone interested in learning how to build frontend web apps with Vue js
Javascript developers who want to explore Vue js for building user interfaces
What you'll learn
Learn how to build fantastic applications with Vue 3, ranging from small and simple to large scale applications.
Learn how to use the most recent version of Vue (version 3), which includes the all-new Composition API.
Build amazing Single Page Application (SPA) with Vue 3
Build 4 amazing real-world projects for your portfolio and become job-ready vue js developer
Learn how to implement an authentication to your Vue js application