Browse our Vue.js Courses made by core-team members and industry experts

The Vue.js Master Class 2024 Edition

Unlock your full potential with the Vue.js Master Class 2024 Edition! Build real-world apps using Supabase, advanced state management, dynamic...

Intermediate

PREMIUM

Nuxt Auth Utils: Secure, Simple, and Flexible Logins

1 hr | 20 lessons

Master authentication in Nuxt 3! Learn how to implement secure user authentication using Nuxt Auth Utils - from social logins with GitHub, to...

Advanced

PREMIUM

What’s New in Nuxt 4: Key Updates for Nuxt.js Developers

40 min | 10 lessons

Discover the latest features and improvements in Nuxt 4, the latest version of the popular Vue.js framework. This course covers key updates in...

Intermediate

IN PROGRESS

PREMIUM

Authoring Nuxt Layers: Build a Custom Email Layer

26 min | 13 lessons

More lessons coming soon

Learn to build production-ready Nuxt Layers with this comprehensive course. Master reusable Vue components, server utilities, and provider-agn...

Advanced

FREE

ShadCN Vue — Modern UIs with Minimal Effort

1 hr | 14 lessons

Master ShadCN Vue—modern Vue components built with Tailwind. Learn UI building blocks, theming, forms, dialogs, tables, and more.

Intermediate

PREMIUM

Building Shader Effects in Vue

59 min | 10 lessons

Learn how to integrate GPU-driven shaders into Vue components: build a WebGL shader from scratch, work with uniforms and textures, and create...

Advanced

FREE

Build a Google Docs Clone with CKEditor in 30 Minutes

45 min | 9 lessons

Build a feature-rich document editor in no time with CKEditor. Learn how to integrate enterprise-grade text editing capabilities (like rich te...

Intermediate

PREMIUM

The Ultimate Guide to Vue Performance

2 hrs | 25 lessons

Good performance is a vital part of any web application. In this course, learn how to keep your Vue applications lightning fast by looking at...

Intermediate

PREMIUM

File Uploads in Vue.js

1 hr | 17 lessons

Master file uploads in Vue.js with our comprehensive course teaching you to build a production-grade drag-and-drop uploader featuring file pre...

Intermediate

PREMIUM

Handling Errors in Vue like a Pro

47 min | 11 lessons

Master Vue.js error handling with professional techniques for building robust, production-ready applications that gracefully handle failures a...

Intermediate

PREMIUM

JavaScript Error Handling

54 min | 11 lessons

Error handling is an essential part of JavaScript development. This course starts with the fundamentals and helps you grow by translating the...

Beginner

PREMIUM

The Complete Guide to Data Fetching in Nuxt

1 hr | 16 lessons

There are a surprising amount of options when it comes to fetching data in a Nuxt app. You can do so by blocking page nav or lazily after navi...

Intermediate

PREMIUM

Vue Component Design: Master Scalable Vue.js Patterns

54 min | 8 lessons

Learn battle-tested Vue component design patterns to write more maintainable and scalable applications. This course covers essential patterns...

Beginner

FREE

Vue.js 3 Fundamentals with the Composition API

1 hr | 14 lessons

Learn the fundamental concepts and get up and running with Vue.js 3 with the Composition API. Perfect if you haven't touched Vue before, or yo...

Beginner

PREMIUM

Generating Fake Data with Faker.js

51 min | 6 lessons

All user interfaces depend heavily on the data they display, manage, and mutate. It can be difficult to come up with variety of realistic valu...

Intermediate

PREMIUM

Vue.js Transitions and Animations

1 hr | 17 lessons

Unlock the full potential of Vue with its built-in support for transitions and animations. Plus, discover third-party transition and animation...

Intermediate

FREE

Rich Text Editing and Beyond with TinyMCE and Vue

1 hr | 17 lessons

Modern applications require robust content editing well beyond plain text and even beyond traditional WYSIWYG editors. Your Vue applications a...

Intermediate

PREMIUM

Vue Composables: How to Craft Reusable Stateful Logic

54 min | 12 lessons

Composables are the BEST way of creating re-usable stateful logic within a Vue application. Learn how to create one from scratch in this course!

Intermediate

PREMIUM

Quasar Fundamentals: Build Cross-Platform Vue.js Apps

7 hrs | 40 lessons

The Quasar Framework will blow your mind! By the end of this course, you’ll be able to build apps for Android, iOS, Windows, Mac, Linux, and...

Intermediate

FREE

Real-Time Data with Laravel Reverb and Vue.js

44 min | 9 lessons

Learn how to pair a Vue.js front-end with Laravel Reverb for real-time data support.

Advanced

PREMIUM

A “Wordle” on Test Driven Development in Vue.js

2 hrs | 18 lessons

In this hands-on course, you will learn how to write applications using Test-Driven Development. You will make your own clone of the game Word...

Intermediate

PREMIUM

Enhanced Routing with UnPlugin Vue Router

40 min | 13 lessons

UnPlugin Vue Router enables file based routing for vanilla Vue.js projects plus makes routes typesafe. Learn the ins-and-outs of this vite plu...

Intermediate

PREMIUM

TypeScript with Vue.js 3: Master TypeScript in Vue

1 hr | 19 lessons

Learn how to use TypeScript in your Vue projects to supercharge your IDE's error detection and autocompletion, as well as provide type safe co...

Advanced

PREMIUM

Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps

3 hrs | 35 lessons

Nuxt is meta-framework built on top of Vue, that offers a variety of rendering modes and a ton of developer conveniences including auto-import...

Intermediate

PREMIUM

Material UI with Vuetify and Vue.js

1 hr | 12 lessons

Create a Vue.js app with a beautiful and functional UI in no time with Vuetify! This UI library contains 80+ ready to use components designed...

Intermediate

FREE

Web Scraping for Developers That Just Works

1 hr | 11 lessons

Master web scraping with this hands-on course using Bright Data's infrastructure and modern tools like Playwright. Build production-ready scra...

Advanced

FREE

Vue Component Fundamentals with the Composition API

1 hr | 12 lessons

Components are the puzzle pieces of a Vue.js website. Learn the fundamental and important concept of Vue.js components in this course using th...

Beginner

PREMIUM

AI Chat Bot with Vue.js and GPT-4: Build Smarter Apps

1 hr | 19 lessons

AI is a powerful tool of the future. With Open AI's Chat Completions API (GPT-4), adopting it in your applications is as easy as a REST reques...

Advanced

PREMIUM

Build a Drag and Drop Trello Board with Vue Draggable

1 hr | 16 lessons

Get hands on with this fun Trello board Vue.js project! Learn how to create a drag and drop interface with Vue Draggable, style it with Tailwi...

Advanced

PREMIUM

Tailwind CSS Fundamentals

2 hrs | 23 lessons

Learn the basics of TailwindCSS and start styling your apps with the most popular styling tool in the web development community!

Beginner

PREMIUM

Content Sites with Astro and Vue.js

1 hr | 13 lessons

In this course, learn the basics of getting started with Astro by building a simple blog. Also, learn to integrate it with your favorite JavaS...

Intermediate

PREMIUM

Crafting a Custom Component Library with Vue and Daisy UI

3 hrs | 25 lessons

What makes a good component framework? How do I package and distribute it for re-use by others? Learn the answer to these questions and more b...

Intermediate

PREMIUM

Rapid Development with Vite

1 hr | 22 lessons

Vite is a first-in-class build tool that aims to provide a faster and leaner development experience for modern web projects. In this course, w...

Intermediate

FREE

Vue.js 3 Fundamentals with the Options API

59 min | 11 lessons

Learn the fundamental concepts and get up and running with Vue.js 3. Perfect if you haven't touched Vue before, or you're just getting started!

Beginner

PREMIUM

Rapid Testing with Vitest: Master Unit Testing & Mocking

1 hr | 26 lessons

Vitest is a testing framework built for Vite! It's blazing fast test runs and zero config setup make testing a breeze for Vue.js 3 projects.

Advanced

PREMIUM

Pinia: The Enjoyable Vue Store

1 hr | 24 lessons

Master Pinia, the official Vue.js state management solution. Learn to build scalable, type-safe Vue stores with the Options & Composition APIs...

Advanced

PREMIUM

TypeScript Fundamentals: Learn TypeScript from Scratch

1 hr | 24 lessons

Learn the basics of TypeScript, a super set of the JavaScript language aimed at making more scalable and maintainable JavaScript codebases wit...

Intermediate

PREMIUM

Custom Vue.js 3 Plugins: Boost Reusability and Functionality

1 hr | 17 lessons

Build a custom tooltip plugin from the ground up and learn what it takes to develop and deliver a reusable Vue.js plugin.

Advanced

FREE

Vue Router 4 for Everyone: Master Routing in Vue.js

3 hrs | 35 lessons

Learn how to build powerful Single Page Applications in Vue 3 with the Vue Router 4.

Intermediate

PREMIUM

VueUse for Everyone: Unlock Vue.js Composition Power

3 hrs | 31 lessons

Master VueUse with 200+ composition utilities for animations, browser APIs, sensors, and smart reactive state management. Learn to enhance you...

Intermediate

PREMIUM

Advanced Components: Exposing Internal State

26 min | 10 lessons

Learn the various way of exposing a component's internal state for fine-grained control from the parent component.

Intermediate

FREE

Common Vue.js Mistakes and How to Avoid Them

1 hr | 14 lessons

Building apps with Vue is a delight but there are common gotchas you should look out for! With this course, learn the warning signs and ways t...

Intermediate

FREE

Application Monitoring in Vue.js with Sentry

56 min | 13 lessons

Monitoring for issues is an important part of any successful Vue.js application. Sentry allows us to know what issues customers are having in...

Intermediate

FREE

Jamstack: The Complete Guide

1 hr | 18 lessons

The Jamstack architecture is a modern approach that capitalizes on the power of JavaScript in the client and powerful site generators that out...

Intermediate

PREMIUM

Charts for Vue.js 3: Data Visualization with ChartJS

47 min | 9 lessons

Charts and graphs are a common part of modern day dashboards. They are a great way to show analytics for all kinds of things in a easy to dige...

Intermediate

PREMIUM

Robust Vue.js Forms with FormKit

2 hrs | 17 lessons

Learn how to create robust forms in Vue.js with built in validation, labels, help text, de-bouncing, and more!

Intermediate

PREMIUM

Laravel Backends for Vue.js 3 and Nuxt

3 hrs | 35 lessons

In this course, we'll build out a Vue.js & Nuxt front-end fine tuned for interaction with a Laravel powered REST API.

Advanced

PREMIUM

Vue 3 Single File Components

48 min | 8 lessons

Embrace the full power of JavaScript bundlers and Vue.js by learning how to create and manage Single File Components.

Intermediate

PREMIUM

Vue 3 Composition API

1 hr | 23 lessons

Leverage the power of the new Composition API and build reusable features (composables) for scalable Vue applications.

Intermediate

FREE

Vue.js 3 Components Fundamentals With the Options API

1 hr | 11 lessons

Components are the puzzle pieces of a Vue.js website. Learn the fundamental and important concept of Vue.js 3 components with the Options API...

Beginner

PREMIUM

Modern JavaScript: ES6 and beyond!

2 hrs | 25 lessons

Level up your JavaScript skills by mastering the modern and essential JavaScript techniques from ES6, ES7, and ES8.

Intermediate

PREMIUM

What is new in Vue 3

1 hr | 7 lessons

Take a deep dive into the new and exciting features of Vue 3. Learn about Portals, Suspense, Composition API, Fragments, and much much more.

Intermediate

PREMIUM

Visual Studio Code for Vue.js Developers

2 hrs | 25 lessons

As a Vue.js developer, one of the tools you'll use most often is your code editor. In this course, learn how to make the most out of the offic...

Beginner

PREMIUM

Vue.js 3 Custom Directives

25 min | 11 lessons

Learn how to create custom directives in Vue.js 3. Directives are special HTML attributes that allow us to do powerful DOM manipulations, like...

Advanced

FREE

Vuex for Everyone

1 hr | 16 lessons

This Vue.js course is based on the official Vuex example. We'll create a shopping cart with Vue and progressively discover and learn about Vue...

Advanced

PREMIUM

GraphQL Fundamentals

23 min | 5 lessons

GraphQL is a fantastic new API standard that provides a more efficient, powerful, and flexible alternative to REST. In this course, you'll lea...

Beginner

FREE

Reusable Vue.js Components with Slots

44 min | 10 lessons

Learn how to master slots and scoped slots, to build flexible and reusable vue.js components.

Advanced

PREMIUM

Nuxt Modules: The Ultimate Guide for Nuxt.js Developers

2 hrs | 23 lessons

Master the art of Nuxt Modules in this hands-on course! From installation to crafting custom modules, you'll unleash the full potential of Nux...

Intermediate

PREMIUM

Vue-Apollo GraphQL Fundamentals

45 min | 10 lessons

Learn how to consume and use GraphQL APIs in your Vue.js apps with Vue-Apollo.

Intermediate

PREMIUM

Web Accessibility Fundamentals

26 min | 7 lessons

Learn how to make the web accessible for everyone, despite their hardware, software, language, location, or ability.

Beginner

PREMIUM

Single File Components (Vue 2)

37 min | 8 lessons

Embrace the full power of JavaScript bundlers and Vue.js by learning how to create and manage Single File Components.

Intermediate

PREMIUM

Storybook with Vue.js

1 hr | 16 lessons

Document and showcase Vue.js components in an elegant UI with Storybook. Perfect for multi-disciplinary teams!

Beginner

PREMIUM

Static Site Generation with Nuxt.js (Nuxt 2)

11 min | 4 lessons

Learn how to generate static websites (pre-rendering) with Nuxt.js to improve both performance and SEO while eliminating hosting costs.

Advanced

PREMIUM

Async Data with Nuxt.js (Nuxt 2)

23 min | 7 lessons

Learn how to manage asynchronous data and render your application server-side with Nuxt.js

Intermediate

PREMIUM

Test with Jest

52 min | 13 lessons

Jest is an industry leading test suite for JavaScript used by big and small projects around the globe. Get up and running with Jest in this co...

Intermediate

FREE

Nuxt.js Fundamentals (Nuxt 2)

35 min | 14 lessons

Learn the fundamentals of Nuxt.js in this course that we created together with the founders of Nuxt. The course covers what you need to know f...

Beginner

PREMIUM

Vue.js 3 Options API Masterclass

17 hrs | 157 lessons

Learn how to build a real-world application with Vue.js 3 in the supercharged and remastered Vue.js Masterclass.

Intermediate

FREE

Internationalization with vue-i18n

56 min | 12 lessons

Master internationalization and learn how to create multilingual websites and vue.js applications with vue-i18n.

Intermediate

FREE

JavaScript Testing Fundamentals

22 min | 6 lessons

This is our introductory course to JavaScript testing. We cover why testing is important, what you should test and the testing jargon you need...

Beginner

PREMIUM

Testing Vue.js Components

1 hr | 11 lessons

Learn everything you need to know to test your Vue.js components like a pro!

Advanced

FREE

Vue Router for Everyone (Vue 2)

1 hr | 17 lessons

Learn how to build powerful Single Page Applications in Vue with the Vue Router.

Intermediate

FREE

Vue.js 2 Components Fundamentals

53 min | 11 lessons

Components are the puzzle pieces of a Vue.js website. Learn the fundamental and important concept of Vue.js 2 components in this course.

Beginner

PREMIUM

Custom Vue Directives

14 min | 10 lessons

Learn how to create custom Vue.js directives. Directives are special HTML attributes that allow us to do powerful DOM manipulations, like v-if...

Advanced

PREMIUM

Dynamic Forms with Vue.js

58 min | 13 lessons

Learn how to create dynamic forms that consist of multiple steps with Vue.js

Advanced

PREMIUM

Vue.js Form Validation

34 min | 12 lessons

Learn how to validate your forms with Vue.js and Vuelidate like a pro.

Intermediate

FREE

Vue.js 2 Fundamentals

27 min | 10 lessons

This Vue.js course will teach you and get you up and running with the fundamental concepts of Vue.js. Perfect if you haven't touched Vue befor...

Beginner

PREMIUM

Vue.js + Firebase Authentication

32 min | 8 lessons

This Vue.js course will teach you how to use Firebase Authentication in your vue.js applications and allow your users to authenticate with the...

Beginner

PREMIUM

Vue.js + Firebase Realtime Database

34 min | 8 lessons

This Vue.js course will teach you how to use Firebase Realtime Database in your vue.js applications. The example app is a realtime chat room,...

Beginner

PREMIUM

The Vue.js 2 Master Class

7 hrs | 105 lessons

In our Master Class you'll learn Vue.js 2 by building a real-world application. Together we’ll create a complete forum from scratch using ex...

Intermediate

PREMIUM

Functional Components

31 min | 8 lessons

Learn all you need to know to take full advantage of functional components in your Vue.js applications.

Advanced

Vue.js & JavaScript Courses

The Vue.js Master Class 2024 Edition

Nuxt Auth Utils: Secure, Simple, and Flexible Logins

What’s New in Nuxt 4: Key Updates for Nuxt.js Developers

Authoring Nuxt Layers: Build a Custom Email Layer

ShadCN Vue — Modern UIs with Minimal Effort

Building Shader Effects in Vue

Build a Google Docs Clone with CKEditor in 30 Minutes

The Ultimate Guide to Vue Performance

File Uploads in Vue.js

Handling Errors in Vue like a Pro

JavaScript Error Handling

The Complete Guide to Data Fetching in Nuxt

Vue Component Design: Master Scalable Vue.js Patterns

Vue.js 3 Fundamentals with the Composition API

Generating Fake Data with Faker.js

Vue.js Transitions and Animations

Rich Text Editing and Beyond with TinyMCE and Vue

Vue Composables: How to Craft Reusable Stateful Logic

Quasar Fundamentals: Build Cross-Platform Vue.js Apps

Real-Time Data with Laravel Reverb and Vue.js

A “Wordle” on Test Driven Development in Vue.js

Enhanced Routing with UnPlugin Vue Router

TypeScript with Vue.js 3: Master TypeScript in Vue

Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps

Material UI with Vuetify and Vue.js

Web Scraping for Developers That Just Works

Vue Component Fundamentals with the Composition API

AI Chat Bot with Vue.js and GPT-4: Build Smarter Apps

Build a Drag and Drop Trello Board with Vue Draggable

Tailwind CSS Fundamentals

Content Sites with Astro and Vue.js

Crafting a Custom Component Library with Vue and Daisy UI

Rapid Development with Vite

Vue.js 3 Fundamentals with the Options API

Rapid Testing with Vitest: Master Unit Testing & Mocking

Pinia: The Enjoyable Vue Store

TypeScript Fundamentals: Learn TypeScript from Scratch

Custom Vue.js 3 Plugins: Boost Reusability and Functionality

Vue Router 4 for Everyone: Master Routing in Vue.js

VueUse for Everyone: Unlock Vue.js Composition Power

Advanced Components: Exposing Internal State

Common Vue.js Mistakes and How to Avoid Them

Application Monitoring in Vue.js with Sentry

Jamstack: The Complete Guide

Charts for Vue.js 3: Data Visualization with ChartJS

Robust Vue.js Forms with FormKit

Laravel Backends for Vue.js 3 and Nuxt

Vue 3 Single File Components

Vue 3 Composition API

Vue.js 3 Components Fundamentals With the Options API

Modern JavaScript: ES6 and beyond!

What is new in Vue 3

Visual Studio Code for Vue.js Developers

Vue.js 3 Custom Directives

Vuex for Everyone

GraphQL Fundamentals

Reusable Vue.js Components with Slots

Nuxt Modules: The Ultimate Guide for Nuxt.js Developers

Vue-Apollo GraphQL Fundamentals

Web Accessibility Fundamentals

Single File Components (Vue 2)

Storybook with Vue.js

Static Site Generation with Nuxt.js (Nuxt 2)

Async Data with Nuxt.js (Nuxt 2)

Test with Jest

Nuxt.js Fundamentals (Nuxt 2)

Vue.js 3 Options API Masterclass

Internationalization with vue-i18n

JavaScript Testing Fundamentals

Testing Vue.js Components

Vue Router for Everyone (Vue 2)

Vue.js 2 Components Fundamentals

Custom Vue Directives

Dynamic Forms with Vue.js

Vue.js Form Validation

Vue.js 2 Fundamentals

Vue.js + Firebase Authentication

Vue.js + Firebase Realtime Database

The Vue.js 2 Master Class