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: 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: Lightning Fast Builds w/ Vite
Description: Learn about Vite, the lightning-fast and lean build tool and dev server, billed as the next generation of front end tooling. Taught by its creator, Evan You.
Link: https://www.vuemastery.com/courses/lightning-fast-builds-with-vite/intro-to-vite
Difficulty: #ADVANCED
Lessons: 5 / 5
Tags: #vuemastery
Description: Learn about Vite, the lightning-fast and lean build tool and dev server, billed as the next generation of front end tooling. Taught by its creator, Evan You.
Link: https://www.vuemastery.com/courses/lightning-fast-builds-with-vite/intro-to-vite
Difficulty: #ADVANCED
Lessons: 5 / 5
Tags: #vuemastery
Vue Mastery
Intro to Vite
Vite Creator Evan You shares why he created this modern build tool and how it's the next generation of front-end tooling.
Title: Component Design Patterns
Description: Build your best components by understanding the best practices and pros and cons of various design patterns.
Link: https://www.vuemastery.com/courses/component-design-patterns/introduction
Difficulty: #ADVANCED
Lessons: 9 / 9
Tags: #vuemastery
Description: Build your best components by understanding the best practices and pros and cons of various design patterns.
Link: https://www.vuemastery.com/courses/component-design-patterns/introduction
Difficulty: #ADVANCED
Lessons: 9 / 9
Tags: #vuemastery
Vue Mastery
Introduction
Learn the core concepts that you will be learning that will make you successful at composing reusable components.
Title: Advanced Components
Description: Discover the full functionality of Vue components with Gregg Pollack & Evan You, the creator of Vue.
Link: https://www.vuemastery.com/courses/advanced-components/the-introduction
Difficulty: #ADVANCED
Lessons: 12 / 12
Tags: #vuemastery
Description: Discover the full functionality of Vue components with Gregg Pollack & Evan You, the creator of Vue.
Link: https://www.vuemastery.com/courses/advanced-components/the-introduction
Difficulty: #ADVANCED
Lessons: 12 / 12
Tags: #vuemastery
Vue Mastery
Introduction
Why you should take this course and what we'll cover together.
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: TypeScript with Vue.js 3
Description: Learn how to use TypeScript in your Vue projects to supercharge your IDE's error detection and autocompletion, as well as provide type safe co...
Link: https://vueschool.io/courses/typescript-with-vue-js-3
Difficulty: #Advanced
Lessons: 19 / 19
Tags: #vueschool #720p
Description: Learn how to use TypeScript in your Vue projects to supercharge your IDE's error detection and autocompletion, as well as provide type safe co...
Link: https://vueschool.io/courses/typescript-with-vue-js-3
Difficulty: #Advanced
Lessons: 19 / 19
Tags: #vueschool #720p
Vue School
TypeScript with Vue.js 3: Master TypeScript in Vue
Learn TypeScript with Vue.js 3! Type data, props, events, and work with both Composition and Options APIs to build scalable Vue apps.
Title: AI Chat Bot with Vue.js and GPT-4
Description: 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 reques...
Link: https://vueschool.io/courses/ai-chat-bot-with-vue-js-and-gpt-4
Difficulty: #Advanced
Lessons: 17 / 17
Tags: #vueschool #720p
Description: 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 reques...
Link: https://vueschool.io/courses/ai-chat-bot-with-vue-js-and-gpt-4
Difficulty: #Advanced
Lessons: 17 / 17
Tags: #vueschool #720p
Vue School
AI Chat Bot with Vue.js and GPT-4: Build Smarter Apps
Learn to build AI-powered chat bots and applications with Vue.js and GPT-4. Train custom AI assistants, automate tasks, and more.
Title: Build a Drag-and-Drop Trello Board with Vue.js
Description: Get hands on with this fun Trello board project! Learn how to create a drag and drop interface with Vue Draggable, style it with Tailwind CSS,...
Link: https://vueschool.io/courses/build-a-drag-and-drop-trello-board
Difficulty: #Advanced
Lessons: 16 / 16
Tags: #vueschool #720p
Description: Get hands on with this fun Trello board project! Learn how to create a drag and drop interface with Vue Draggable, style it with Tailwind CSS,...
Link: https://vueschool.io/courses/build-a-drag-and-drop-trello-board
Difficulty: #Advanced
Lessons: 16 / 16
Tags: #vueschool #720p
Vue School
Build a Drag and Drop Trello Board with Vue Draggable
Master building a drag and drop Trello board with Vue.js, Vue Draggable, VueUse, and Tailwind CSS in this hands-on, practical course!
Title: Rapid Testing with Vitest
Description: 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.
Link: https://vueschool.io/courses/rapid-testing-with-vitest
Difficulty: #Advanced
Lessons: 25 / 34
Tags: #vueschool #inprogress #720p
Description: 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.
Link: https://vueschool.io/courses/rapid-testing-with-vitest
Difficulty: #Advanced
Lessons: 25 / 34
Tags: #vueschool #inprogress #720p
Vue School
Rapid Testing with Vitest: Master Unit Testing & Mocking
Testing just got easier! Master unit testing with Vitest, TDD, mocking, and testing Vue 3 components for fast, reliable results.
Title: Pinia: The Enjoyable Vue Store
Description: Learn how to use Pinia for global state management in your Vue 3 applications.
Link: https://vueschool.io/courses/pinia-the-enjoyable-vue-store
Difficulty: #Advanced
Lessons: 24 / 24
Tags: #vueschool #720p
Description: Learn how to use Pinia for global state management in your Vue 3 applications.
Link: https://vueschool.io/courses/pinia-the-enjoyable-vue-store
Difficulty: #Advanced
Lessons: 24 / 24
Tags: #vueschool #720p
Vue School
Pinia: The Enjoyable Vue Store
Unlock the power of Pinia, the official state management solution for Vue.js. Effortlessly build type-safe stores with Vue Options and Composition APIs!
Title: Custom Vue.js 3 Plugins
Description: Build a custom tooltip plugin from the ground up and learn what it takes to develop and deliver a reusable Vue.js plugin.
Link: https://vueschool.io/courses/custom-vue-js-3-plugins
Difficulty: #Advanced
Lessons: 17 / 17
Tags: #vueschool #720p
Description: Build a custom tooltip plugin from the ground up and learn what it takes to develop and deliver a reusable Vue.js plugin.
Link: https://vueschool.io/courses/custom-vue-js-3-plugins
Difficulty: #Advanced
Lessons: 17 / 17
Tags: #vueschool #720p
Vue School
Custom Vue.js 3 Plugins: Boost Reusability and Functionality
Create custom Vue.js 3 plugins! Learn plugin creation, plugin option handling, and advanced features like TypeScript and npm publishing.
Title: Laravel Backends for Vue.js 3
Description: In this course, we'll build out a Vue.js front-end fine tuned for interaction with a Laravel powered REST API.
Link: https://vueschool.io/courses/laravel-backends-for-vue-js-3
Difficulty: #Advanced
Lessons: 34 / 34
Tags: #vueschool #720p
Description: In this course, we'll build out a Vue.js front-end fine tuned for interaction with a Laravel powered REST API.
Link: https://vueschool.io/courses/laravel-backends-for-vue-js-3
Difficulty: #Advanced
Lessons: 34 / 34
Tags: #vueschool #720p
Vue School
Laravel Backends for Vue.js 3 and Nuxt
Build secure full-stack apps with Laravel, Vue.js, and Nuxt. Learn Auth, REST APIs, CRUD, and SSR through in this hands-on course.
Title: Vuex for Everyone
Description: 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 Vue...
Link: https://vueschool.io/courses/vuex-for-everyone
Difficulty: #Advanced
Lessons: 16 / 16
Tags: #vueschool #720p
Description: 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 Vue...
Link: https://vueschool.io/courses/vuex-for-everyone
Difficulty: #Advanced
Lessons: 16 / 16
Tags: #vueschool #720p
Vue School
Learn Vuex in Vuex for Everyone, a FREE Vue.js Video Course
Learn Vuex in our FREE video course. 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...
Title: Functional Components
Description: Learn all you need to know to take full advantage of functional components in your Vue.js applications.
Link: https://vueschool.io/courses/functional-components
Difficulty: #Advanced
Lessons: 8 / 8
Tags: #vueschool #720p
Description: Learn all you need to know to take full advantage of functional components in your Vue.js applications.
Link: https://vueschool.io/courses/functional-components
Difficulty: #Advanced
Lessons: 8 / 8
Tags: #vueschool #720p
Vue School
Learn how to use Functional Components in your Vue.js Applications...
Functional components can speed up your Vue.js applications. Learn everything you need to know about functional components in this video course.
Title: Vue.js 3 Custom Directives
Description: Learn how to create custom directives in Vue.js 3. Directives are special HTML attributes that allow us to do powerful DOM manipulations, like...
Link: https://vueschool.io/courses/vue-js-3-custom-directives
Difficulty: #Advanced
Lessons: 11 / 11
Tags: #vueschool #720p
Description: Learn how to create custom directives in Vue.js 3. Directives are special HTML attributes that allow us to do powerful DOM manipulations, like...
Link: https://vueschool.io/courses/vue-js-3-custom-directives
Difficulty: #Advanced
Lessons: 11 / 11
Tags: #vueschool #720p
Vue School
Learn How to Create Custom Vue.js Directives with Arguments and...
Vue.js Directives are special HTML attributes that allow us to manipulate the DOM. Directives are very powerful and we use them every day. Common directives are v-if, v-for and v-model. The course...
Title: Reusable Vue.js Components with Slots
Description: Learn how to master slots and scoped slots, to build flexible and reusable vue.js components.
Link: https://vueschool.io/courses/reusable-vuejs-components-with-slots
Difficulty: #Advanced
Lessons: 10 / 10
Tags: #vueschool #720p
Description: Learn how to master slots and scoped slots, to build flexible and reusable vue.js components.
Link: https://vueschool.io/courses/reusable-vuejs-components-with-slots
Difficulty: #Advanced
Lessons: 10 / 10
Tags: #vueschool #720p
Vue School
Course: Scoped Slots in Vue.js
Learn how to master slots and scoped slots, to build flexible and reusable vue.js components.
Title: Static Site Generation with Nuxt.js
Description: Learn how to generate static websites (pre-rendering) with Nuxt.js to improve both performance and SEO while eliminating hosting costs.
Link: https://vueschool.io/courses/static-site-generation-with-nuxtjs
Difficulty: #Advanced
Lessons: 4 / 4
Tags: #vueschool #completed #720p
Description: Learn how to generate static websites (pre-rendering) with Nuxt.js to improve both performance and SEO while eliminating hosting costs.
Link: https://vueschool.io/courses/static-site-generation-with-nuxtjs
Difficulty: #Advanced
Lessons: 4 / 4
Tags: #vueschool #completed #720p
Vue School
Learn How to Generate Static Sites with Nuxt.js
Prerendering or static site generation is an invaluable technique that every front-end developer should know. Learn how easy it is to do so with the Nuxt.js framework in this video course.
Title: Testing Vue.js Components
Description: Learn everything you need to know to test your Vue.js components like a pro!
Link: https://vueschool.io/courses/learn-how-to-test-vuejs-components
Difficulty: #Advanced
Lessons: 11 / 11
Tags: #vueschool #720p
Description: Learn everything you need to know to test your Vue.js components like a pro!
Link: https://vueschool.io/courses/learn-how-to-test-vuejs-components
Difficulty: #Advanced
Lessons: 11 / 11
Tags: #vueschool #720p
Vue School
Learn How to Test Your Vue.js Components
Learn how to test Vue.js components with the official unit testing library for Vue.js - Vue Test Utils.