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
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
The Ultimate Guide to Vue Performance
Sources: vueschool.io
In today's world, the performance of web applications is of paramount importance. In this course, you will learn how to maintain the speed of your Vue...
2 hours 31 minutes 10 seconds
Build a Server Rendered Vue.js App with Nuxt and Vuex
Sources: egghead
Vue.js has a first-class ecosystem to help construct Vue.js apps. This includes Nuxt.js which enables server-rendered applications and a page-based approach. T
33 minutes 40 seconds
AI Chat Bot with Vue.js and GPT-4
Sources: vueschool.io
AI is a powerful tool of the future. With Open AI's Chat Completions API (GPT-3.5 Turbo and GPT-4), adopting it in your applications is as easy as a REST reques
1 hour 46 minutes 30 seconds