📍 Module 1: Introduction to Vue.js

• What is Vue.js and why use it?

• Vue vs React vs Angular

• Installing Vue CLI / Vite

• Project structure & configuration

• Creating your first Vue app

📍 Module 2: Vue Basics

• The Vue Instance & Lifecycle Hooks

• Templates & Interpolation

• Data Binding (v-bind)

• Event Handling (v-on, @click)

• Methods, Computed Properties, Watchers

📍 Module 3: Vue Directives

• Built-in Directives: v-if, v-else, v-show

• Looping with v-for

• Attribute Binding: v-bind

• Event Binding: v-on, @event

• Class & Style Binding

📍 Module 4: Components in Vue

• Creating & Registering Components

• Props & Custom Events

• Component Communication (Parent to Child, Child to Parent)

• Slots & Scoped Slots

• Dynamic & Async Components

📍 Module 5: Vue Router (SPA Navigation)

• Installing Vue Router

• Route Configuration & Navigation

• Dynamic Route Matching & Params

• Nested Routes & Lazy Loading

• Navigation Guards

📍 Module 6: Vue Forms & Validation

• Template-Driven Forms

• v-model & Two-Way Binding

• Form Validation (Manual & Using VeeValidate)

• Dynamic Inputs & Custom Inputs

📍 Module 7: Vue & HTTP (API Integration)

• Axios: Installing & Using

• GET, POST, PUT, DELETE Requests

• Handling API Responses & Errors

• Displaying Dynamic Data from API

📍 Module 8: State Management with Vuex

• Introduction to Vuex

• Store, State, Mutations, Getters, Actions

• Using Vuex with Components

• Modules & Namespacing

📍 Module 9: Vue 3 Composition API (Advanced)

• Setup function

• Reactive(), Ref(), Computed(), Watch()

• Lifecycle Hooks in Composition API

• Comparison with Options API

📍 Module 10: Vue UI Libraries & Tools

• Vuetify / BootstrapVue / Element UI

• Vue Devtools

• Vue CLI vs Vite

• ESLint & Prettier setup

📍 Module 11: Build & Deploy

• Production Build with Vue CLI/Vite

• Environment Variables

• Deployment on Netlify / Vercel / Firebase

• PWA with Vue

📍 Module 12: Real-Time Projects

• Weather App with API Integration

• To-Do App with Vuex

• Blog App with Routing and CRUD

• E-commerce Frontend with Vue Router & Vuex