Session

Building Super-Powered Forms For the Web (workshop)

Forms are foundational for almost every website you interact with today. So shouldn’t we invest in building the best forms we can?

I spent several years studying everything about forms that I could. Now, I want to show you how to use modern techniques to build forms with super powers.

Things you'll learn:
- The perfect markup for semantic, accessible inputs
- CSS-only UX improvements that no longer need JS
- Custom input validation without a library
- Using JavaScript to improve accessibility
- Submitting forms without a full page reload
- Adding retry logic on failed submissions
- Preventing data-loss from reloads or navigation
- Avoiding race-conditions on multiple requests
- Building forms that work even when JavaScript fails
- Ways we can improve server-side APIs

We'll be doing everything from scratch and cover several examples and look at both the frontend and backend considerations, all while focusing on:
- Semantics
- Accessibility
- Design
- User experience
- Progressive Enhancement

Austin Gil

Developer Advocate (& Pinball Aficionado) @ Akamai

Portland, Oregon, United States

View Speaker Profile