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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Test with Jest
Sources: vueschool.io
Jest is an industry leading test suite for JavaScript used by big and small projects around the globe. Get up and running with Jest in this course! In this course, you'll learn ...
52 minutes 39 seconds
Common Vue.js Mistakes and How to Avoid Them
Sources: vueschool.io
Mistakes are inevitable, but their repetition can be prevented. In this course, we will look at the most common mistakes made by Vue.js developers and find...
1 hour 12 minutes 47 seconds
The Nuxt 3 Bootcamp The Complete Developer Guide
Sources: udemy
This is the most comprehensive Nuxt 3 course on the market. You will learn many of Nuxt's incredible features all while build six real world projects. With each
16 hours 52 minutes 7 seconds