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
Material UI with Vuetify and Vue.js
Sources: vueschool.io
Create a Vue.js app with a beautiful and functional UI in no time with Vuetify! This UI library contains 80+ ready to use components designed according to the b
1 hour 40 minutes 10 seconds
Vue Component Design: Master Scalable Vue.js Patterns
Sources: vueschool.io
Creating scalable Vue components requires not only technical knowledge but also the ability to apply time-tested patterns, tested in...
54 minutes 42 seconds
100 Days Of Code: The Complete Web Development Bootcamp 2024
Sources: Academind Pro
Learn web development from A to Z in 100 days (or at your own pace) - from "basic" to "advanced", it's all included!
78 hours 51 minutes 55 seconds
Learn Laravel Vuejs from scratch - Build a TESLA web app
Sources: udemy
This course will teach you how to use the Laravel and Vuejs frameworks completely from scratch. In this course we will be building and going through a few proj
6 hours 48 minutes 12 seconds