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

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