Front-end Engineering in Vue

You'll build a complete To-Do list application from the ground up. Learn how to break down your UI into reusable components, pass data using props, communicate between components with custom events, and create flexible layouts with slots.

You'll upgrade your To-Do list into a full task manager. Learn to build complex forms, implement real-time validation, create dynamic filters with computed properties, and react to state changes using watchers for side effects.

You'll refactor your task manager into a scalable Single Page Application (SPA). Learn to extract reusable logic into "composables," set up client-side routing with Vue Router, manage component lifecycles, and implement a simple global state management solution.

You'll add the final polish to your task manager to make it production-ready. Learn to create advanced composables for complex component logic, implement a global theme system using provide/inject, build custom directives for DOM manipulation, and optimize your app's performance with lazy loading.