Robust Vue.js Forms with FormKit

2h 4m 52s
English
Paid

Course description

Forms are the core of interactive and dynamic web pages. They accept user input and must respond to that input often in real time and in a variety of ways.

FormKit is a plugin for Vue.js that addresses common form needs like validation, de-bouncing, and schema support all with an intuitive and easy to use component API.

In this course, learn how to let FormKit handle the tedious parts of form development so you can focus on business requirements and shipping robust forms!

Watch Online

Join premium to watch
Go to premium
# Title Duration
1 Introduction to FormKit 03:21
2 Project Setup and FormKit Config 04:12
3 Powerful Form Fields with a Simple API 08:38
4 Form Population and Submission 07:41
5 Customize the Form with Props 03:17
6 How to Validate a Form Input 08:25
7 Modify Validation Rules with Hints 03:26
8 Create Custom Validation Rules 05:50
9 Create Custom Validation Messages 04:32
10 Generate Forms from a Schema 14:42
11 Extend FormKit with Plugins 09:10
12 Create a Custom FormKit Input 09:03
13 The FormKit Custom Input Checklist 06:06
14 Level Up with Pro Inputs 12:00
15 Create a Tailwind CSS Theme for FormKit 12:16
16 Course Conclusion 08:09
17 FormKit and Zod 04:04

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

MASTERING NUXT Learn Nuxt.js by Building a Real World App

MASTERING NUXT Learn Nuxt.js by Building a Real World App

Sources: masteringnuxt.com
Learn how to build robust, modern websites with Nuxt from scratch. Or improve your website performance, code quality, while making better use of the framework.
10 hours 36 minutes 24 seconds
Mastering Nuxt, 2025 Edition

Mastering Nuxt, 2025 Edition

Sources: masteringnuxt.com, Michael Thiessen
Mastering Nuxt: Full Stack Unleashed - 2025 Edition - is not just a course, but a comprehensive step-by-step guide to modern Nuxt, created with the...
7 hours 36 minutes 9 seconds
Nuxt.js - Vue.js on Steroids

Nuxt.js - Vue.js on Steroids

Sources: udemy
You'll of course learn all the details in this course but the most important takeaway is that Nuxt.js makes the creation of better, more optimized and more capa
6 hours 27 minutes 50 seconds