Author
Released
9/10/2020Skill Level Advanced
Duration
Views
- [Instructor] If there's one feature that can be found on almost any web application available today, it's probably forms. If your web forms aren't easy to use, then chances are you're losing customers without even realizing it. Hi, I'm Joe Marini, and I've been building software professionally for some of the biggest companies in Silicon Valley for more than 30 years. In this course, we're going to learn how to apply modern programming principles to your web forms to make them easy to understand, efficient to fill out, and resistant to bad data. We'll take a look at some simple things you can do right away, like proper label usage and keyboard shortcuts. And then move on to advanced topics, like dynamically controlling form field behavior, and implementing Auto Fill to make it easier to fill out common types of data. Then, we'll take a look at how to use validation techniques to make sure that the data that gets entered into your forms is what you expect to receive when it gets to your server, and how to prevent that data from being entered in the first place. So come join me in my course, and I'll show you some of my favorite techniques for building inviting, interactive forms that get the job done. Come on, let's get started.
Related Courses
-
Web Programming Foundations
with Morten Rand-Hendriksen58m 44s Beginner -
UX for Web Forms
with Emily Kay2h 18m Intermediate -
HTML & CSS: Creating Forms
with Clarissa Peterson2h 30m Beginner
-
Introduction
-
Building modern web forms1m 11s
-
What you should know1m 47s
-
Getting set up2m 24s
-
-
1. Form Programming Fundamentals
-
Label and field interaction8m 11s
-
Automatic shortcut keys9m 13s
-
Form and field events8m 55s
-
Using the output element5m 10s
-
Challenge: Form programming1m 51s
-
Solution: Form programming5m 18s
-
-
2. Dynamic Forms
-
Dynamic field display8m 26s
-
The FormData object7m 6s
-
Challenge: Dynamic forms2m 7s
-
Solution: Dynamic forms4m 1s
-
-
3. Support Autofill and Repopulation
-
Using dynamic datalists4m 14s
-
Supporting autofill9m 4s
-
Challenge: Autofill4m 33s
-
Solution: Autofill2m 25s
-
4. Validate Form Data
-
Filtering key input9m 57s
-
Challenge: Form validation2m 21s
-
Solution: Form validation3m 53s
-
Conclusion
-
Next steps38s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Building modern web forms