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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 17 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction to FormKit

All Course Lessons (17)

#Lesson TitleDurationAccess
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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Paginated Vue Components with Laravel

Paginated Vue Components with Laravel

Sources: Codecourse
Want flexible paginated Vue components that work with any data? Let's make this easy.
52 minutes 56 seconds
Rapid Development with Vite

Rapid Development with Vite

Sources: vueschool.io
Vite is a first-in-class build tool that aims to provide a faster and leaner development experience for modern web projects. In this course, we cover everything you need to kno...
1 hour 40 minutes 49 seconds