Course info
May 31, 2018
1h 10m

At the core of web development is a thorough knowledge of designing great web forms. In this course, Best Practices for Responsive Web-forms, you'll learn how to design and build attractive web forms that follow industry best practices. First, you'll learn about 24 best practices for making web forms while looking at good and bad examples. Next, you'll explore building a simple login form that follows these best practices. Finally, you'll discover how to construct a longer form with many different kinds of form inputs and how to style them correctly. When you're finished with this course, you'll have a foundational knowledge of web form creation and a critical eye for spotting poorly designed forms. This knowledge will help you as you move forward to make the web a better place by designing easy to use forms that encourage form completion.

About the author
About the author

Paul Cheney is a professor of Web Design and Development at Utah Valley University, where he teaches Responsive Design. He also owns his own web design company, which allows him to keep current in the field and share the latest technology with his students.

More from the author
Hands-on JavaScript Project: JSON
1h 16m
Oct 26, 2018
Hands-on Responsive Web Design 4: Navigation
1h 37m
Jan 22, 2018
More courses by Paul Cheney
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hello. My name is Paul Cheney. I am concerned about the pain that web developers cause the public when they design bad web forms. It's frustrating to customers, negatively impacts your company credibility, and it can affect your bottom line. I cannot overstate the importance of really good web form design. In this course, Best Practices for Responsive Web Forms, we will review 24 topics in 7 different areas. As we examine each one, we will look at bad and corrected examples. As a result, you should be acutely aware of poorly designed forms when you see one, and more importantly, you should know what needs to happen to improve the user experience. Next, we will work together to build a simple form that follows these 24 best practices. Then we'll build a longer form with many different kinds of inputs. These additional inputs require different CSS to make them work properly. In both of these examples, we will use the new browser form validation and CSS to identify errors. Finally, we will build a form that relies on vanilla JavaScript for validation and feedback messages. We will compare both validation methods so that you can make an informed decision as to which one you should use. Please join me as we explore these best practices for building web forms. And together, we'll make the web a better place.