Building Apps with Vue, Vite and TypeScript

Overview

Ecosystems, like Angular and React, require a lot of moving pieces to get working. In this course, Shawn Wildermuth will show you how to build Web sites and applications using the Vue framework.

In this three day course, Shawn Wildermuth will show you how to build web sites and applications using the Vue framework.

Prerequisites

Before taking this course students should have some familiarity with web application development.

What You will Learn?

What is Vue?
How to build SPAs with Vue
Data Binding
Routing in Vue
Using APIs

Course Outline

Module 1: What is Vue
- What Problem is Vue Solving?
- Where Can Vue Be Used
- How is Vue Different?
- Your First Vue Project
Module 2: Data Binding in Vue
- Understanding Reactivity
- Data Binding Basics
- Formatting in Vue
- List Binding
- Using Forms
- Validation
Module 3: Calling Services
- Using HTTP in Vue
- Calling a GET
- Calling a POST
- Calling a PUT
- Calling a POST
Module 4: Vue Routing
- Why Client-Side Routing
- Introducing Routing
- Setting Up Patterns for Routing
- Nested Routes
- Passing Parameters
- Using Browser History
Module 5: Centralizing Data
- Why do you need data centralized
- Introducing Vuex
- Introducing Pinia
Module 6: Building Components
- Using the Composition API
- Dealing with Properties
- Exposing Events
- Using Slots

Overview

Prerequisites

What You will Learn?

Course Outline

Module 1: What is Vue

Module 2: Data Binding in Vue

Module 3: Calling Services

Module 4: Vue Routing

Module 5: Centralizing Data

Module 6: Building Components