Vue 3 Training in Cecil Street, Singapore

This course provides an in-depth, hands-on exploration of Vue 3, the latest version of the progressive JavaScript framework. Participants will learn how to build robust, modular, and dynamic web applications using Vue 3's Composition API, Reactive State Management, and Single-File Components. The course also covers best practices in front-end architecture, routing, testing, and Vue 3 ecosystem tools like Vuex and Vue Router.

Course Agenda:

Introduction & Core Concepts

• Introduction to Vue 3 and Evolution from Vue 2

• Setup with Vite / Vue CLI

• Vue 3 Instance Lifecycle

• Reactive Data and Template Syntax

• Event Handling and Computed Properties

• Introduction to Composition API vs Options API

Components, Props & State Management

• Creating and Using Components

• Props, Emits, and Custom Events

• Slots and Scoped Slots

• Reactive State with reactive and ref

• Composition API – setup(), Lifecycle Hooks

• Introduction to Pinia or Vuex for State Management

Advanced Vue & Ecosystem Integration

• Vue Router: Dynamic Routing and Navigation Guards

• Form Handling and Validation

• HTTP Integration using Axios

• Handling Async Components and Suspense

• Reusability with Composables

• Testing Vue Apps (unit and e2e basics using Jest/Cypress)

• Deployment and Production Optimization

Hands-on Exercises