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
0:00
/ #1: Introduction to FormKit
All Course Lessons (17)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Introduction to FormKit Demo | 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 |
Unlock unlimited learning
Get instant access to all 16 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscription
Want to join the conversation?
Sign in to comment