Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Vue.js 3 Masterclass: Build 7 Real-World Apps

via Udemy

Overview

Master Vue 3 & the Composition API by building 7 production-ready apps and launching your frontend developer career!

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.

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:

  1. Can You Drive?

  2. Simple Quiz (your exercise project)

  3. Image Gallery

  4. Task List

  5. Event Registration Mini-App

  6. User Settings App

  7. Recipe Book App

  8. 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!

Syllabus

  • Vue 3: The Zero-Setup Introduction
  • 1st Mini Project - Can you Drive?
  • 2nd Mini Project - Image Gallery with Favorites
  • 3rd Mini Project - Task Manager
  • 4th Medium Project - Event Registration (Components)
  • 4th Medium Project - Event Registration (Data Fetching)
  • 4th Medium Project (Optimistic UI, Error Handling)
  • 4th Medium Project (Composables & Sharing State)
  • 5th Medium Project (TypeScript, Transitions, Tabs)
  • 5th Medium Project (TypeScript, Teleport, KeepAlive, Shared State)
  • 6th Medium Project (Vue Router)
  • 6th Medium Project (Pinia State Management)
  • 7th Project - Trello Clone (Drag & Drop, Modal)
  • Bonus

Taught by

Piotr Jura | 73,000+ Students

Reviews

4.6 rating at Udemy based on 476 ratings

Start your review of Vue.js 3 Masterclass: Build 7 Real-World Apps

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.