# Vue School

> Vue School (vueschool.io) is a premium video-course platform for learning Vue.js and modern front-end development, taught by Vue core-team members and industry experts. It has taught Vue.js to 250,000+ developers worldwide and organizes the Vue.js Nation conference. Learners follow structured video courses and learning paths from beginner to job-ready, with hands-on practice, cheatsheets, live workshops, and certification. Courses are delivered as video lessons; teams can buy seats and track progress.

Vue School covers Vue.js and the surrounding ecosystem — Nuxt, Pinia, TypeScript, Vite and more.

## Start here

The fastest ways to begin learning Vue.js for free.

- [Learn Vue.js — free, interactive tutorial](https://vueschool.io/learn-vue): A hands-on Vue 3 tutorial and learning path with runnable, interactive examples (edit the state and watch it react) and custom diagrams of how reactivity tracks and triggers, the component lifecycle, computed-vs-watch, and provide/inject. Teaches reactivity, components, props and events, slots, computed, watchers, lifecycle hooks, composables, Vue Router, Pinia, data fetching, and project structure — a sequenced path from your first component to a real application.
- [Free Vue.js Fundamentals course (Composition API)](https://vueschool.io/courses/vue-js-fundamentals-with-the-composition-api): The free course that teaches modern Vue end to end.

## Key Pages

The main entry points for learning Vue.js with Vue School.

- [Courses](https://vueschool.io/courses): Full library of Vue.js, Nuxt, Pinia and TypeScript video courses.
- [The Vue.js 3 Master Class](https://vueschool.io/the-vuejs-3-master-class): Build a complete real-world Vue.js 3 application from scratch.
- [Learning Paths](https://vueschool.io/learning-paths): Guided curricula from fundamentals to mastery.
- [Cheat Sheets](https://vueschool.io/cheatsheets): Free downloadable Vue.js, Nuxt and Pinia quick-reference guides.
- [Articles & Tutorials](https://vueschool.io/articles): Practical Vue.js tutorials, news and insights from industry experts.
- [Plans & Pricing](https://vueschool.io/plans): Free and paid membership plans for individuals and teams.
- [About Vue School](https://vueschool.io/about-us): The team behind the #1 source for Vue.js training and Vue.js Nation.

## For teams and organizations

Training options for engineering teams.

- [Live group training](https://vueschool.io/live-group-training): Live, tailor-made Vue.js group training for engineering teams.
- [Corporate and in-house training](https://vueschool.io/inhouse): Intensive onsite Vue.js workshops delivered at your office by Vue School trainers.

## Certification

Validate Vue.js skills with an exam-based certificate.

- [Official Vue.js Certification](https://certificates.dev/vuejs): The official, exam-based Vue.js certification program.

## Courses

The full Vue School course catalog.

- [The Vue.js Master Class 2024 Edition](https://vueschool.io/courses/the-vuejs-3-master-class): 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.
- [Vue.js 3 Fundamentals with the Composition API](https://vueschool.io/courses/vue-js-fundamentals-with-the-composition-api): 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!
- [Vue Component Fundamentals with the Composition API](https://vueschool.io/courses/vue-component-fundamentals-with-the-composition-api): 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.
- [Vitest for Vue Developers: Testing in the Age of AI](https://vueschool.io/courses/vitest-for-vue-developers-testing-in-the-age-of-ai): Learn Vitest for Vue developers. Not just syntax but practical component, composable, API, and backend testing at the right seams for smarter AI agents
- [AI Agent Skills for Vue Developers](https://vueschool.io/courses/ai-agent-skills-for-vue-developers): 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.
- [The Vite Plus Crash Course](https://vueschool.io/courses/the-vite-plus-crash-course-vc): 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.
- [RAG with Nuxt and Gemini File Search](https://vueschool.io/courses/rag-with-nuxt-and-gemini-file-search): 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.
- [Pinia Colada: Scalable Data Handling in Vue](https://vueschool.io/courses/pinia-colada-scalable-data-handling-in-vue-shv): Learn how to manage server state in Vue with Pinia Colada. Master queries, mutations, caching, and optimistic updates with practical, real-world examples.
- [Vue Component Design: Master Scalable Vue.js Patterns](https://vueschool.io/courses/vue-component-design-2): 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.
- [Vue Composables: How to Craft Reusable Stateful Logic](https://vueschool.io/courses/vue-composables): 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!
- [AI Interfaces with Vue, Nuxt, and the AI SDK](https://vueschool.io/courses/ai-interfaces-with-vue-nuxt-and-the-ai-sdk): 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.
- [The Ultimate Guide to Vue Performance](https://vueschool.io/courses/the-ultimate-guide-to-vue-performance): 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!
- [Nuxt Auth Utils: Secure, Simple, and Flexible Logins](https://vueschool.io/courses/nuxt-auth-utils-secure-simple-and-flexible-logins): 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.
- [What’s New in Nuxt 4: Key Updates for Nuxt.js Developers](https://vueschool.io/courses/what-s-new-in-nuxt-4): 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.
- [A “Wordle” on Test Driven Development in Vue.js](https://vueschool.io/courses/a-wordle-on-test-driven-development-in-vue-js): 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.
- [ShadCN Vue — Modern UIs with Minimal Effort](https://vueschool.io/courses/shadcn-vue-modern-uis-with-minimal-effort): Master ShadCN Vue—modern Vue components built with Tailwind. Learn UI building blocks, theming, forms, dialogs, tables, and more.
- [Nuxt UI: Build a Dashboard Template](https://vueschool.io/courses/nuxt-ui-build-a-dashboard-template): Create beautiful, responsive & accessible web apps quickly with Nuxt UI. It’s an officially maintained library with a wealth of components ready to go!
- [Building Shader Effects in Vue](https://vueschool.io/courses/building-shader-effects-in-vue): 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 Google Docs Clone with CKEditor in 30 Minutes](https://vueschool.io/courses/google-docs-clone-with-ckeditor-in-30-minutes): 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.
- [File Uploads in Vue.js](https://vueschool.io/courses/file-uploads-in-vue-js): 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.
- [Authoring Nuxt Layers:  Build a Custom Email Layer](https://vueschool.io/courses/authoring-nuxt-layers-build-a-custom-email-layer-2): 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.
- [Handling Errors in Vue like a Pro](https://vueschool.io/courses/handling-errors-in-vue-like-a-pro): 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.
- [JavaScript Error Handling](https://vueschool.io/courses/javascript-error-handling): 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.
- [The Complete Guide to Data Fetching in Nuxt](https://vueschool.io/courses/the-complete-guide-to-data-fetching-in-nuxt): 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!
- [Generating Fake Data with Faker.js](https://vueschool.io/courses/generating-fake-data-with-faker-js): 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.
- [Vue.js Transitions and Animations](https://vueschool.io/courses/vue-js-transitions-and-animations): Unlock the full potential of Vue with its built-in support for transitions and animations. Plus, discover third-party transition and animation plugins.
- [Rich Text Editing and Beyond with TinyMCE and Vue](https://vueschool.io/courses/rich-text-editing-and-beyond-with-tinymce-and-vue): 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.
- [Quasar Fundamentals: Build Cross-Platform Vue.js Apps](https://vueschool.io/courses/quasar-fundamentals): 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!
- [Real-Time Data with Laravel Reverb and Vue.js](https://vueschool.io/courses/real-time-data-with-laravel-reverb-and-vue-js): Learn how to pair a Vue.js front-end with Laravel Reverb for real-time data support.
- [Enhanced Routing with UnPlugin Vue Router](https://vueschool.io/courses/enhanced-routing-with-unplugin-vue-router): 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.
- [TypeScript with Vue.js 3: Master TypeScript in Vue](https://vueschool.io/courses/typescript-with-vue-js-3): 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 Fundamentals: Build Full-Stack Vue.js Apps](https://vueschool.io/courses/nuxt-js-3-fundamentals): 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.
- [Material UI with Vuetify and Vue.js](https://vueschool.io/courses/material-ui-with-vuetify-and-vue-js): 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!
- [Web Scraping for Developers That Just Works](https://vueschool.io/courses/web-scraping-for-developers-that-just-works): Master web scraping with this hands-on course using Bright Data's infrastructure and modern tools like Playwright. Build production-ready scrapers.
- [AI Chat Bot with Vue.js and GPT-4: Build Smarter Apps](https://vueschool.io/courses/ai-chat-bot-with-vue-js-and-gpt-4): 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.
- [Build a Drag and Drop Trello Board with Vue Draggable](https://vueschool.io/courses/build-a-drag-and-drop-trello-board): 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.
- [Tailwind CSS Fundamentals](https://vueschool.io/courses/tailwind-css-fundamentals): Learn the basics of TailwindCSS and start styling your apps with the most popular styling tool in the web development community!
- [Content Sites with Astro and Vue.js](https://vueschool.io/courses/content-sites-with-astro-and-vue-js): 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.
- [Crafting a Custom Component Library with Vue and Daisy UI](https://vueschool.io/courses/crafting-a-custom-component-library-with-vue-and-daisy-ui): 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.
- [Rapid Development with Vite](https://vueschool.io/courses/rapid-development-with-vite): 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.
- [Vue.js 3 Fundamentals with the Options API](https://vueschool.io/courses/vuejs-3-fundamentals): 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!
- [Rapid Testing with Vitest: Master Unit Testing & Mocking](https://vueschool.io/courses/rapid-testing-with-vitest): 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.
- [Pinia: The Enjoyable Vue Store](https://vueschool.io/courses/pinia-the-enjoyable-vue-store): Master Pinia, the official Vue.js state management solution. Learn to build scalable, type-safe Vue stores with the Options & Composition APIs effortlessly!
- [TypeScript Fundamentals: Learn TypeScript from Scratch](https://vueschool.io/courses/typescript-fundamentals): Learn the basics of TypeScript, a super set of the JavaScript language aimed at making more scalable and maintainable JavaScript codebases with static typing.
- [Custom Vue.js 3 Plugins: Boost Reusability and Functionality](https://vueschool.io/courses/custom-vue-js-3-plugins): Build a custom tooltip plugin from the ground up and learn what it takes to develop and deliver a reusable Vue.js plugin.
- [Vue Router 4 for Everyone: Master Routing in Vue.js](https://vueschool.io/courses/vue-router-4-for-everyone): Learn how to build powerful Single Page Applications in Vue 3 with the Vue Router 4.
- [VueUse for Everyone: Unlock Vue.js Composition Power](https://vueschool.io/courses/vueuse-for-everyone): 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.
- [Advanced Components: Exposing Internal State](https://vueschool.io/courses/advanced-components-exposing-internal-state): Learn the various way of exposing a component's internal state for fine-grained control from the parent component.
- [Common Vue.js Mistakes and How to Avoid Them](https://vueschool.io/courses/common-vue-js-mistakes-and-how-to-avoid-them): 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.
- [Application Monitoring in Vue.js with Sentry](https://vueschool.io/courses/application-monitoring-in-vue-js-with-sentry): 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.
- [Jamstack: The Complete Guide](https://vueschool.io/courses/jamstack-the-complete-guide): 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 for Vue.js 3: Data Visualization with ChartJS](https://vueschool.io/courses/charts-for-vue-js-3): 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.
- [Robust Vue.js Forms with FormKit](https://vueschool.io/courses/robust-vue-js-forms-with-formkit): Learn how to create robust forms in Vue.js with built in validation, labels, help text, de-bouncing, and more!
- [Laravel Backends for Vue.js 3 and Nuxt](https://vueschool.io/courses/laravel-backends-for-vue-js-3): In this course, we'll build out a Vue.js & Nuxt front-end fine tuned for interaction with a Laravel powered REST API.
- [Vue 3 Single File Components](https://vueschool.io/courses/vue-3-single-file-components): Embrace the full power of JavaScript bundlers and Vue.js by learning how to create and manage Single File Components.
- [Vue 3 Composition API](https://vueschool.io/courses/vue-3-composition-api): Leverage the power of the new Composition API and build reusable features (composables) for scalable Vue applications.
- [Vue.js 3 Components Fundamentals With the Options API](https://vueschool.io/courses/vue-js-3-components-fundamentals): 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.
- [Modern JavaScript: ES6 and beyond!](https://vueschool.io/courses/modern-javascript-es6-and-beyond): Level up your JavaScript skills by mastering the modern and essential JavaScript techniques from ES6, ES7, and ES8.
- [What is new in Vue 3](https://vueschool.io/courses/whats-new-in-vue-3): Take a deep dive into the new and exciting features of Vue 3. Learn about Portals, Suspense, Composition API, Fragments, and much much more.
- [Visual Studio Code for Vue.js Developers](https://vueschool.io/courses/visual-studio-code-for-vue-js-developers): 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.
- [Vue.js 3 Custom Directives](https://vueschool.io/courses/vue-js-3-custom-directives): 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.
- [Vuex for Everyone](https://vueschool.io/courses/vuex-for-everyone): 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 Fundamentals](https://vueschool.io/courses/learn-graphql-fundamentals): 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.
- [Reusable Vue.js Components with Slots](https://vueschool.io/courses/reusable-vuejs-components-with-slots): Learn how to master slots and scoped slots, to build flexible and reusable vue.js components.
- [Nuxt Modules: The Ultimate Guide for Nuxt.js Developers](https://vueschool.io/courses/nuxt-modules-the-ultimate-guide): 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.
- [Vue-Apollo GraphQL Fundamentals](https://vueschool.io/courses/vue-apollo-graphql-fundamentals): Learn how to consume and use GraphQL APIs in your Vue.js apps with Vue-Apollo.
- [Web Accessibility Fundamentals](https://vueschool.io/courses/web-accessibility-fundamentals): Learn how to make the web accessible for everyone, despite their hardware, software, language, location, or ability.
- [Single File Components (Vue 2)](https://vueschool.io/courses/vuejs-single-file-components): Embrace the full power of JavaScript bundlers and Vue.js by learning how to create and manage Single File Components.
- [Storybook with Vue.js](https://vueschool.io/courses/storybook-with-vuejs): Document and showcase Vue.js components in an elegant UI with Storybook. Perfect for multi-disciplinary teams!
- [Static Site Generation with Nuxt.js (Nuxt 2)](https://vueschool.io/courses/static-site-generation-with-nuxtjs): Learn how to generate static websites (pre-rendering) with Nuxt.js to improve both performance and SEO while eliminating hosting costs.
- [Async Data with Nuxt.js (Nuxt 2)](https://vueschool.io/courses/async-data-with-nuxtjs): Learn how to manage asynchronous data and render your application server-side with Nuxt.js
- [Test with Jest](https://vueschool.io/courses/test-with-jest): 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!
- [Nuxt.js Fundamentals (Nuxt 2)](https://vueschool.io/courses/nuxtjs-fundamentals): 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.
- [Vue.js 3 Options API Masterclass](https://vueschool.io/courses/the-vuejs-3-options-api-master-class): Learn how to build a real-world application with Vue.js 3 in the supercharged and remastered Vue.js Masterclass.
- [Internationalization with vue-i18n](https://vueschool.io/courses/internationalization-with-vue-i18n): Master internationalization and learn how to create multilingual websites and vue.js applications with vue-i18n.
- [JavaScript Testing Fundamentals](https://vueschool.io/courses/javascript-testing-fundamentals): 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.
- [Testing Vue.js Components](https://vueschool.io/courses/learn-how-to-test-vuejs-components): Learn everything you need to know to test your Vue.js components like a pro!
- [Vue Router for Everyone (Vue 2)](https://vueschool.io/courses/vue-router-for-everyone): Learn how to build powerful Single Page Applications in Vue with the Vue Router.
- [Vue.js 2 Components Fundamentals](https://vueschool.io/courses/vuejs-components-fundamentals): Components are the puzzle pieces of a Vue.js website. Learn the fundamental and important concept of Vue.js 2 components in this course.
- [Custom Vue Directives](https://vueschool.io/courses/custom-vuejs-directives): 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.
- [Dynamic Forms with Vue.js](https://vueschool.io/courses/dynamic-forms-vuejs): Learn how to create dynamic forms that consist of multiple steps with Vue.js
- [Vue.js Form Validation](https://vueschool.io/courses/vuejs-form-validation): Learn how to validate your forms with Vue.js and Vuelidate like a pro.
- [Vue.js 2 Fundamentals](https://vueschool.io/courses/vuejs-fundamentals): 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!
- [Vue.js + Firebase Authentication](https://vueschool.io/courses/vuejs-firebase-authentication): 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!
- [Vue.js + Firebase Realtime Database](https://vueschool.io/courses/vuejs-firebase-realtime-database): 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.
- [The Vue.js 2 Master Class](https://vueschool.io/courses/the-vuejs-2-master-class): 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.
- [Functional Components](https://vueschool.io/courses/functional-components): Learn all you need to know to take full advantage of functional components in your Vue.js applications.
- [Nuxt Backends with Nitro: Database, File Storage, REST, and More](https://vueschool.io/courses/nuxt-backends-with-nitro-database-file-storage-rest-and-more): 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.