----
Title: Vue.js 3 Custom Directives
Link: https://vueschool.io/courses/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...
Difficulty: #ADVANCED
Type: #PREMIUM
Lessons: 11
Tags: #vueschool
----

Title: 1 - Understanding Vue.js Directives
Link: https://vueschool.io/lessons/vue-3-understanding-vue-js-directives
Time: 2:34

Title: 2 - Create a Custom Vue.js 3 Directive
Link: https://vueschool.io/lessons/vue-3-create-a-custom-vue-js-3-directive
Time: 1:23

Title: 3 - The Custom Directive's Value
Link: https://vueschool.io/lessons/vue-3-the-custom-directive-s-value
Time: 3:21

Title: 4 - Directives are Reactive
Link: https://vueschool.io/lessons/vue-3-directives-are-reactive
Time: 1:31

Title: 5 - Vue.js Custom Directive Argument
Link: https://vueschool.io/lessons/vue-3-vue-js-custom-directive-argument
Time: 1:50

Title: 6 - Vue.js Custom Directive Modifiers
Link: https://vueschool.io/lessons/vue-3-vue-js-custom-directive-modifiers
Time: 1:48

Title: 7 - The Directive’s Mounted Hook
Link: https://vueschool.io/lessons/vue-3-the-directive-s-mounted-hook
Time: 1:54

Title: 8 - The Directive’s unMounted Hook
Link: https://vueschool.io/lessons/vue-3-the-directive-s-unmounted-hook
Time: 3:07

Title: 9 - Click Outside Directive
Link: https://vueschool.io/lessons/click-outside-directive-1
Time: 4:07

Title: 10 - Register Directives Globally
Link: https://vueschool.io/lessons/register-directives-globally
Time: 2:19

Title: 11 - Course Conclusion
Link: https://vueschool.io/lessons/vue-3-custom-vue-directives-course-conclusion
Time: 1:35

----
Title: Vue.js Form Validation
Link: https://vueschool.io/courses/vuejs-form-validation
Description: Learn how to validate your forms with Vue.js and Vuelidate like a pro.
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 12
Tags: #vueschool
----

Title: 1 - Do It Yourself Form Validation
Link: https://vueschool.io/lessons/vuejs-form-validation-diy
Time: 6:25

Title: 2 - Form Validation with Vuelidate
Link: https://vueschool.io/lessons/vuejs-form-validation-with-vuelidate
Time: 5:09

Title: 3 - Display Detailed Errors when Validating a Form
Link: https://vueschool.io/lessons/display-detailed-errors-when-validating-a-form
Time: 2:19

Title: 4 - Display Error Messages After User Input
Link: https://vueschool.io/lessons/display-error-messages-after-user-input
Time: 3:21

Title: 5 - Dynamic Classes Based on Validation Status
Link: https://vueschool.io/lessons/dynamic-classes-based-on-validation-status
Time: 1:10

Title: 6 - Display Form Errors on Submit
Link: https://vueschool.io/lessons/display-form-errors-on-submit
Time: 1:21

Title: 7 - Display Errors After Input is Complete
Link: https://vueschool.io/lessons/display-errors-after-input-is-complete
Time: 2:01

Title: 8 - A Validators Responsibility
Link: https://vueschool.io/lessons/a-validators-responsibility
Time: 0:59

Title: 9 - Form Validation Helpers
Link: https://vueschool.io/lessons/form-validation-helpers
Time: 2:42

Title: 10 - Custom Vuelidate Rules
Link: https://vueschool.io/lessons/custom-vuelidate-rules
Time: 3:08

Title: 11 - Conditional Validation
Link: https://vueschool.io/lessons/conditional-validation-vuejs
Time: 1:11

Title: 12 - Asynchronous Validation
Link: https://vueschool.io/lessons/asynchronous-form-validation-vuejs
Time: 4:37

----
Title: Vue-Apollo GraphQL Fundamentals
Link: https://vueschool.io/courses/vue-apollo-graphql-fundamentals
Description: Learn how to consume and use GraphQL APIs in your Vue.js apps with Vue-Apollo.
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 10
Tags: #vueschool
----

Title: 1 - What is Vue-Apollo?
Link: https://vueschool.io/lessons/what-is-vue-apollo
Time: 2:04

Title: 2 - Setup Vue & Apollo
Link: https://vueschool.io/lessons/setup-vue-apollo
Time: 5:12

Title: 3 - Setup GraphQL Tooling
Link: https://vueschool.io/lessons/setup-graphql-tooling
Time: 3:23

Title: 4 - Query GraphQL Data
Link: https://vueschool.io/lessons/query-graphql-data
Time: 7:35

Title: 5 - Dynamic Arguments
Link: https://vueschool.io/lessons/dynamic-arguments
Time: 5:32

Title: 6 - Mutate GraphQL Data
Link: https://vueschool.io/lessons/mutate-graphql-data
Time: 10:14

Title: 7 - Automatically Refetch Queries
Link: https://vueschool.io/lessons/automatically-refetch-queries
Time: 1:29

Title: 8 - Updating the cache after a mutation
Link: https://vueschool.io/lessons/updating-the-cache-after-a-mutation
Time: 2:57

Title: 9 - Optimistic Response
Link: https://vueschool.io/lessons/optimistic-response
Time: 4:02

Title: 10 - Error Handling
Link: https://vueschool.io/lessons/error-handling
Time: 2:55

----
Title: VueUse for Everyone
Link: https://vueschool.io/courses/vueuse-for-everyone
Description: Learn how to utilize VueUse in your Vue.js applications to reactively interact with various browser features, sensors, and more!
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 28
Tags: #vueschool
----

Title: 1 - Intro to VueUse
Link: https://vueschool.io/lessons/intro-to-vueuse
Time: 3:44

Title: 2 - Installation & Course Prerequisites
Link: https://vueschool.io/lessons/installation-course-prerequisites
Time: 2:53

Title: 3 - Reactive Browser Wrappers in VueUse - useTitle
Link: https://vueschool.io/lessons/reactive-browser-wrappers-in-vueuse-usetitle
Time: 3:27

Title: 4 - Reactive Browser Wrappers in Vueuse - useClipboard
Link: https://vueschool.io/lessons/reactive-browser-wrappers-in-vueuse-useclipboard
Time: 4:05

Title: 5 - Theming with VueUse useDark and useColorMode
Link: https://vueschool.io/lessons/theming-with-vueuse-usedark-and-usecolormode
Time: 6:42

Title: 6 - The Keyboard and VueUse
Link: https://vueschool.io/lessons/the-keyboard-and-vueuse
Time: 6:07

Title: 7 - The Keyboard and VueUse (Part 2)
Link: https://vueschool.io/lessons/the-keyboard-and-vueuse-part-2
Time: 4:20

Title: 8 - Device Sensors and VueUse
Link: https://vueschool.io/lessons/device-sensors-and-vueuse
Time: 4:34

Title: 9 - Mouse & Touch with VueUse
Link: https://vueschool.io/lessons/mouse-touch-with-vueuse
Time: 8:34

Title: 10 - Scroll and VueUse
Link: https://vueschool.io/lessons/scroll-and-vueuse
Time: 6:09

Title: 11 - Media and VueUse
Link: https://vueschool.io/lessons/media-and-vueuse
Time: 3:21

Title: 12 - useInterval and useIntervalFn in VueUse
Link: https://vueschool.io/lessons/useinterval-and-useintervalfn-in-vueuse
Time: 4:44

Title: 13 - Create an Animated Sprite with useIntevalFn and useRafFn
Link: https://vueschool.io/lessons/create-an-animated-sprite-with-useintevalfn-and-useraffn
Time: 7:18

Title: 14 - Timeouts and VueUse
Link: https://vueschool.io/lessons/timeouts-and-vueuse
Time: 7:28

Title: 15 - Animating Time with VueUse
Link: https://vueschool.io/lessons/animating-time-with-vueuse
Time: 6:00

Title: 16 - Transitions and VueUse
Link: https://vueschool.io/lessons/transitions-and-vueuse
Time: 8:08

Title: 17 - Ref History with VueUse
Link: https://vueschool.io/lessons/ref-history-with-vueuse
Time: 8:44

Title: 18 - Persistent Storage with VueUse
Link: https://vueschool.io/lessons/persistent-storage-with-vueuse
Time: 5:04

Title: 19 - VueUse Utilities: useFetch and Reactify
Link: https://vueschool.io/lessons/vueuse-utilities-usefetch-and-reactify
Time: 8:22

Title: 20 - VueUse Utilities: refAutoReset and useBase64
Link: https://vueschool.io/lessons/vueuse-utilities-refautoreset-and-usebase64
Time: 5:28

Title: 21 - VueUse Utilities: computedAsync and logic utils
Link: https://vueschool.io/lessons/vueuse-utilities-computedasync-and-logic-utils
Time: 5:47

Title: 22 - Create an Image Carousel with VueUse
Link: https://vueschool.io/lessons/create-an-image-carousel-with-vueuse
Time: 4:14

Title: 23 - How to Extend a VueUse Composable
Link: https://vueschool.io/lessons/how-to-extend-a-vueuse-composable
Time: 10:32

Title: 24 - DOM Elements and the Window with VueUse
Link: https://vueschool.io/lessons/dom-elements-and-the-window-with-vueuse
Time: 5:52

Title: 25 - Vue Components and VueUse
Link: https://vueschool.io/lessons/vue-components-and-vueuse
Time: 11:04

Title: 26 - Deconstruct the VueUse useFavicon Composable
Link: https://vueschool.io/lessons/deconstruct-the-vueuse-usefavicon-composable
Time: 8:43

Title: 27 - Create a Custom useAlertFavicon Composable
Link: https://vueschool.io/lessons/create-a-custom-usealertfavicon-composable
Time: 11:22

Title: 28 - Course Conclusion
Link: https://vueschool.io/lessons/vueuse-for-everyone-course-conclusion
Time: 2:06