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