Free online courseVue 3 Step-by-Step Course: Components, Composition API, Vite and Pinia

Course Description

Vue 3 Step-by-Step Course: Components, Composition API, Vite and Pinia is a free online course from Laracasts in the Technology and Programming category, focused on Web Development. It guides you from the absolute basics of Vue 3 to building maintainable applications with modern tooling and state management.

You will move from core concepts like attribute binding, event handling, lists, conditionals, and computed properties into component-driven development, including organizing one component per file, working with props, and coordinating state between parent and child components. The course also covers practical form handling, component responsibility, and a deeper understanding of v-model for clean, predictable UI behavior.

As you progress, you will explore lifecycle hooks and real-world async workflows using fake APIs and AJAX-style requests. You will learn how to create flexible, reusable components with slots, including named slots, and understand common confusing edges of Vue that can slow down beginners.

The course then transitions into the Composition API with script setup, showing the key mental models needed to write modern Vue. You will learn how to move from mixins to composables, see composables in action, and refactor components using defineEmits and defineProps. Advanced patterns like dependency injection with provide and inject are introduced to help structure larger apps.

Finally, you will set up a modern development workflow with Vite and dive into externalized state, mutation concerns, and Pinia. The learning experience culminates in a team dashboard exercise where you build and seed a store, giving you practical confidence to structure scalable Vue 3 projects.