Skip to content

Home
Courses
Certificate in Vue.js

Certificate in Vue.js

Current Status

Not Enrolled

Price

5.00

Get Started

This course is currently closed

Course Home Expand All

Getting to know

5 Topics

What You will Need for this Course

What is Vue.js and What can it Do?

Overview of Vue 3 Changes

Project Source Code

First Look at Vue.js

13 Topics

Section Introduction

The Vue Instance

Looping with Objects

List Indexes and Keys

Binding Attributes

Mini Challenge-Dynamic Links

Mini Challenge-Dynamic Links-Solution

JavaScript Expressions

The Vue Life Cycle

Component Basics

5 Topics

Section Introduction

What are Components?

First Look at Components

Props and Reusing Components

Local Components

Build Tools and Single-Page Applications

5 Topics

Section Introduction

Single-Page Applications

Project Structure

The vetur Extension

Countdown Project

12 Topics

Section Introduction

Starter Project Download

Single File Components

Making Our Components Dynamic

Calculating Days Left

Conditional Rendering

More on Conditional Rendering

Computed Properties

Computed or Watchers

Ordering and Toggling Past Events

Forms, Events, and Modifiers

11 Topics

Section Introduction

Our Form Component

Styling and Positioning the Form Modal

Emit Custom Events

Binding Form Inputs

Emit Data with a Custom Event

Emit Multiple Events

Validating Our Form

Updating Events

Removing Events

Validation and a Deeper Look at Props

4 Topics

Section Introduction

Prop Validation

Non-Prop Attributes

More on Non-Prop Attributes

Slots and Dynamic Components

13 Topics

Section Introduction

What We will be Building

Project Pages and Components

Introduction to Slots

Overview Page Structure

Slots in Practice

Passing Dynamic Data and Scope

Fallback Content

Bestsellers Page

Dynamic Components

7 Topics

Section Introduction

What is provide-inject

Setting Up a Provider

Mini Challenge – Update Orders – Bestsellers Pages

Update Orders and Bestsellers Pages to Use Provide

Updating the Provider from a Child Component

Introduction to Routing

12 Topics

Section Introduction

What We will be Building and Project Starter

Setting Up the Vue Router

Router Link and Router View

Params and Queries

Matching Dynamic Routes

Setting Up Our Project Components and Routes

Programmatic Navigation

Different Router Modes

Composition API

16 Topics

Section Introduction

What is the Composition API

Composition Setup

Primitive Versus Reference Types

Quick Introduction to Proxies

Using Reactive and isReactive

Adding Reactivity with Ref

Destructuring and toRefs

Standalone Composition Functions

Mini Challenge-Moving Over the Cards by Category

Moving Over the Cards by Category

Accessing the Router

Watch and WatchEffect

Using Alongside the Options API

Pushing on with Our Project

20 Topics

Section Introduction

Linking to Selected Card and Category Styling

The Create View

Retrieving the Selected Card

Selecting the Current Page

Switching Card Pages

The Card Preview Component

Text Output Component

Card Edit Component

Text Input Component and Hover Menu

Adding Menu Options

Menu Options Continued

Updating the Card

Adding New Sections

Removing Sections

Rearranging the Order of Sections

Changing the Section Height

Additional Styling

Provide and Inject with Composition

Navigation Guards and Lazy Loading

4 Topics

Section Introduction

Navigation Guards

Lazy Loading Routes

Grouping Routes into Chunks

Uploading Images

8 Topics

Section Introduction

Image Upload Component

Setting Up Cloudinary

Reading File Objects and Previewing

Uploading the Image File

Saving the Image URL to Our Card

Repositioning the Image

Removing Images

2 Topics

Deployment to Netlify

Copyright © 2025 Vskills