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

Watch Online Robust Vue.js Forms with FormKit

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

PWA with Vue JS, Quasar & Firebase (with NodeJS & Express)

PWA with Vue JS, Quasar & Firebase (with NodeJS & Express)

Sources: udemy
In this course, I'm gonna show you how to use Vue JS, Quasar Framework and Firebase to create an amazing Progressive Web App (PWA). We're gonna create a gorgeous Instagram clone...
14 hours 36 minutes 16 seconds
Vue 3 and Nuxt.js: Different Ways of Creating Vue Apps

Vue 3 and Nuxt.js: Different Ways of Creating Vue Apps

Sources: udemy
Learn how to create an Admin App using Vue 3. Vue 3, Nuxt.js, Composition API, Options API, Vuex, Typescript, Docker, c3.js charts, Upload Images, Export CSV, S
4 hours 59 minutes 48 seconds