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 specializes in Responsive Design, Content Management Systems, and Virtual Reality Photography. He teaches courses for Pluralsight and runs a web development business and Spartan Design University where he hosts resources for many online courses.

More from the author
Creating Page Layouts with CSS
2h 14m
Jul 13, 2020
Hands-on JavaScript Project: JSON
1h 16m
Oct 26, 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.