Vue.js & Nuxt Courses

Unlock your full potential with the Vue.js 3 Master Class! Build real-world apps using Supabase, advanced state management, dynamic routing, and TypeScript. Perfect for developers looking to master Vue.js 3 and enhance their skills.

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 you're just getting started!

Components are the puzzle pieces of a Vue.js website. Learn the fundamental and important concept of Vue.js components in this course using the latest and greatest API: the Composition API.

Learn Vitest for Vue developers. Not just syntax but practical component, composable, API, and backend testing at the right seams for smarter AI agents

You’ve got skills...your agent deserves skills too! Learn how to bring tooling, standards, and knowledge-bases to your AI coding agents. Use in Cursor, Claude Code, and more to develop quickly and skillfully in Vue.

Vite + is the developer toolchain you’ve been waiting for. ALL batteries included (from build, to formatting, to linting, and more) and all BLAZING FAST.

Build a complete RAG backend in Nuxt using Gemini File Search in under an hour. Create stores, index documents, and ask questions and get answers grounded in your documents. Use polling and streaming for the best UX.

Learn how to manage server state in Vue with Pinia Colada. Master queries, mutations, caching, and optimistic updates with practical, real-world examples.

Learn battle-tested Vue component design patterns to write more maintainable and scalable applications. This course covers essential patterns like branching components, slots, list architecture, tightly coupled, and smart/dumb component separation through practical examples.

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!

Build AI apps with AI SDK v6, Vue, and Nuxt. Learn text and image generation, streaming, structured data, tool calling, MCP tools, and full chat UI integration.

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 common performance centered solutions such as virtual lists, the v-memo directive, the shallowRef function, and more!

Master authentication in Nuxt 3! Learn how to implement secure user authentication using Nuxt Auth Utils - from social logins with GitHub, to email/password authentication, and cutting-edge passkeys.

Discover the latest features and improvements in Nuxt 4, the latest version of the popular Vue.js framework. This course covers key updates including better performance, file structure changes, improved data handling, and migration path options. Perfect for Nuxt developers looking to stay current with the framework's latest capabilities.

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 Wordle completely from scratch! Besides learning Test Driven Development, this course will also be a great way to sharpen your skills with Vue 3 and its composition API; as well as learn how to write tests with Vitest and Vue Test Utils.

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

Create beautiful, responsive & accessible web apps quickly with Nuxt UI. It’s an officially maintained library with a wealth of components ready to go!

Learn how to integrate GPU-driven shaders into Vue components: build a WebGL shader from scratch, work with uniforms and textures, and create reactive, high-performance visuals—all within Vue’s lifecycle.

Build a feature-rich document editor in no time with CKEditor. Learn how to integrate enterprise-grade text editing capabilities (like rich text, real time collab, and image uploads) into your applications with minimal effort.

Master file uploads in Vue.js with our comprehensive course teaching you to build a production-grade drag-and-drop uploader featuring file previews, progress indicators, and robust error handling—all using pure Vue.js and TypeScript.

Learn to build production-ready Nuxt Layers with this comprehensive course. Master reusable Vue components, server utilities, and provider-agnostic systems using a real-world email management layer. Perfect for developers building shareable Nuxt solutions across multiple projects.

Master Vue.js error handling with professional techniques for building robust, production-ready applications that gracefully handle failures at every level. Learn component error boundaries, composable error patterns, and app-wide error handling strategies that will elevate your Vue applications from fragile to fault-tolerant.

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

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 navigation change. You can also fetch data on the client only, on the server only, or on both. There are also various concepts to learn when it comes to caching that data for performance and different ways and reasons to fetch fresh data. In this course, we'll do a deep dive into useFetch and useAsyncData to make you a data fetching expert!

All user interfaces depend heavily on the data they display, manage, and mutate. It can be difficult to come up with variety of realistic values for our data sets when writing tests, thankfully, there are tools available to help us with that. Learn how to create large swaths of realistic-ish fake data to help you jump start your app development quickly.

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

Modern applications require robust content editing well beyond plain text and even beyond traditional WYSIWYG editors. Your Vue applications are no exception! Learn how to add various implementations of rich text editing to your Vue apps with TinyMCE. It’s a flexible and easy-to-use solution for powering all kinds of content editing from traditional rich text needs to use cases like HTML email templates, content for learning management systems, and even full-on CMS systems.

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 more. Quasar’s robust material design component library offers a sleek and intuitive API, with customizable components to meet your needs. Quasar stays current with technology trends while maintaining backward compatibility. It embraced Vue 3 early with minimal changes, ensuring you can build robust apps without major disruptions. Grab a coffee and settle in! By the end of this course, you'll be ready to tackle your app-building projects with confidence. Let's get started!

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

UnPlugin Vue Router enables file based routing for vanilla Vue.js projects plus makes routes typesafe. Learn the ins-and-outs of this vite plugin to supercharge the routing DX in your next Vue.js application.

Learn how to use TypeScript in your Vue projects to supercharge your IDE's error detection and autocompletion, as well as provide type safe code that's easier to reason about and refactor.

Nuxt is meta-framework built on top of Vue, that offers a variety of rendering modes and a ton of developer conveniences including auto-imported components and composables, page-based routing, and more! Version 3 of the meta-framework is shaping up to be twice as awesome as the previous.

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 according to the beautiful Material Design spec. It's also the most used UI library for Vue.js with over half a million weekly downloads!

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

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 request. Learn how to interact with this powerful API in the context of a Vue 3 application.

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 Tailwind CSS, and enhance it with VueUse.

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

In this course, learn the basics of getting started with Astro by building a simple blog. Also, learn to integrate it with your favorite JavaScript framework Vue.js for templating that’s familiar and for sprinkling in interactivity only where required.

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 by creating your own UI framework for Vue.js.

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, we cover everything you need to know in order to get a Vue.js project up and running with Vite.

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!

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.

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

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

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

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

Master VueUse with 200+ composition utilities for animations, browser APIs, sensors, and smart reactive state management. Learn to enhance your Vue.js apps with ease.

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

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 to fix them.

Monitoring for issues is an important part of any successful Vue.js application. Sentry allows us to know what issues customers are having in real time and provides an intuitive way to understand those issues, direct those issues to the proper party for resolution, and release fixes for them.

The Jamstack architecture is a modern approach that capitalizes on the power of JavaScript in the client and powerful site generators that output static html. In this course, learn how to pair the Storyblok CMS with Nuxt.js to create a feature rich site that's cheap, simple, and performant to host and serve.

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 digest format. Learn to support robust charts for your app with ChartJS for Vue.

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

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

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

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

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 in this complete, free course.

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

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

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 officially recommended IDE for Vue.js development: Visual Studio Code.

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

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 Vuex features by replacing pieces of the application with mutations, getters, and actions.

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

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

Master the art of Nuxt Modules in this hands-on course! From installation to crafting custom modules, you'll unleash the full potential of Nuxt, Vue, and JavaScript. Dive into practical coding sessions, and by the end, you'll be ready to create your own Nuxt magic.

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

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

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

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

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

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

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 course!

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 from scaffolding to deploying your first Nuxt.js application.

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

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

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

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

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

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

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

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

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

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 before or you just getting started!

This Vue.js course will teach you how to use Firebase Authentication in your vue.js applications and allow your users to authenticate with their favorite third-party provider (Twitter, Github, Google, etc.) or plain ol' email and password - without writing any server-side code!

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, and our goal is to make sure all online users get updates in realtime whenever a message is added, edited or deleted.

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 exciting technologies that synergize with Vue.

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

Build a full backend inside Nuxt: API routes, caching, KV storage, database, tasks, WebSockets, and deployment. Code along on a real team bookmarking app, no separate server required.