Your cart is empty.
Keep shoppingVue.js 3 Masterclass: Build 7 Real-World Apps
3,554 students
Vue.js 3 Masterclass: Build 7 Real-World Apps
Master Vue 3 & the Composition API by building 7 production-ready apps and launching your frontend developer career!
Created byPiotr Jura | 73,000+ Students
Last updated 8/2025
English
What you'll learn
- Build modern, type-safe Vue 3 applications using Composition API and TypeScript.
- Create 7 real-world applications to build a strong portfolio.
- Develop scalable and reusable components with props, events, and slots.
- Implement clean and efficient state management using Pinia.
- Structure single-page applications (SPAs) with Vue Router, including dynamic routes.
- Author custom composables to share reactive logic across your application.
- Enhance user experience with transitions and Optimistic UI patterns.
- Implement complex UI features like modals and Drag & Drop from scratch.
Explore related topics
Course content
14 sections • 125 lectures • 15h 21m total length
Requirements
- Solid understanding of modern JavaScript (ES6+), including arrow functions, destructuring, modules, and async/await.
- Basic knowledge of HTML and CSS.
- Familiarity with the command line (terminal).
- A code editor (like VS Code) and Node.js installed on your machine.
Description
Learn Vue.js 3 by building 7 real-world applications — from scratch to production-ready — and gain the skills top companies actively seek.
If you want to become a job-ready frontend developer in 2025, you need more than theory — you need projects that prove your skills. This course focuses 100% on Vue 3 with the Composition API, the modern standard companies actually use, so you’ll be prepared for the real job market and advanced technical interviews anywhere in the world.
What you’ll learn and build:
Vue 3 Fundamentals – templates, directives, loops, and conditional rendering
Modern Components – props, events, slots, and reusable architecture
Advanced Techniques – custom composables, smooth transitions, Drag & Drop
Routing & State – SPAs with Vue Router and clean state management with Pinia
TypeScript Integration – safer, more maintainable Vue code
UI/UX – Optimistic UI patterns for a better user experience
Custom Components – build a fully functional modal from scratch
Projects you’ll complete:
Can You Drive?
Simple Quiz (your exercise project)
Image Gallery
Task List
Event Registration Mini-App
User Settings App
Recipe Book App
Trello Board App (Drag & Drop + Modals)
By the end, you’ll have 7 portfolio-ready apps and the confidence to build scalable, high-performance, production-grade applications with Vue 3 in any real-world environment. Enroll today!
Who this course is for:
- JavaScript developers wanting to learn a modern front-end framework.
- Developers with experience in other frameworks (like React or Angular) who want to quickly learn Vue 3.
- Vue 2 developers looking to upgrade their skills to the Composition API and modern best practices.
- Backend developers aiming to become full-stack developers.
- Bootcamp graduates or junior developers who want to build a strong portfolio with practical, real-world projects.