Vue.js
Master Class 2024 Edition

Build awesome Vue.js 3 apps while getting up to speed with the latest features and best practices (Composition API, Pinia, TypeScript, and more).

127 lessons 11 hrsIntermediate

Tired of hello world projects and to-do lists?

Build for the real world

There are tons of Vue.js learning resources available ( we offer many ourselves! ), but in-depth courses that guide you through building a complete real-world application are rare.

Learn by Doing

Is there anything I’m missing with my VS Code setup that might make things easier?

Are there better/faster ways I could be creating my components?

Am I using the composition API effectively?

How can I make managing my routes and pages less tedious?

What should I actually be putting in my Pinia stores and what should be left as component state?

How can I make requests to my backend in a scalable/performant way?

How can I go from zero to a fully functional and scalable Vue.js application effeciently?

This course is designed to give you the practical skills and confidence to build real-world Vue.js applications!

Build a Production-Ready
Product Management App

Use the latest tech in the ecosystem

We'll build a full-fledged project management application like Asana, Jira, or Monday.com, taking you through every step and decision along the way. Check it out.

Technologies covered in this course

Use the latest tech in the ecosystem

Vite

Vitest

VueUse

Vue Router

Pinia

Typescript

Supabase

FormKit

ESLint & Prettier

TailwindCSS

Sentry

ShadCN Vue

Google Analytics 4

Google Tag Manager

Composition API

ES2023

Schema.org

Here’s what you’ll learn

Development Environment Setup

Master Modern Vue Development

Data Management & Security

Building a Feature-Rich App

Who is this for?

Whether you're a beginner or experienced Vue developer, a team looking to upskill, or a dev ready to upgrade from Options API, the Vue.js Masterclass 2024 Edition will equip you with the knowledge and skills to build amazing Vue 3 applications.

Vue.js Developers
Become Even Better!

Master Composition API and Pinia for clean, maintainable code.

Build full-fledged, scalable Vue.js apps with the latest features and best practices.

New to Vue?
Welcome Aboard!

Learn the basics first with our fundamentals course and our components course

Then comeback to level-up your Vue 3 skills in the context of a real world app

Leverage the powerful Vue ecosystem to build modern web applications.

Developer Teams:
Unify and Upskill

Get your team on the same page with modern Vue development practices.

Integrate seamlessly with the latest JavaScript ecosystem.

Onboard new team members quickly and efficiently.

Ready to jump in?

To get the most out of this course, you'll need a solid foundation in JavaScript and Vue.js. Here's a quick checklist:

JavaScript Fundamentals

You should be comfortable with core JavaScript concepts like variables, functions, loops, conditionals and the like.

Basic ES6

Familiarity with modern JavaScript features like arrow functions, template literals, and import statements will be helpful.

Vue.js Core Concepts

A basic understanding of Vue directives, components, and lifecycle hooks will ensure a smooth learning experience.

Meet Your Trainers

Mostafa
Said Mahmoud

Mostafa is the primary instructor and the voice of the Vue.js Masterclass 2024 Edition. Mostafa brings over 7 years of e-learning experience, having honed his skills at major companies like Vodafone Intelligent Solutions (_VOIS). He's not just a teacher, he's a full-stack developer in the trenches, building real-world applications with Vue, Nuxt, Laravel, Tailwind, and more.

Daniel
Kelly

Daniel works behind the scenes alongside Mostafa to help develop the project and ensure the content is grade A. Daniel has over 10+ years development experience working with technology such as PHP, Laravel, Node, JavaScript, Vue.js, and more. He’s also been teaching with Vue School for the past 3 years and knows a thing or 2 about teaching others Vue.js.