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.
Title: Real World Testing
Description: Explore how to thoroughly test a production-level Vue app
Link: https://www.vuemastery.com/courses/real-world-testing/getting-started
Difficulty: #INTERMEDIATE
Lessons: 5 / 6
Tags: #vuemastery #vue3
One lesson broken duo vuemaster
Description: Explore how to thoroughly test a production-level Vue app
Link: https://www.vuemastery.com/courses/real-world-testing/getting-started
Difficulty: #INTERMEDIATE
Lessons: 5 / 6
Tags: #vuemastery #vue3
Vue Mastery
Getting Started
Gain confidence testing your Vue apps in this Real World Testing course
Title: Build a Gmail Clone with Vue 3
Description: Put theory into practice by building a feature-rich email app that makes use of the core new features of Vue 3.
Link: https://www.vuemastery.com/courses/build-a-gmail-clone-with-vue3/tour-the-project
Difficulty: #ADVANCED
Lessons: 16 / 16
Tags: #vuemastery #vue3
Description: Put theory into practice by building a feature-rich email app that makes use of the core new features of Vue 3.
Link: https://www.vuemastery.com/courses/build-a-gmail-clone-with-vue3/tour-the-project
Difficulty: #ADVANCED
Lessons: 16 / 16
Tags: #vuemastery #vue3
Vue Mastery
Tour the Project
Let’s take a look at the email app we’ll be building with Vue 3
Title: Progressive Web Apps w/ Vue 3
Description: In this course, you’ll learn how to get started with building a web app that’s offline-ready with Vue 3 and Progressive Web Apps.
Link: https://www.vuemastery.com/courses/progressive-web-apps-vue-3/what-are-progressive-web-apps
Difficulty: #INTERMEDIATE
Lessons: 10 / 10
Tags: #vuemastery #vue3
Description: In this course, you’ll learn how to get started with building a web app that’s offline-ready with Vue 3 and Progressive Web Apps.
Link: https://www.vuemastery.com/courses/progressive-web-apps-vue-3/what-are-progressive-web-apps
Difficulty: #INTERMEDIATE
Lessons: 10 / 10
Tags: #vuemastery #vue3
Vue Mastery
What are progressive web apps?
Rather than having to rewrite your entire app with a mobile language like Swift or Kotlin, what if we could leverage our existing work and allow users to install our web app like a mobile app? Well, with a technology known as progressive web apps, you can!