----
Title: Vue.js + Firebase Authentication
Link: https://vueschool.io/courses/vuejs-firebase-authentication
Description: This Vue.js course will teach you how to use Firebase Authentication in your vue.js applications and allow your users to authenticate with the...
Difficulty: #BEGINNER
Type: #PREMIUM
Lessons: 8
Tags: #vueschool
----
Title: 1 - Introduction to Firebase Authentication
Link: https://vueschool.io/lessons/introduction-to-firebase-authentication
Time: 1:35
Title: 2 - Sign up, in, or out with Firebase Authentication
Link: https://vueschool.io/lessons/sign-up-in-or-out-with-firebase-authentication
Time: 7:48
Title: 3 - Firebase Authentication Error Handling
Link: https://vueschool.io/lessons/firebase-authentication-error-handling
Time: 3:17
Title: 4 - Firebase Authentication via Third-Party Providers
Link: https://vueschool.io/lessons/firebase-authentication-via-third-party-providers
Time: 3:37
Title: 5 - Update Firebase Authentication User Profile
Link: https://vueschool.io/lessons/update-a-firebase-authentication-users-profile
Time: 2:59
Title: 6 - Update Firebase Authentication User Email and Password
Link: https://vueschool.io/lessons/update-a-firebase-users-email-and-password
Time: 3:28
Title: 7 - Link Multiple Firebase Authentication Providers to One User Account
Link: https://vueschool.io/lessons/link-multiple-firebase-authentication-providers-to-one-user-account
Time: 5:19
Title: 8 - Additional User Data and Firebase Authentication
Link: https://vueschool.io/lessons/additional-user-data-and-firebase-authentication
Time: 4:19
Title: Vue.js + Firebase Authentication
Link: https://vueschool.io/courses/vuejs-firebase-authentication
Description: This Vue.js course will teach you how to use Firebase Authentication in your vue.js applications and allow your users to authenticate with the...
Difficulty: #BEGINNER
Type: #PREMIUM
Lessons: 8
Tags: #vueschool
----
Title: 1 - Introduction to Firebase Authentication
Link: https://vueschool.io/lessons/introduction-to-firebase-authentication
Time: 1:35
Title: 2 - Sign up, in, or out with Firebase Authentication
Link: https://vueschool.io/lessons/sign-up-in-or-out-with-firebase-authentication
Time: 7:48
Title: 3 - Firebase Authentication Error Handling
Link: https://vueschool.io/lessons/firebase-authentication-error-handling
Time: 3:17
Title: 4 - Firebase Authentication via Third-Party Providers
Link: https://vueschool.io/lessons/firebase-authentication-via-third-party-providers
Time: 3:37
Title: 5 - Update Firebase Authentication User Profile
Link: https://vueschool.io/lessons/update-a-firebase-authentication-users-profile
Time: 2:59
Title: 6 - Update Firebase Authentication User Email and Password
Link: https://vueschool.io/lessons/update-a-firebase-users-email-and-password
Time: 3:28
Title: 7 - Link Multiple Firebase Authentication Providers to One User Account
Link: https://vueschool.io/lessons/link-multiple-firebase-authentication-providers-to-one-user-account
Time: 5:19
Title: 8 - Additional User Data and Firebase Authentication
Link: https://vueschool.io/lessons/additional-user-data-and-firebase-authentication
Time: 4:19
Vue School
Vue.js + Firebase Authentication, a FREE Vue.js Course
Learn how to use the Firebase Authentication in your Vue.js applications with our free, premium Vue.js video course.
----
Title: Vue.js + Firebase Realtime Database
Link: https://vueschool.io/courses/vuejs-firebase-realtime-database
Description: This Vue.js course will teach you how to use Firebase Realtime Database in your vue.js applications. The example app is a realtime chat room,...
Difficulty: #BEGINNER
Type: #PREMIUM
Lessons: 8
Tags: #vueschool
----
Title: 1 - What is Firebase and Why is it so Great?
Link: https://vueschool.io/lessons/what-is-firebase-and-why-is-it-so-great
Time: 2:06
Title: 2 - Meet Firebase Realtime Database
Link: https://vueschool.io/lessons/meet-firebase-realtime-database
Time: 3:06
Title: 3 - Read Data from Firebase with Vue.js
Link: https://vueschool.io/lessons/read-data-from-firebase-with-vuejs
Time: 6:40
Title: 4 - Write Data to Firebase with Vue.js
Link: https://vueschool.io/lessons/write-data-to-firebase-with-vuejs
Time: 5:37
Title: 5 - Delete Data from Firebase with Vue.js
Link: https://vueschool.io/lessons/delete-data-from-firebase-with-vuejs
Time: 4:02
Title: 6 - Update Data from Firebase with Vue.js
Link: https://vueschool.io/lessons/update-data-from-firebase-with-vuejs
Time: 7:30
Title: 7 - Update Multiple References at Once
Link: https://vueschool.io/lessons/update-multiple-references-at-once
Time: 1:23
Title: 8 - Display Notifications when Things Happen
Link: https://vueschool.io/lessons/display-notifications-when-things-happen
Time: 3:36
Title: Vue.js + Firebase Realtime Database
Link: https://vueschool.io/courses/vuejs-firebase-realtime-database
Description: This Vue.js course will teach you how to use Firebase Realtime Database in your vue.js applications. The example app is a realtime chat room,...
Difficulty: #BEGINNER
Type: #PREMIUM
Lessons: 8
Tags: #vueschool
----
Title: 1 - What is Firebase and Why is it so Great?
Link: https://vueschool.io/lessons/what-is-firebase-and-why-is-it-so-great
Time: 2:06
Title: 2 - Meet Firebase Realtime Database
Link: https://vueschool.io/lessons/meet-firebase-realtime-database
Time: 3:06
Title: 3 - Read Data from Firebase with Vue.js
Link: https://vueschool.io/lessons/read-data-from-firebase-with-vuejs
Time: 6:40
Title: 4 - Write Data to Firebase with Vue.js
Link: https://vueschool.io/lessons/write-data-to-firebase-with-vuejs
Time: 5:37
Title: 5 - Delete Data from Firebase with Vue.js
Link: https://vueschool.io/lessons/delete-data-from-firebase-with-vuejs
Time: 4:02
Title: 6 - Update Data from Firebase with Vue.js
Link: https://vueschool.io/lessons/update-data-from-firebase-with-vuejs
Time: 7:30
Title: 7 - Update Multiple References at Once
Link: https://vueschool.io/lessons/update-multiple-references-at-once
Time: 1:23
Title: 8 - Display Notifications when Things Happen
Link: https://vueschool.io/lessons/display-notifications-when-things-happen
Time: 3:36
Vue School
Vue.js + Firebase Realtime Database, a FREE Vue.js Course
Learn how to use the Firebase Realtime Database in your Vue.js applications with our free, premium Vue.js video course.
----
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 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
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: 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.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
Vue School
Become a Vue.js Form Validation Master
Learn how to validate your forms with Vue.js and Vuelidate like a pro. The Vue.js Form Validation course covers theory and best practices you can apply to any application today.
----
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: 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
Vue School
Course: Vue-Apollo and GraphQL Fundamentals
Learn how to build robust and performant user interfaces efficiently with Vue-Apollo and GraphQL.
----
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
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
Vue School
VueUse for Everyone: Unlock Vue.js Composition Power
Unlock the power of Vue.js Composition with VueUse—master utilities for animations, browser APIs, sensors, and reactive state management.
----
Title: Web Accessibility Fundamentals
Link: https://vueschool.io/courses/web-accessibility-fundamentals
Description: Learn how to make the web accessible for everyone, despite their hardware, software, language, location, or ability.
Difficulty: #BEGINNER
Type: #PREMIUM
Lessons: 7
Tags: #vueschool
----
Title: 1 - Introduction to Web Accessibility Fundamentals
Link: https://vueschool.io/lessons/introduction-to-web-accessibility-fundamentals
Time: 1:03
Title: 2 - Population
Link: https://vueschool.io/lessons/population
Time: 4:26
Title: 3 - Business advantages of accessible websites
Link: https://vueschool.io/lessons/business-advantages-of-accessible-websites
Time: 1:59
Title: 4 - Web Content Accessibility Guidelines (WCAG)
Link: https://vueschool.io/lessons/web-content-accessibility-guidelines-wcag
Time: 3:14
Title: 5 - Color and Color Contrast
Link: https://vueschool.io/lessons/color-and-color-contrast
Time: 5:52
Title: 6 - Link Color
Link: https://vueschool.io/lessons/link-color
Time: 5:12
Title: 7 - Choosing the right Font Family
Link: https://vueschool.io/lessons/choosing-the-right-font-family
Time: 4:27
Title: Web Accessibility Fundamentals
Link: https://vueschool.io/courses/web-accessibility-fundamentals
Description: Learn how to make the web accessible for everyone, despite their hardware, software, language, location, or ability.
Difficulty: #BEGINNER
Type: #PREMIUM
Lessons: 7
Tags: #vueschool
----
Title: 1 - Introduction to Web Accessibility Fundamentals
Link: https://vueschool.io/lessons/introduction-to-web-accessibility-fundamentals
Time: 1:03
Title: 2 - Population
Link: https://vueschool.io/lessons/population
Time: 4:26
Title: 3 - Business advantages of accessible websites
Link: https://vueschool.io/lessons/business-advantages-of-accessible-websites
Time: 1:59
Title: 4 - Web Content Accessibility Guidelines (WCAG)
Link: https://vueschool.io/lessons/web-content-accessibility-guidelines-wcag
Time: 3:14
Title: 5 - Color and Color Contrast
Link: https://vueschool.io/lessons/color-and-color-contrast
Time: 5:52
Title: 6 - Link Color
Link: https://vueschool.io/lessons/link-color
Time: 5:12
Title: 7 - Choosing the right Font Family
Link: https://vueschool.io/lessons/choosing-the-right-font-family
Time: 4:27
Vue School
Learn How To Make Accessible Websites
Learn how to make the web accessible for all everyone, despite their hardware, software, language, location, or ability.
----
Title: What is new in Vue 3
Link: https://vueschool.io/courses/whats-new-in-vue-3
Description: Take a deep dive into the new and exciting features of Vue 3. Learn about Portals, Suspense, Composition API, Fragments, and much much more.
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 7
Tags: #vueschool
----
Title: 1 - Introduction to Vue 3
Link: https://vueschool.io/lessons/introduction-to-vue-3
Time: 2:03
Title: 2 - Vue 3 Project Structure
Link: https://vueschool.io/lessons/vue-3-project-structure
Time: 3:09
Title: 3 - Multiple root nodes in the template
Link: https://vueschool.io/lessons/having-multiple-root-nodes-in-component-template
Time: 1:46
Title: 4 - Defining Custom Events (emits)
Link: https://vueschool.io/lessons/defining-custom-events-emits
Time: 8:19
Title: 5 - Vue 3 Teleport
Link: https://vueschool.io/lessons/vue-3-teleport
Time: 10:21
Title: 6 - Automatic Change Detection
Link: https://vueschool.io/lessons/automatic-change-detection
Time: 3:14
Title: 7 - Multiple v-models
Link: https://vueschool.io/lessons/multiple-v-models
Time: 7:30
Title: What is new in Vue 3
Link: https://vueschool.io/courses/whats-new-in-vue-3
Description: Take a deep dive into the new and exciting features of Vue 3. Learn about Portals, Suspense, Composition API, Fragments, and much much more.
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 7
Tags: #vueschool
----
Title: 1 - Introduction to Vue 3
Link: https://vueschool.io/lessons/introduction-to-vue-3
Time: 2:03
Title: 2 - Vue 3 Project Structure
Link: https://vueschool.io/lessons/vue-3-project-structure
Time: 3:09
Title: 3 - Multiple root nodes in the template
Link: https://vueschool.io/lessons/having-multiple-root-nodes-in-component-template
Time: 1:46
Title: 4 - Defining Custom Events (emits)
Link: https://vueschool.io/lessons/defining-custom-events-emits
Time: 8:19
Title: 5 - Vue 3 Teleport
Link: https://vueschool.io/lessons/vue-3-teleport
Time: 10:21
Title: 6 - Automatic Change Detection
Link: https://vueschool.io/lessons/automatic-change-detection
Time: 3:14
Title: 7 - Multiple v-models
Link: https://vueschool.io/lessons/multiple-v-models
Time: 7:30
Vue School
Course: What's new in Vue 3
Dive deep into the new and exciting features of Vue 3. Learn about Teleport, Suspense, Composition API, Fragments, and much much more with this video course.
----
Title: The Vue.js Master Class
Link: https://vueschool.io/courses/the-vuejs-master-class
Description: In our Master Class you'll learn Vue.js by building a real-world application. Together we’ll create a complete forum from scratch using exci...
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 105
Tags: #vueschool
----
Title: 1 - What do I need?
Link: https://vueschool.io/lessons/what-do-i-need
Time: 1:44
Title: 2 - Get started with the mighty Vue CLI
Link: https://vueschool.io/lessons/get-started-with-the-mighty-vue-cli
Time: 3:11
Title: 3 - Scaffold your project with Vue CLI
Link: https://vueschool.io/lessons/scaffold-your-project-with-vue-cli
Time: 3:55
Title: 4 - Explore the Webpack template
Link: https://vueschool.io/lessons/explore-webpack-template
Time: 3:34
Title: 5 - Automatic Code Review, Linting with ESLint
Link: https://vueschool.io/lessons/automatic-code-review-linting-with-eslint
Time: 7:05
Title: 6 - Structuring our data
Link: https://vueschool.io/lessons/structuring-our-data
Time: 6:25
Title: 7 - Import data source and show the conversations
Link: https://vueschool.io/lessons/import-data-source-and-show-the-conversations
Time: 3:57
Title: 8 - Vue.js with a Theme and Scoped CSS Styling
Link: https://vueschool.io/lessons/vuejs-with-a-theme-and-scoped-css-styling
Time: 9:53
Title: 9 - Introducing the vue-router
Link: https://vueschool.io/lessons/introducing-the-vue-router
Time: 6:42
Title: 10 - Components, Props and Computed Properties
Link: https://vueschool.io/lessons/components-props-and-computed-properties
Time: 11:31
Title: 11 - Router Links
Link: https://vueschool.io/lessons/router-link
Time: 2:32
Title: 12 - Organizing the Components
Link: https://vueschool.io/lessons/organizing-the-components
Time: 4:12
Title: 13 - Handling not found pages
Link: https://vueschool.io/lessons/handeling-not-found-pages
Time: 2:28
Title: 14 - CSS Modules with Webpack
Link: https://vueschool.io/lessons/css-modules-with-webpack
Time: 4:30
Title: 15 - Tidy up a messy component
Link: https://vueschool.io/lessons/tidy-up-a-messy-component
Time: 5:55
Title: 16 - Arrow Functions
Link: https://vueschool.io/lessons/arrow-functions
Time: 2:11
Title: 17 - Let the discussion begin!
Link: https://vueschool.io/lessons/let-the-discussion-begin
Time: 10:48
Title: 18 - Communicate between components
Link: https://vueschool.io/lessons/communicate-between-components
Time: 6:03
Title: 19 - Destructuring JavaScript Arrays and Objects
Link: https://vueschool.io/lessons/destructuring-javascript-arrays-and-objects
Time: 5:34
Title: 20 - Human Friendly Dates
Link: https://vueschool.io/lessons/human-friendly-dates
Time: 5:53
Title: 21 - Base Components
Link: https://vueschool.io/lessons/base-components
Time: 4:25
Title: 22 - Global Base Components
Link: https://vueschool.io/lessons/global-base-components
Time: 5:54
Title: 23 - Organize threads in forums
Link: https://vueschool.io/lessons/organize-threads-in-forums
Time: 5:43
Title: 24 - Forum Components
Link: https://vueschool.io/lessons/forum-components
Time: 5:11
Title: 25 - Categories, Collections of Forums
Link: https://vueschool.io/lessons/categories-collections-of-forums
Time: 7:28
Title: 26 - Migrating to Vuex
Link: https://vueschool.io/lessons/migrating-to-vuex
Time: 5:27
Title: 27 - Creating Posts using Vuex
Link: https://vueschool.io/lessons/creating-posts-using-vuex
Time: 5:37
Title: 28 - The NavBar
Link: https://vueschool.io/lessons/the-navbar
Time: 2:39
Title: 29 - Grabbing the Authenticated User
Link: https://vueschool.io/lessons/grabbing-the-authenticated-user
Time: 2:14
Title: 30 - User Profile Page
Link: https://vueschool.io/lessons/user-profile-page
Time: 5:24
Title: 31 - Utility to Count Object Properties
Link: https://vueschool.io/lessons/utility-to-count-object-properties
Time: 3:31
Title: 32 - JavaScript: By Reference vs By Value
Link: https://vueschool.io/lessons/javascript-by-reference-vs-by-value
Time: 3:22
Title: 33 - Update a User Profile
Link: https://vueschool.io/lessons/update-a-user-profile
Time: 6:43
Title: The Vue.js Master Class
Link: https://vueschool.io/courses/the-vuejs-master-class
Description: In our Master Class you'll learn Vue.js by building a real-world application. Together we’ll create a complete forum from scratch using exci...
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 105
Tags: #vueschool
----
Title: 1 - What do I need?
Link: https://vueschool.io/lessons/what-do-i-need
Time: 1:44
Title: 2 - Get started with the mighty Vue CLI
Link: https://vueschool.io/lessons/get-started-with-the-mighty-vue-cli
Time: 3:11
Title: 3 - Scaffold your project with Vue CLI
Link: https://vueschool.io/lessons/scaffold-your-project-with-vue-cli
Time: 3:55
Title: 4 - Explore the Webpack template
Link: https://vueschool.io/lessons/explore-webpack-template
Time: 3:34
Title: 5 - Automatic Code Review, Linting with ESLint
Link: https://vueschool.io/lessons/automatic-code-review-linting-with-eslint
Time: 7:05
Title: 6 - Structuring our data
Link: https://vueschool.io/lessons/structuring-our-data
Time: 6:25
Title: 7 - Import data source and show the conversations
Link: https://vueschool.io/lessons/import-data-source-and-show-the-conversations
Time: 3:57
Title: 8 - Vue.js with a Theme and Scoped CSS Styling
Link: https://vueschool.io/lessons/vuejs-with-a-theme-and-scoped-css-styling
Time: 9:53
Title: 9 - Introducing the vue-router
Link: https://vueschool.io/lessons/introducing-the-vue-router
Time: 6:42
Title: 10 - Components, Props and Computed Properties
Link: https://vueschool.io/lessons/components-props-and-computed-properties
Time: 11:31
Title: 11 - Router Links
Link: https://vueschool.io/lessons/router-link
Time: 2:32
Title: 12 - Organizing the Components
Link: https://vueschool.io/lessons/organizing-the-components
Time: 4:12
Title: 13 - Handling not found pages
Link: https://vueschool.io/lessons/handeling-not-found-pages
Time: 2:28
Title: 14 - CSS Modules with Webpack
Link: https://vueschool.io/lessons/css-modules-with-webpack
Time: 4:30
Title: 15 - Tidy up a messy component
Link: https://vueschool.io/lessons/tidy-up-a-messy-component
Time: 5:55
Title: 16 - Arrow Functions
Link: https://vueschool.io/lessons/arrow-functions
Time: 2:11
Title: 17 - Let the discussion begin!
Link: https://vueschool.io/lessons/let-the-discussion-begin
Time: 10:48
Title: 18 - Communicate between components
Link: https://vueschool.io/lessons/communicate-between-components
Time: 6:03
Title: 19 - Destructuring JavaScript Arrays and Objects
Link: https://vueschool.io/lessons/destructuring-javascript-arrays-and-objects
Time: 5:34
Title: 20 - Human Friendly Dates
Link: https://vueschool.io/lessons/human-friendly-dates
Time: 5:53
Title: 21 - Base Components
Link: https://vueschool.io/lessons/base-components
Time: 4:25
Title: 22 - Global Base Components
Link: https://vueschool.io/lessons/global-base-components
Time: 5:54
Title: 23 - Organize threads in forums
Link: https://vueschool.io/lessons/organize-threads-in-forums
Time: 5:43
Title: 24 - Forum Components
Link: https://vueschool.io/lessons/forum-components
Time: 5:11
Title: 25 - Categories, Collections of Forums
Link: https://vueschool.io/lessons/categories-collections-of-forums
Time: 7:28
Title: 26 - Migrating to Vuex
Link: https://vueschool.io/lessons/migrating-to-vuex
Time: 5:27
Title: 27 - Creating Posts using Vuex
Link: https://vueschool.io/lessons/creating-posts-using-vuex
Time: 5:37
Title: 28 - The NavBar
Link: https://vueschool.io/lessons/the-navbar
Time: 2:39
Title: 29 - Grabbing the Authenticated User
Link: https://vueschool.io/lessons/grabbing-the-authenticated-user
Time: 2:14
Title: 30 - User Profile Page
Link: https://vueschool.io/lessons/user-profile-page
Time: 5:24
Title: 31 - Utility to Count Object Properties
Link: https://vueschool.io/lessons/utility-to-count-object-properties
Time: 3:31
Title: 32 - JavaScript: By Reference vs By Value
Link: https://vueschool.io/lessons/javascript-by-reference-vs-by-value
Time: 3:22
Title: 33 - Update a User Profile
Link: https://vueschool.io/lessons/update-a-user-profile
Time: 6:43
Vue School
The Vue.js Master Class
This course is our signature course. It is probably the most thorough Vue.js course available online. The Vue.js Master Class is so comprehensive that we cannot cover everything on this page. Thus...
👍1
----
Title: The Vue.js 3 Masterclass
Link: https://vueschool.io/courses/the-vuejs-3-master-class
Description: Learn how to build a real-world application with Vue.js 3 in the supercharged and remastered Vue.js Masterclass.
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 146
Tags: #vueschool
----
Title: 1 - What Do I Need to Take the Vue 3 Masterclass?
Link: https://vueschool.io/lessons/what-do-i-need-to-take-the-vue-3-masterclass
Time: 2:39
Title: 2 - Install Vue CLI and Its Dependencies
Link: https://vueschool.io/lessons/install-vue-cli-and-its-dependencies
Time: 5:21
Title: 3 - Scaffold a New Vue 3 Project With Vue CLI
Link: https://vueschool.io/lessons/scaffold-a-new-vue-3-project-with-vue-cli
Time: 2:47
Title: 4 - Exploring the Scaffolded Vue 3 Project
Link: https://vueschool.io/lessons/exploring-the-scaffolded-vue-3-project
Time: 4:32
Title: 5 - Automatic and Static Code Review With ESLint (Linting)
Link: https://vueschool.io/lessons/automatic-and-static-code-review-with-eslint-linting
Time: 9:25
Title: 6 - Choosing ESLint Presets
Link: https://vueschool.io/lessons/choosing-eslint-presets
Time: 6:19
Title: 7 - Initialize a Vue 3 App Using createApp
Link: https://vueschool.io/lessons/initialize-a-vue-3-app-using-createapp
Time: 5:30
Title: 8 - Structuring Our Forum Data
Link: https://vueschool.io/lessons/structuring-our-forum-data
Time: 8:35
Title: 9 - How to Import Data From JSON Files in a Vue 3 App
Link: https://vueschool.io/lessons/how-to-import-data-from-json-files-in-a-vue-3-app
Time: 3:26
Title: 10 - Displaying a List of Elements in Vue 3
Link: https://vueschool.io/lessons/displaying-a-list-of-elements-in-vue-3
Time: 12:27
Title: 11 - Styling Vue Components
Link: https://vueschool.io/lessons/styling-vue-components
Time: 5:58
Title: 12 - Global Styles and Stylesheet Processing
Link: https://vueschool.io/lessons/global-styles-and-stylesheet-processing
Time: 4:31
Title: 13 - Install and Configure Vue Router 4
Link: https://vueschool.io/lessons/install-and-configure-vue-router-4
Time: 7:15
Title: 14 - Dynamic Route Matching & Route Params
Link: https://vueschool.io/lessons/dynamic-route-matching-route-params
Time: 6:00
Title: 15 - Extract Router Configuration
Link: https://vueschool.io/lessons/extract-router-configuration
Time: 2:09
Title: 16 - Create ThreadList.vue and Clean up the Homepage
Link: https://vueschool.io/lessons/create-threadlist-vue-and-clean-up-the-homepage
Time: 8:43
Title: 17 - Using router-link to Navigate Between Page Components
Link: https://vueschool.io/lessons/using-router-link-to-navigate-between-page-components
Time: 4:07
Title: 18 - Creating a Not Found Page with Vue Router
Link: https://vueschool.io/lessons/creating-a-not-found-page-with-vue-router
Time: 4:50
Title: 19 - Redirect With Vue Router Without Changing the URL
Link: https://vueschool.io/lessons/redirect-with-vue-router-without-changing-the-url
Time: 10:28
Title: 20 - Reorganizing the Page Components
Link: https://vueschool.io/lessons/reorganizing-the-page-components
Time: 4:52
Title: 21 - Creating a Forum Post Component
Link: https://vueschool.io/lessons/creating-a-forum-post-component
Time: 6:18
Title: 22 - Creating a Post Editor
Link: https://vueschool.io/lessons/creating-a-post-editor-component
Time: 11:03
Title: 23 - Communication Between Components
Link: https://vueschool.io/lessons/communication-between-components-1
Time: 8:26
Title: 24 - Adding Human Readable Dates
Link: https://vueschool.io/lessons/adding-human-readable-dates
Time: 7:13
Title: 25 - Creating Base Components in a Vue Application
Link: https://vueschool.io/lessons/creating-base-components-in-a-vue-application
Time: 6:09
Title: 26 - Registering Base Components Globally
Link: https://vueschool.io/lessons/registering-base-components-globally
Time: 5:48
Title: 27 - Organizing Threads in Forums
Link: https://vueschool.io/lessons/organizing-threads-in-forums
Time: 6:30
Title: 28 - Creating a ForumList Component
Link: https://vueschool.io/lessons/creating-a-forumlist-component
Time: 8:42
Title: The Vue.js 3 Masterclass
Link: https://vueschool.io/courses/the-vuejs-3-master-class
Description: Learn how to build a real-world application with Vue.js 3 in the supercharged and remastered Vue.js Masterclass.
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 146
Tags: #vueschool
----
Title: 1 - What Do I Need to Take the Vue 3 Masterclass?
Link: https://vueschool.io/lessons/what-do-i-need-to-take-the-vue-3-masterclass
Time: 2:39
Title: 2 - Install Vue CLI and Its Dependencies
Link: https://vueschool.io/lessons/install-vue-cli-and-its-dependencies
Time: 5:21
Title: 3 - Scaffold a New Vue 3 Project With Vue CLI
Link: https://vueschool.io/lessons/scaffold-a-new-vue-3-project-with-vue-cli
Time: 2:47
Title: 4 - Exploring the Scaffolded Vue 3 Project
Link: https://vueschool.io/lessons/exploring-the-scaffolded-vue-3-project
Time: 4:32
Title: 5 - Automatic and Static Code Review With ESLint (Linting)
Link: https://vueschool.io/lessons/automatic-and-static-code-review-with-eslint-linting
Time: 9:25
Title: 6 - Choosing ESLint Presets
Link: https://vueschool.io/lessons/choosing-eslint-presets
Time: 6:19
Title: 7 - Initialize a Vue 3 App Using createApp
Link: https://vueschool.io/lessons/initialize-a-vue-3-app-using-createapp
Time: 5:30
Title: 8 - Structuring Our Forum Data
Link: https://vueschool.io/lessons/structuring-our-forum-data
Time: 8:35
Title: 9 - How to Import Data From JSON Files in a Vue 3 App
Link: https://vueschool.io/lessons/how-to-import-data-from-json-files-in-a-vue-3-app
Time: 3:26
Title: 10 - Displaying a List of Elements in Vue 3
Link: https://vueschool.io/lessons/displaying-a-list-of-elements-in-vue-3
Time: 12:27
Title: 11 - Styling Vue Components
Link: https://vueschool.io/lessons/styling-vue-components
Time: 5:58
Title: 12 - Global Styles and Stylesheet Processing
Link: https://vueschool.io/lessons/global-styles-and-stylesheet-processing
Time: 4:31
Title: 13 - Install and Configure Vue Router 4
Link: https://vueschool.io/lessons/install-and-configure-vue-router-4
Time: 7:15
Title: 14 - Dynamic Route Matching & Route Params
Link: https://vueschool.io/lessons/dynamic-route-matching-route-params
Time: 6:00
Title: 15 - Extract Router Configuration
Link: https://vueschool.io/lessons/extract-router-configuration
Time: 2:09
Title: 16 - Create ThreadList.vue and Clean up the Homepage
Link: https://vueschool.io/lessons/create-threadlist-vue-and-clean-up-the-homepage
Time: 8:43
Title: 17 - Using router-link to Navigate Between Page Components
Link: https://vueschool.io/lessons/using-router-link-to-navigate-between-page-components
Time: 4:07
Title: 18 - Creating a Not Found Page with Vue Router
Link: https://vueschool.io/lessons/creating-a-not-found-page-with-vue-router
Time: 4:50
Title: 19 - Redirect With Vue Router Without Changing the URL
Link: https://vueschool.io/lessons/redirect-with-vue-router-without-changing-the-url
Time: 10:28
Title: 20 - Reorganizing the Page Components
Link: https://vueschool.io/lessons/reorganizing-the-page-components
Time: 4:52
Title: 21 - Creating a Forum Post Component
Link: https://vueschool.io/lessons/creating-a-forum-post-component
Time: 6:18
Title: 22 - Creating a Post Editor
Link: https://vueschool.io/lessons/creating-a-post-editor-component
Time: 11:03
Title: 23 - Communication Between Components
Link: https://vueschool.io/lessons/communication-between-components-1
Time: 8:26
Title: 24 - Adding Human Readable Dates
Link: https://vueschool.io/lessons/adding-human-readable-dates
Time: 7:13
Title: 25 - Creating Base Components in a Vue Application
Link: https://vueschool.io/lessons/creating-base-components-in-a-vue-application
Time: 6:09
Title: 26 - Registering Base Components Globally
Link: https://vueschool.io/lessons/registering-base-components-globally
Time: 5:48
Title: 27 - Organizing Threads in Forums
Link: https://vueschool.io/lessons/organizing-threads-in-forums
Time: 6:30
Title: 28 - Creating a ForumList Component
Link: https://vueschool.io/lessons/creating-a-forumlist-component
Time: 8:42
vueschool.io
Learn Vue.js and modern, cutting-edge front-end technologies from core-team members and industry experts with our premium tutorials…
Vue.js, Tooling, Testing, Modern JavaScript such as ES6? Don't worry, we got you covered! Join today and learn from our video courses made by industry experts.
👍1
#admin
Good evening, we are from Ukraine
I has been complete upload all PREMIUM and FREE courses from vueschool.
Maybe, a bit later, I will group courses by type (vue, nuxt, pinia and etc) like a catalog or something...
If you have any suggestions, check channel description for contacts.
If you have any courses to parse, check channel description for contacts.
Tags
#720p - new, reuploaded in 720p courses
#FREE - free courses
#PREMIUM - private courses
#ADVANCED
#INTERMEDIATE
#BEGINNER
#IN_PROGRESS (don't complete, but have a few/a lot lessons, could be usefull)
#vueschool - courses from vueschool
#vuemastery - courses from vuemastery
Use this tags to fast and simple searching.
Channels
@vue_updates - subscribe on updates of vue, nuxt, vuetify, vite and etc frameworks.
@vue_courses - free/premium courses for vue (vue 2 and vue 3)
Maybe, a bit later, I will group courses by type (vue, nuxt, pinia and etc) like a catalog or something...
If you have any suggestions, check channel description for contacts.
If you have any courses to parse, check channel description for contacts.
Tags
#720p - new, reuploaded in 720p courses
#FREE - free courses
#PREMIUM - private courses
#ADVANCED
#INTERMEDIATE
#BEGINNER
#IN_PROGRESS (don't complete, but have a few/a lot lessons, could be usefull)
#vueschool - courses from vueschool
#vuemastery - courses from vuemastery
Use this tags to fast and simple searching.
Channels
@vue_updates - subscribe on updates of vue, nuxt, vuetify, vite and etc frameworks.
@vue_courses - free/premium courses for vue (vue 2 and vue 3)
❤16❤🔥1👍1🥰1
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
Type: #PREMIUM
Lessons: 17
Tags: #vueschool
----
Title: 1 - What is a Vue.js Plugin?
Link: https://vueschool.io/lessons/what-is-a-vue-js-plugin
Video: 3:20
Title: 2 - Define and Install a Vue.js Plugin
Link: https://vueschool.io/lessons/define-and-install-a-vue-js-plugin
Video: 2:44
Title: 3 - The Plugin Function Syntax and Organizing Plugin Code
Link: https://vueschool.io/lessons/the-plugin-function-syntax-and-organizing-plugin-code
Video: 2:08
Title: 4 - Use a Vue.js Plugin to Register a Component
Link: https://vueschool.io/lessons/use-a-vue-js-plugin-to-register-a-component
Video: 5:35
Title: 5 - Create a Vue ToolTip Component with Tippy.js
Link: https://vueschool.io/lessons/create-a-vue-tooltip-component-with-tippy-js
Video: 4:19
Title: 6 - Use onUpdated to Make the ToolTip Reactive
Link: https://vueschool.io/lessons/use-onupdated-to-make-the-tooltip-reactive
Video: 4:10
Title: 7 - Prevent Memory Leaks by Destroying Tippy onUnmounted
Link: https://vueschool.io/lessons/prevent-memory-leaks-by-destroying-tippy-onunmounted
Video: 0:58
Title: 8 - Support Other Tippy Options for the Component
Link: https://vueschool.io/lessons/support-other-tippy-options-for-the-component
Video: 2:43
Title: 9 - Support Vue.js Plugin Options
Link: https://vueschool.io/lessons/support-vue-js-plugin-options
Video: 4:37
Title: 10 - Vue.js Plugin Option Defaults
Link: https://vueschool.io/lessons/vue-js-plugin-option-defaults
Video: 4:11
Title: 11 - Add a Global Instance Method with a Vue.js Plugin
Link: https://vueschool.io/lessons/add-a-global-instance-method-with-a-vue-js-plugin
Video: 3:18
Title: 12 - Typesafe Plugin Options with TypeScript
Link: https://vueschool.io/lessons/typesafe-plugin-options-with-typescript
Video: 7:47
Title: 13 - Bundle a Vue.js Plugin for Distribution with Vite
Link: https://vueschool.io/lessons/bundle-a-vue-js-plugin-for-distribution-with-vite
Video: 7:22
Title: 14 - Test the Plugin Locally Using npm link
Link: https://vueschool.io/lessons/test-the-plugin-locally-using-npm-link
Video: 4:03
Title: 15 - Generate Type Declarations For a Vue.js 3 Plugin
Link: https://vueschool.io/lessons/generate-type-declarations-for-a-vue-js-3-plugin
Video: 10:58
Title: 16 - Publish a Vue.js Plugin on npm
Link: https://vueschool.io/lessons/publish-a-vue-js-plugin-on-npm
Video: 6:58
Title: 17 - Course Conclusion
Link: https://vueschool.io/lessons/custom-vue-js-3-plugins-course-conclusion
Video: 2:35
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
Type: #PREMIUM
Lessons: 17
Tags: #vueschool
----
Title: 1 - What is a Vue.js Plugin?
Link: https://vueschool.io/lessons/what-is-a-vue-js-plugin
Video: 3:20
Title: 2 - Define and Install a Vue.js Plugin
Link: https://vueschool.io/lessons/define-and-install-a-vue-js-plugin
Video: 2:44
Title: 3 - The Plugin Function Syntax and Organizing Plugin Code
Link: https://vueschool.io/lessons/the-plugin-function-syntax-and-organizing-plugin-code
Video: 2:08
Title: 4 - Use a Vue.js Plugin to Register a Component
Link: https://vueschool.io/lessons/use-a-vue-js-plugin-to-register-a-component
Video: 5:35
Title: 5 - Create a Vue ToolTip Component with Tippy.js
Link: https://vueschool.io/lessons/create-a-vue-tooltip-component-with-tippy-js
Video: 4:19
Title: 6 - Use onUpdated to Make the ToolTip Reactive
Link: https://vueschool.io/lessons/use-onupdated-to-make-the-tooltip-reactive
Video: 4:10
Title: 7 - Prevent Memory Leaks by Destroying Tippy onUnmounted
Link: https://vueschool.io/lessons/prevent-memory-leaks-by-destroying-tippy-onunmounted
Video: 0:58
Title: 8 - Support Other Tippy Options for the Component
Link: https://vueschool.io/lessons/support-other-tippy-options-for-the-component
Video: 2:43
Title: 9 - Support Vue.js Plugin Options
Link: https://vueschool.io/lessons/support-vue-js-plugin-options
Video: 4:37
Title: 10 - Vue.js Plugin Option Defaults
Link: https://vueschool.io/lessons/vue-js-plugin-option-defaults
Video: 4:11
Title: 11 - Add a Global Instance Method with a Vue.js Plugin
Link: https://vueschool.io/lessons/add-a-global-instance-method-with-a-vue-js-plugin
Video: 3:18
Title: 12 - Typesafe Plugin Options with TypeScript
Link: https://vueschool.io/lessons/typesafe-plugin-options-with-typescript
Video: 7:47
Title: 13 - Bundle a Vue.js Plugin for Distribution with Vite
Link: https://vueschool.io/lessons/bundle-a-vue-js-plugin-for-distribution-with-vite
Video: 7:22
Title: 14 - Test the Plugin Locally Using npm link
Link: https://vueschool.io/lessons/test-the-plugin-locally-using-npm-link
Video: 4:03
Title: 15 - Generate Type Declarations For a Vue.js 3 Plugin
Link: https://vueschool.io/lessons/generate-type-declarations-for-a-vue-js-3-plugin
Video: 10:58
Title: 16 - Publish a Vue.js Plugin on npm
Link: https://vueschool.io/lessons/publish-a-vue-js-plugin-on-npm
Video: 6:58
Title: 17 - Course Conclusion
Link: https://vueschool.io/lessons/custom-vue-js-3-plugins-course-conclusion
Video: 2:35
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: Robust Vue.js Forms with FormKit
Description: Learn how to create robust forms in Vue.js with built in validation, labels, help text, de-bouncing, and more!
Link: https://vueschool.io/courses/robust-vue-js-forms-with-formkit
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 16
Tags: #vueschool
----
Title: 1 - Introduction to FormKit
Link: https://vueschool.io/lessons/introduction-to-formkit
Video: 3:20
Title: 2 - Project Setup and FormKit Config
Link: https://vueschool.io/lessons/project-setup-and-formkit-config
Video: 4:11
Title: 3 - Powerful Form Fields with a Simple API
Link: https://vueschool.io/lessons/powerful-form-fields-with-a-simple-api
Video: 8:37
Title: 4 - Form Population and Submission
Link: https://vueschool.io/lessons/form-population-and-submission
Video: 7:40
Title: 5 - Customize the Form with Props
Link: https://vueschool.io/lessons/customize-the-form-with-props
Video: 3:16
Title: 6 - How to Validate a Form Input
Link: https://vueschool.io/lessons/how-to-validate-a-form-input
Video: 8:24
Title: 7 - Modify Validation Rules with Hints
Link: https://vueschool.io/lessons/modify-validation-rules-with-hints
Video: 3:25
Title: 8 - Create Custom Validation Rules
Link: https://vueschool.io/lessons/create-custom-validation-rules
Video: 5:49
Title: 9 - Create Custom Validation Messages
Link: https://vueschool.io/lessons/create-custom-validation-messages
Video: 4:31
Title: 10 - Generate Forms from a Schema
Link: https://vueschool.io/lessons/generate-forms-from-a-schema
Video: 14:41
Title: 11 - Extend FormKit with Plugins
Link: https://vueschool.io/lessons/extend-formkit-with-plugins
Video: 9:09
Title: 12 - Create a Custom FormKit Input
Link: https://vueschool.io/lessons/create-a-custom-formkit-input
Video: 9:02
Title: 13 - The FormKit Custom Input Checklist
Link: https://vueschool.io/lessons/the-formkit-custom-input-checklist
Video: 6:05
Title: 14 - Level Up with Pro Inputs
Link: https://vueschool.io/lessons/level-up-with-pro-inputs
Video: 12:00
Title: 15 - Create a Tailwind CSS Theme for FormKit
Link: https://vueschool.io/lessons/create-a-tailwind-css-theme-for-formkit
Video: 11:13
Title: 16 - Course Conclusion
Link: https://vueschool.io/lessons/robust-vue-js-forms-with-formkit-course-conclusion
Video: 4:03
Description: Learn how to create robust forms in Vue.js with built in validation, labels, help text, de-bouncing, and more!
Link: https://vueschool.io/courses/robust-vue-js-forms-with-formkit
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 16
Tags: #vueschool
----
Title: 1 - Introduction to FormKit
Link: https://vueschool.io/lessons/introduction-to-formkit
Video: 3:20
Title: 2 - Project Setup and FormKit Config
Link: https://vueschool.io/lessons/project-setup-and-formkit-config
Video: 4:11
Title: 3 - Powerful Form Fields with a Simple API
Link: https://vueschool.io/lessons/powerful-form-fields-with-a-simple-api
Video: 8:37
Title: 4 - Form Population and Submission
Link: https://vueschool.io/lessons/form-population-and-submission
Video: 7:40
Title: 5 - Customize the Form with Props
Link: https://vueschool.io/lessons/customize-the-form-with-props
Video: 3:16
Title: 6 - How to Validate a Form Input
Link: https://vueschool.io/lessons/how-to-validate-a-form-input
Video: 8:24
Title: 7 - Modify Validation Rules with Hints
Link: https://vueschool.io/lessons/modify-validation-rules-with-hints
Video: 3:25
Title: 8 - Create Custom Validation Rules
Link: https://vueschool.io/lessons/create-custom-validation-rules
Video: 5:49
Title: 9 - Create Custom Validation Messages
Link: https://vueschool.io/lessons/create-custom-validation-messages
Video: 4:31
Title: 10 - Generate Forms from a Schema
Link: https://vueschool.io/lessons/generate-forms-from-a-schema
Video: 14:41
Title: 11 - Extend FormKit with Plugins
Link: https://vueschool.io/lessons/extend-formkit-with-plugins
Video: 9:09
Title: 12 - Create a Custom FormKit Input
Link: https://vueschool.io/lessons/create-a-custom-formkit-input
Video: 9:02
Title: 13 - The FormKit Custom Input Checklist
Link: https://vueschool.io/lessons/the-formkit-custom-input-checklist
Video: 6:05
Title: 14 - Level Up with Pro Inputs
Link: https://vueschool.io/lessons/level-up-with-pro-inputs
Video: 12:00
Title: 15 - Create a Tailwind CSS Theme for FormKit
Link: https://vueschool.io/lessons/create-a-tailwind-css-theme-for-formkit
Video: 11:13
Title: 16 - Course Conclusion
Link: https://vueschool.io/lessons/robust-vue-js-forms-with-formkit-course-conclusion
Video: 4:03
Vue School
Robust Vue.js Forms with FormKit
Build dynamic Vue.js forms with FormKit. Master validation, schema-based forms, custom inputs, and more to create powerful forms.
Title: Nuxt.js 3 Fundamentals
Description: Nuxt is meta-framework built on top of Vue, that offers a variety of rendering modes and a ton of developer conveniences including auto-import...
Link: https://vueschool.io/courses/nuxt-js-3-fundamentals
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 25
Tags: #vueschool
----
Title: 1 - What is Nuxt?
Link: https://vueschool.io/lessons/what-is-nuxt
Video: 7:17
Title: 2 - Create a Nuxt App from Scratch
Link: https://vueschool.io/lessons/create-a-nuxt-app-from-scratch
Video: 6:39
Title: 3 - File Based Routing in Nuxt.js
Link: https://vueschool.io/lessons/file-based-routing-in-nuxt-js
Video: 5:08
Title: 4 - NuxtLink for Navigation
Link: https://vueschool.io/lessons/nuxtlink-for-navigation
Video: 4:16
Title: 5 - Dynamic Route Params in Nuxt.js
Link: https://vueschool.io/lessons/dynamic-route-params-in-nuxt-js
Video: 5:27
Title: 6 - Fetch Data with $fetch
Link: https://vueschool.io/lessons/fetch-data-with-fetch
Video: 9:21
Title: 7 - Provide a Single Root Element for Page Components
Link: https://vueschool.io/lessons/provide-a-single-root-element-for-page-components
Video: 2:30
Title: 8 - Create Components that Auto Import
Link: https://vueschool.io/lessons/create-components-that-auto-import
Video: 3:25
Title: 9 - Fetch data with useAsyncData
Link: https://vueschool.io/lessons/fetch-data-with-useasyncdata
Video: 3:41
Title: 10 - De-dupe Async Data with a Key
Link: https://vueschool.io/lessons/de-dupe-async-data-with-a-key
Video: 3:10
Title: 11 - Configure useAsyncData with Options
Link: https://vueschool.io/lessons/configure-useasyncdata-with-options
Video: 3:58
Title: 12 - Call useFetch for a $fetch + useAsyncData Shorthand
Link: https://vueschool.io/lessons/call-usefetch-for-a-fetch-useasyncdata-shorthand
Video: 2:15
Title: 13 - Handle useFetch Errors
Link: https://vueschool.io/lessons/handle-usefetch-errors
Video: 6:38
Title: 14 - Call the useHead Composable for Good SEO
Link: https://vueschool.io/lessons/call-the-usehead-composable-for-good-seo
Video: 7:18
Title: 15 - Create Flexible Custom Layouts
Link: https://vueschool.io/lessons/create-flexible-custom-layouts
Video: 5:48
Title: 16 - Define Nuxt Route Middleware
Link: https://vueschool.io/lessons/define-nuxt-route-middleware
Video: 6:21
Title: 17 - Abort Navigation or Redirect In Nuxt Middleware
Link: https://vueschool.io/lessons/abort-navigation-or-redirect-in-nuxt-middleware
Video: 5:59
Title: 18 - Nuxt Server API Routes
Link: https://vueschool.io/lessons/nuxt-server-api-routes
Video: 4:53
Title: 19 - Handle Different Nuxt API Request Methods
Link: https://vueschool.io/lessons/handle-different-nuxt-api-request-methods
Video: 8:15
Title: 20 - Global State Management with useState
Link: https://vueschool.io/lessons/global-state-management-with-usestate
Video: 10:36
Title: 21 - Global State Management with Pinia
Link: https://vueschool.io/lessons/global-state-management-with-pinia
Video: 11:29
Title: 22 - Overview of Nuxt Deployment Options
Link: https://vueschool.io/lessons/overview-of-nuxt-deployment-options
Video: 3:08
Title: 23 - Deploy a Nuxt Site to Netlify
Link: https://vueschool.io/lessons/deploy-a-nuxt-site-to-netlify
Video: 7:15
Title: 24 - Hybrid Rendering with Nuxt
Link: https://vueschool.io/lessons/hybrid-rendering-with-nuxt
Video: 10:41
Title: 25 - Course Conclusion
Link: https://vueschool.io/lessons/nuxt-js-3-fundamentals-course-conclusion
Video: 2:37
Description: Nuxt is meta-framework built on top of Vue, that offers a variety of rendering modes and a ton of developer conveniences including auto-import...
Link: https://vueschool.io/courses/nuxt-js-3-fundamentals
Difficulty: #INTERMEDIATE
Type: #PREMIUM
Lessons: 25
Tags: #vueschool
----
Title: 1 - What is Nuxt?
Link: https://vueschool.io/lessons/what-is-nuxt
Video: 7:17
Title: 2 - Create a Nuxt App from Scratch
Link: https://vueschool.io/lessons/create-a-nuxt-app-from-scratch
Video: 6:39
Title: 3 - File Based Routing in Nuxt.js
Link: https://vueschool.io/lessons/file-based-routing-in-nuxt-js
Video: 5:08
Title: 4 - NuxtLink for Navigation
Link: https://vueschool.io/lessons/nuxtlink-for-navigation
Video: 4:16
Title: 5 - Dynamic Route Params in Nuxt.js
Link: https://vueschool.io/lessons/dynamic-route-params-in-nuxt-js
Video: 5:27
Title: 6 - Fetch Data with $fetch
Link: https://vueschool.io/lessons/fetch-data-with-fetch
Video: 9:21
Title: 7 - Provide a Single Root Element for Page Components
Link: https://vueschool.io/lessons/provide-a-single-root-element-for-page-components
Video: 2:30
Title: 8 - Create Components that Auto Import
Link: https://vueschool.io/lessons/create-components-that-auto-import
Video: 3:25
Title: 9 - Fetch data with useAsyncData
Link: https://vueschool.io/lessons/fetch-data-with-useasyncdata
Video: 3:41
Title: 10 - De-dupe Async Data with a Key
Link: https://vueschool.io/lessons/de-dupe-async-data-with-a-key
Video: 3:10
Title: 11 - Configure useAsyncData with Options
Link: https://vueschool.io/lessons/configure-useasyncdata-with-options
Video: 3:58
Title: 12 - Call useFetch for a $fetch + useAsyncData Shorthand
Link: https://vueschool.io/lessons/call-usefetch-for-a-fetch-useasyncdata-shorthand
Video: 2:15
Title: 13 - Handle useFetch Errors
Link: https://vueschool.io/lessons/handle-usefetch-errors
Video: 6:38
Title: 14 - Call the useHead Composable for Good SEO
Link: https://vueschool.io/lessons/call-the-usehead-composable-for-good-seo
Video: 7:18
Title: 15 - Create Flexible Custom Layouts
Link: https://vueschool.io/lessons/create-flexible-custom-layouts
Video: 5:48
Title: 16 - Define Nuxt Route Middleware
Link: https://vueschool.io/lessons/define-nuxt-route-middleware
Video: 6:21
Title: 17 - Abort Navigation or Redirect In Nuxt Middleware
Link: https://vueschool.io/lessons/abort-navigation-or-redirect-in-nuxt-middleware
Video: 5:59
Title: 18 - Nuxt Server API Routes
Link: https://vueschool.io/lessons/nuxt-server-api-routes
Video: 4:53
Title: 19 - Handle Different Nuxt API Request Methods
Link: https://vueschool.io/lessons/handle-different-nuxt-api-request-methods
Video: 8:15
Title: 20 - Global State Management with useState
Link: https://vueschool.io/lessons/global-state-management-with-usestate
Video: 10:36
Title: 21 - Global State Management with Pinia
Link: https://vueschool.io/lessons/global-state-management-with-pinia
Video: 11:29
Title: 22 - Overview of Nuxt Deployment Options
Link: https://vueschool.io/lessons/overview-of-nuxt-deployment-options
Video: 3:08
Title: 23 - Deploy a Nuxt Site to Netlify
Link: https://vueschool.io/lessons/deploy-a-nuxt-site-to-netlify
Video: 7:15
Title: 24 - Hybrid Rendering with Nuxt
Link: https://vueschool.io/lessons/hybrid-rendering-with-nuxt
Video: 10:41
Title: 25 - Course Conclusion
Link: https://vueschool.io/lessons/nuxt-js-3-fundamentals-course-conclusion
Video: 2:37
vueschool.io
Learn Vue.js and modern, cutting-edge front-end technologies from core-team members and industry experts with our premium tutorials…
Vue.js, Tooling, Testing, Modern JavaScript such as ES6? Don't worry, we got you covered! Join today and learn from our video courses made by industry experts.
❤3
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
Type: #PREMIUM
Lessons: 16
Tags: #vueschool
----
Title: 1 - What We Are Building
Link: https://vueschool.io/lessons/what-we-are-building-trello-board
Video: 3:20
Title: 2 - Bootstrap the Project
Link: https://vueschool.io/lessons/bootstrap-the-project-trello-board
Video: 5:02
Title: 3 - Create Simple Board and Task TS Types
Link: https://vueschool.io/lessons/create-simple-board-and-task-ts-types
Video: 5:18
Title: 4 - Provide the Board Data and Structure the HTML
Link: https://vueschool.io/lessons/provide-the-board-data-and-structure-the-html
Video: 8:36
Title: 5 - Style the Board with Tailwind CSS
Link: https://vueschool.io/lessons/style-the-board-with-tailwind-css
Video: 6:23
Title: 6 - Create a Task Component and Style it with Tailwind CSS
Link: https://vueschool.io/lessons/create-a-task-component-and-style-it-with-tailwind-css
Video: 8:00
Title: 7 - Sort the Columns with Vue Draggable
Link: https://vueschool.io/lessons/sort-the-columns-with-vue-draggable
Video: 6:00
Title: 8 - Draggable Transition and Drag Handle
Link: https://vueschool.io/lessons/draggable-transition-and-drag-handle
Video: 4:53
Title: 9 - Drag and Drop Tasks Between Columns
Link: https://vueschool.io/lessons/drag-and-drop-tasks-between-columns
Video: 6:07
Title: 10 - Alt Drag to Clone Tasks
Link: https://vueschool.io/lessons/alt-drag-to-clone-tasks
Video: 4:21
Title: 11 - Vue Draggable Sortable Classes
Link: https://vueschool.io/lessons/vue-draggable-sortable-classes
Video: 5:51
Title: 12 - Add a New Task
Link: https://vueschool.io/lessons/add-a-new-task
Video: 4:51
Title: 13 - Delete Tasks with Backspace
Link: https://vueschool.io/lessons/delete-tasks-with-backspace
Video: 8:16
Title: 14 - Edit, Add, and Remove Columns
Link: https://vueschool.io/lessons/add-remove-columns
Video: 10:58
Title: 15 - Persist Tasks to Local Storage
Link: https://vueschool.io/lessons/persist-tasks-to-local-storage
Video: 3:08
Title: 16 - Course Conclusion
Link: https://vueschool.io/lessons/build-a-drag-and-drop-trello-board-course-conclusion
Video: 1:22
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
Type: #PREMIUM
Lessons: 16
Tags: #vueschool
----
Title: 1 - What We Are Building
Link: https://vueschool.io/lessons/what-we-are-building-trello-board
Video: 3:20
Title: 2 - Bootstrap the Project
Link: https://vueschool.io/lessons/bootstrap-the-project-trello-board
Video: 5:02
Title: 3 - Create Simple Board and Task TS Types
Link: https://vueschool.io/lessons/create-simple-board-and-task-ts-types
Video: 5:18
Title: 4 - Provide the Board Data and Structure the HTML
Link: https://vueschool.io/lessons/provide-the-board-data-and-structure-the-html
Video: 8:36
Title: 5 - Style the Board with Tailwind CSS
Link: https://vueschool.io/lessons/style-the-board-with-tailwind-css
Video: 6:23
Title: 6 - Create a Task Component and Style it with Tailwind CSS
Link: https://vueschool.io/lessons/create-a-task-component-and-style-it-with-tailwind-css
Video: 8:00
Title: 7 - Sort the Columns with Vue Draggable
Link: https://vueschool.io/lessons/sort-the-columns-with-vue-draggable
Video: 6:00
Title: 8 - Draggable Transition and Drag Handle
Link: https://vueschool.io/lessons/draggable-transition-and-drag-handle
Video: 4:53
Title: 9 - Drag and Drop Tasks Between Columns
Link: https://vueschool.io/lessons/drag-and-drop-tasks-between-columns
Video: 6:07
Title: 10 - Alt Drag to Clone Tasks
Link: https://vueschool.io/lessons/alt-drag-to-clone-tasks
Video: 4:21
Title: 11 - Vue Draggable Sortable Classes
Link: https://vueschool.io/lessons/vue-draggable-sortable-classes
Video: 5:51
Title: 12 - Add a New Task
Link: https://vueschool.io/lessons/add-a-new-task
Video: 4:51
Title: 13 - Delete Tasks with Backspace
Link: https://vueschool.io/lessons/delete-tasks-with-backspace
Video: 8:16
Title: 14 - Edit, Add, and Remove Columns
Link: https://vueschool.io/lessons/add-remove-columns
Video: 10:58
Title: 15 - Persist Tasks to Local Storage
Link: https://vueschool.io/lessons/persist-tasks-to-local-storage
Video: 3:08
Title: 16 - Course Conclusion
Link: https://vueschool.io/lessons/build-a-drag-and-drop-trello-board-course-conclusion
Video: 1:22
vueschool.io
Learn Vue.js and modern, cutting-edge front-end technologies from core-team members and industry experts with our premium tutorials…
Vue.js, Tooling, Testing, Modern JavaScript such as ES6? Don't worry, we got you covered! Join today and learn from our video courses made by industry experts.
❤2