Title: Vue 3 Composition API
Description: Learn Vue 3's new Composition API, an alternative way to compose components for scalable Vue applications.
Link: https://www.vuemastery.com/courses/vue-3-essentials/why-the-composition-api
Difficulty: #ADVANCED
Lessons: 11 / 11
Tags: #vuemastery #vue3
Description: Learn Vue 3's new Composition API, an alternative way to compose components for scalable Vue applications.
Link: https://www.vuemastery.com/courses/vue-3-essentials/why-the-composition-api
Difficulty: #ADVANCED
Lessons: 11 / 11
Tags: #vuemastery #vue3
Vue Mastery
Why the Composition API
The killer feature of Vue 3 is the Composition API, but why exactly is it needed and what problems does it solve for us?
Title: From Vue 2 to Vue 3
Description: Bring yourself up to speed on new features and breaking changes when migrating from Vue 2 to Vue 3
Link: https://www.vuemastery.com/courses/from-vue2-to-vue3/from-vue-2-to-vue-3
Difficulty: #ADVANCED
Lessons: 6 / 6
Tags: #vuemastery #vue3
Description: Bring yourself up to speed on new features and breaking changes when migrating from Vue 2 to Vue 3
Link: https://www.vuemastery.com/courses/from-vue2-to-vue3/from-vue-2-to-vue-3
Difficulty: #ADVANCED
Lessons: 6 / 6
Tags: #vuemastery #vue3
Vue Mastery
From Vue 2 to Vue 3
Explore the topics this course covers and how it will help you make the best use of Vue 3's new capabilities and changes.
Title: Vue 3 Deep Dive with Evan You
Description: Understand Vue 3 from the inside out through the perspective of the creator himself, Evan You.
Link: https://www.vuemastery.com/courses/vue3-deep-dive-with-evan-you/vue3-overview
Difficulty: #ADVANCED
Lessons: 15 / 15
Tags: #vuemastery #vue3
Description: Understand Vue 3 from the inside out through the perspective of the creator himself, Evan You.
Link: https://www.vuemastery.com/courses/vue3-deep-dive-with-evan-you/vue3-overview
Difficulty: #ADVANCED
Lessons: 15 / 15
Tags: #vuemastery #vue3
Vue Mastery
Vue 3 Overview
Gregg Pollack introduces how Vue 3's core modules work together, to prep you to dive deep into Vue 3 concepts with Evan You.
Title: Vue 3 Reactivity
Description: The way Vue 3 does reactivity is entirely different from Vue 2. Learn how it works under the hood throughout this advanced course.
Link: https://www.vuemastery.com/courses/vue-3-reactivity/vue3-reactivity
Difficulty: #ADVANCED
Lessons: 6 / 6
Tags: #vuemastery #vue3
Description: The way Vue 3 does reactivity is entirely different from Vue 2. Learn how it works under the hood throughout this advanced course.
Link: https://www.vuemastery.com/courses/vue-3-reactivity/vue3-reactivity
Difficulty: #ADVANCED
Lessons: 6 / 6
Tags: #vuemastery #vue3
Vue Mastery
Vue 3 Reactivity
Vue 3's Reactivity system has been rewritten from the ground up. In this lesson we will start building our own Reactivity system step by step using the same design principles, to begin to understand how Vue 3 reactivity works.
Title: TypeScript Friendly Vue 3
Description: Get a better developer experience when using TypeScript in your Vue 3 apps by leveraging the script setup syntax.
Link: https://www.vuemastery.com/courses/typescript-friendly-vue3/introduction-to-the-script-setup-syntax
Difficulty: #ADVANCED
Lessons: 6 / 6
Tags: #vuemastery #vue3
Description: Get a better developer experience when using TypeScript in your Vue 3 apps by leveraging the script setup syntax.
Link: https://www.vuemastery.com/courses/typescript-friendly-vue3/introduction-to-the-script-setup-syntax
Difficulty: #ADVANCED
Lessons: 6 / 6
Tags: #vuemastery #vue3
Vue Mastery
Introduction to the Script Setup Syntax
Version 3 of Vue promotes the Script Setup syntax, which was previously an experimental feature, and is now an officially supported one. With it, we have a simpler way to write components with the Composition API and a more elegant way of using TypeScript…
Title: Unit Testing Vue 3
Description: Learn about the benefits of unit testing, and what you should and shouldn't be testing in your Vue apps.
Link: https://www.vuemastery.com/courses/unit-testing-vue-3/what-to-test-vue-3
Difficulty: #BEGINNER
Lessons: 5 / 6
Tags: #vuemastery #vue3
one lesson broken due to vuemastery
Description: Learn about the benefits of unit testing, and what you should and shouldn't be testing in your Vue apps.
Link: https://www.vuemastery.com/courses/unit-testing-vue-3/what-to-test-vue-3
Difficulty: #BEGINNER
Lessons: 5 / 6
Tags: #vuemastery #vue3
Vue Mastery
What to test
Learn about the benefits of unit testing, and what you should and shouldn't be testing in your Vue apps.
Title: Firebase with Vue 3 and VueFire
Description: Learn the foundations of using Firebase for the back end of your Vue apps.
Link: https://www.vuemastery.com/courses/firebase-with-vue3-and-vuefire/firebase-introduction
Difficulty: #INTERMEDIATE
Lessons: 12 / 12
Tags: #vuemastery #vue3
Description: Learn the foundations of using Firebase for the back end of your Vue apps.
Link: https://www.vuemastery.com/courses/firebase-with-vue3-and-vuefire/firebase-introduction
Difficulty: #INTERMEDIATE
Lessons: 12 / 12
Tags: #vuemastery #vue3
Vue Mastery
Introduction
In this course, you'll be working on a food review app that you'll be taking to the next level by implementing a database as well as user authentication with Firebase.
Title: Intro to Vue 3
Description: Learn the fundamentals of Vue 3 in this course that starts with the very basics.
Link: https://www.vuemastery.com/courses/intro-to-vue-3/intro-to-vue3
Difficulty: #BEGINNER
Lessons: 11 / 11
Tags: #vuemastery #vue3
Description: Learn the fundamentals of Vue 3 in this course that starts with the very basics.
Link: https://www.vuemastery.com/courses/intro-to-vue-3/intro-to-vue3
Difficulty: #BEGINNER
Lessons: 11 / 11
Tags: #vuemastery #vue3
Vue Mastery
Intro to Vue 3
Brand new to Vue? Start learning the basics in this lesson that explores the essential syntax.
Title: Pinia Fundamentals
Description: Learn the fundamentals of Pinia, Vue's new state management library, by building a simple Todo List App.
Link: https://www.vuemastery.com/courses/pinia-fundamentals/fundamentals-what-is-pinia
Difficulty: #BEGINNER
Lessons: 5 / 5
Tags: #vuemastery #vue3
Description: Learn the fundamentals of Pinia, Vue's new state management library, by building a simple Todo List App.
Link: https://www.vuemastery.com/courses/pinia-fundamentals/fundamentals-what-is-pinia
Difficulty: #BEGINNER
Lessons: 5 / 5
Tags: #vuemastery #vue3
Vue Mastery
What is Pinia?
Dive into how to use Pinia, Vue’s official state management library.
Title: Vue for React Devs: Similarities
Description: Rapidly learn Vue by applying the React knowledge you already have.
Link: https://www.vuemastery.com/courses/vue-for-react-devs-similarities/intro-to-vue-for-react-devs
Difficulty: #BEGINNER
Lessons: 6 / 6
Tags: #vuemastery #vue3
Description: Rapidly learn Vue by applying the React knowledge you already have.
Link: https://www.vuemastery.com/courses/vue-for-react-devs-similarities/intro-to-vue-for-react-devs
Difficulty: #BEGINNER
Lessons: 6 / 6
Tags: #vuemastery #vue3
Vue Mastery
Intro to Vue for React Devs
If you have experiences using React, you don't have to learn Vue.js from scratch like everyone else. You can leverage your React experience to expedite your Vue.js learning progress.
Title: Vue for React Devs: Differences
Description: Rapidly learn Vue by understanding the differences between Vue and React.
Link: https://www.vuemastery.com/courses/vue-for-react-devs-differences/reacting-to-changes
Difficulty: #BEGINNER
Lessons: 10 / 10
Tags: #vuemastery #vue3
Description: Rapidly learn Vue by understanding the differences between Vue and React.
Link: https://www.vuemastery.com/courses/vue-for-react-devs-differences/reacting-to-changes
Difficulty: #BEGINNER
Lessons: 10 / 10
Tags: #vuemastery #vue3
Vue Mastery
Reacting to changes
Understand how Vue’s reactive system is different from that of React.
Title: From Vuex to Pinia
Description: Transition your state management from Vuex to Pinia with the guidance of a Vue Core Team Member.
Link: https://www.vuemastery.com/courses/from-vuex-to-pinia/what-is-pinia
Difficulty: #INTERMEDIATE
Lessons: 8 / 8
Tags: #vuemastery #vue3
Description: Transition your state management from Vuex to Pinia with the guidance of a Vue Core Team Member.
Link: https://www.vuemastery.com/courses/from-vuex-to-pinia/what-is-pinia
Difficulty: #INTERMEDIATE
Lessons: 8 / 8
Tags: #vuemastery #vue3
Vue Mastery
What is Pinia?
Learn Vue 3’s new elegant state management library built upon the composition API
Title: Pinia Q&A
Description: Learn from the expert in this recording of a live Q&A with Creator of Pinia Eduardo San Martin Morote.
Link: https://www.vuemastery.com/courses/pinia-qa/pinia-qa-preview
Difficulty: #INTERMEDIATE
Lessons: 2 / 2
Tags: #vuemastery #vue3
Description: Learn from the expert in this recording of a live Q&A with Creator of Pinia Eduardo San Martin Morote.
Link: https://www.vuemastery.com/courses/pinia-qa/pinia-qa-preview
Difficulty: #INTERMEDIATE
Lessons: 2 / 2
Tags: #vuemastery #vue3
Vue Mastery
Pinia Q&A Preview
Learn from the expert in this recording of a live Q&A with Creator of Pinia, Eduardo San Martin Morote.
Title: Proven Pinia Patterns
Description: Explore more complex use cases and best practices of state management with Pinia.
Link: https://www.vuemastery.com/courses/proven-pinia-patterns/pinia-patterns-intro
Difficulty: #ADVANCED
Lessons: 7 / 7
Tags: #vuemastery #vue3
Description: Explore more complex use cases and best practices of state management with Pinia.
Link: https://www.vuemastery.com/courses/proven-pinia-patterns/pinia-patterns-intro
Difficulty: #ADVANCED
Lessons: 7 / 7
Tags: #vuemastery #vue3
Vue Mastery
Intro
Learn the pro-level patterns you’ll want to know when using Vue’s state management library
Title: 5 Elegant ways to use Pinia
Description: Discover how to use Pinia like a pro by watching its creator demonstrate 5 elegant ways to use Vue’s state management library.
Link: https://www.vuemastery.com/courses/5-elegant-ways-to-use-pinia/elegant-pinia-intro
Difficulty: #ADVANCED
Lessons: 6 / 6
Tags: #vuemastery #vue3
Description: Discover how to use Pinia like a pro by watching its creator demonstrate 5 elegant ways to use Vue’s state management library.
Link: https://www.vuemastery.com/courses/5-elegant-ways-to-use-pinia/elegant-pinia-intro
Difficulty: #ADVANCED
Lessons: 6 / 6
Tags: #vuemastery #vue3
Vue Mastery
Intro
Discover how to use Pinia like a pro by watching its creator demonstrate 5 elegant ways to use Vue’s state management library.
Title: Nuxt 3 Essentials
Description: Learn this intuitive framework that includes built-in tools and structure to build Vue apps that can scale.
Link: https://www.vuemastery.com/courses/nuxt-3-essentials/nuxt-3-overview
Difficulty: #INTERMEDIATE
Lessons: 6 / 6
Tags: #vuemastery #vue3
Description: Learn this intuitive framework that includes built-in tools and structure to build Vue apps that can scale.
Link: https://www.vuemastery.com/courses/nuxt-3-essentials/nuxt-3-overview
Difficulty: #INTERMEDIATE
Lessons: 6 / 6
Tags: #vuemastery #vue3
Vue Mastery
Overview
This first lesson describes what Nuxt is and why we need it
Title: Build a Blog w/ Nuxt 3 Content
Description: Build a blog using Nuxt 3, Nuxt Content v2, and Bulma CSS.
Link: https://www.vuemastery.com/courses/build-a-blog-nuxt3-content/nuxt3-blog-introduction
Difficulty: #INTERMEDIATE
Lessons: 8 / 8
Tags: #vuemastery #vue3
Description: Build a blog using Nuxt 3, Nuxt Content v2, and Bulma CSS.
Link: https://www.vuemastery.com/courses/build-a-blog-nuxt3-content/nuxt3-blog-introduction
Difficulty: #INTERMEDIATE
Lessons: 8 / 8
Tags: #vuemastery #vue3
Vue Mastery
Introduction
Learn about Nuxt 3 and Nuxt Content v2!
Title: Nuxt 3 Middleware
Description: Leverage Nuxt 3 middleware to run custom code before a page is rendered, enhancing your apps' security and maintainability at scale.
Link: https://www.vuemastery.com/courses/nuxt-3-middleware/middleware-introduction
Difficulty: #INTERMEDIATE
Lessons: 10 / 10
Tags: #vuemastery #vue3
Description: Leverage Nuxt 3 middleware to run custom code before a page is rendered, enhancing your apps' security and maintainability at scale.
Link: https://www.vuemastery.com/courses/nuxt-3-middleware/middleware-introduction
Difficulty: #INTERMEDIATE
Lessons: 10 / 10
Tags: #vuemastery #vue3
Vue Mastery
Introduction
In this course, we'll be learning about the fundamentals of middleware, exploring its various types and uses. By the end, you'll be well-equipped to handle authentication, redirection, and custom logic like a pro.
Title: Vue 3 Forms
Description: Create simpler and more powerful reusable forms with Vue 3.
Link: https://www.vuemastery.com/courses/vue3-forms/forms-introduction
Difficulty: #INTERMEDIATE
Lessons: 9 / 9
Tags: #vuemastery #vue3
Description: Create simpler and more powerful reusable forms with Vue 3.
Link: https://www.vuemastery.com/courses/vue3-forms/forms-introduction
Difficulty: #INTERMEDIATE
Lessons: 9 / 9
Tags: #vuemastery #vue3
Vue Mastery
Introduction
Find out what we’ll cover in this form fundamentals course and what knowledge you’ll need to get the most out of it.
Title: Validating Vue 3 Forms
Description: Learn how to validate any type and size of form in Vue 3 by leveraging the power of Vee-Validate.
Link: https://www.vuemastery.com/courses/validating-vue3-forms/why-vee-validate
Difficulty: #INTERMEDIATE
Lessons: 6 / 6
Tags: #vuemastery #vue3
Description: Learn how to validate any type and size of form in Vue 3 by leveraging the power of Vee-Validate.
Link: https://www.vuemastery.com/courses/validating-vue3-forms/why-vee-validate
Difficulty: #INTERMEDIATE
Lessons: 6 / 6
Tags: #vuemastery #vue3
Vue Mastery
Why Vee-Validate?
Explore the main reasons why using a form validation library, specifically Vee-Validate with Vue 3, can make form validation easy and streamlined.