0% completed

All LessonsFree Lessons (3)

Vue 3 Overview

Introduction to the Course

Vue.js: The Basics

Vue 3 Fundamentals: Setup, Instances, and Reactive Data Templates and Dynamic Interpolations Template Syntax: Directives Methods and Computed Properties Quiz: Vue Basics Challenge: Create a Simple To-Do List App

Components

General and Custom Components Component Options Component Lifecycle Methods Props and Default Properties Communication with the Parent Component Named and Scoped Slots Quiz: Components Challenge: Creating a Reusable Universal List Component

The Composition API

The setup() Function

Dealing with Data: ref() and reactive()

Computed and Watched Values

Lifecycle Hooks

Quiz: The Composition API

Challenge: The Composition API

Routing

Routes Navigation Navigation Guards Example: Authorized Routes Quiz: Routing Challenge: Create a Minimal Blog Engine Using Vue Router

State Management

Introduction to State Management States and Getters in Vuex Mutations and Actions in Vuex Example: The Employee Directory Quiz: State Management Challenge: Create a Minimal Blog Engine Using Vuex

Nuxt.js

Introduction to Nuxt.js Getting Started with Nuxt Assets, Store, Middleware, and Plugins Nuxt Component Options Quiz: Nuxt.js Challenge: Recreate a Blog Engine Using Nuxt

Mini Project

Staff Navigator App

Wrapping Up

Concluding Remarks

Appendix

Vue CLI and Installation Installation of Nuxt Installing Vuex Installing Vue Router Build Tooling npm Scripts and Plugins Browser Devtools Building for Production

Project

Authentication With Vue.js Using Auth0

Jump Start with Vue 3/

...

/

Quiz: The Composition API

Quiz: The Composition API

Test your knowledge of the Composition API in Vue.

We'll cover the following...

Technical Quiz

1.

How can you use the Composition API in a component?

A.

By calling the compose() function

B.

By calling the api() function

C.

By calling the setup() function

D.

All of the above

1 / 7

...