Last week, my new course “Building High Conversion Web Forms” was launch on Udacity. I had the pleasure to work with Cameron Pittman on this course and I hope you are going to like the outcome.
Let’s take one (I promise not two) step back, and think about forms. If you think on any meaningful experience on the web today, you will find out that it comes with a form. It might be a shopping cart, registration form, survey or even every login form. If it’s valuable, most probably it got a box that wish someone will fill it with information. Whether it’s a form made of text boxes, toggles, buttons, checkboxes, or touchable widgets, web developers need to be purposeful about forms to make users happy and increase conversions.
In our course, you’ll learn best practices for modern forms. It’s not just ‘watching’ videos. You’ll practice your skills along the way with a few self-directed projects, including an e-commerce checkout and an event planner app! As a special bonus, you’ll also watch a series of interviews with Luke Wroblewski, Google Product Director.
What will you learn?
Efficient Inputs
- You’ll be introduced to the principles of useful forms.
- You’ll research HTML5 input types.
- You’ll build a datalist input.
- You’ll exercise best practices for implementing input labels and types with many sample inputs.
- You’ll validate user input with HTML5 attributes and the Constraint Validation API with live examples.
Fast Forms
- You’ll start exploring techniques for making forms faster and easier for users
- You’ll practice empathy for your users in order to simply and expedite forms
- You’ll apply everything you’ve learned so far by designing and building an e-commerce checkout
Touch Support
- You’ll explore best practices for responding to and designing user interactions on mobile
- You’ll use touch events to build a mobile-ready touch slider
- You’ll be introduced to the final project – an event planner app!
Prerequisites
We expect that you have experience building websites front-ends from scratch and want to learn best practices for forms. We also expect that you are comfortable reading and writing HTML, CSS and JavaScript. If you are unsure if you’re ready, we recommend taking:
- Intro to HTML and CSS
- JavaScript Basics and if you feel like going for more Object-Oriented JavaScript
I hope you are going to like it!
Btw, here is a canonical deck I’ve created about forms:
Ido Green 
Reblogged this on russomi.