UX Programming for Developers

on YouTube ↗48m

" summary

Practical UX techniques for front-end developers: use service workers with cache-first then network-update to display UI instantly and refresh in background; store transient state in localStorage or the Cache API to avoid repeated AJAX. Reduce form friction with fewer inputs, immediate inline validation and undo; prefer native scrolling/minimal JavaScript for swipe/timeline views; debounce hover to prevent flicker; use simple visual hint animations; and measure perceived loading (show percent chunks) instead of only raw load time.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 2:03UX vs UI differences
3. 7:48Developer UX duties
4. 11:04Scenario-based development
5. 15:40User-centered form design
6. 19:43Animations and usability
7. 22:18Performance optimization
8. 28:22Web navigation interactions
9. 33:09Swiping and mobile UX
10. 37:36Q&A

" related talks

• 49mUX Patterns for Web DevelopersNicole Saidy, Jad Joubran · NDC Sydney 2017
• 21mAsynchronous UXToni Petrina · React Advanced 2021
• 54mHow to build the modern, optimistic and reactive user interface, we all want.Guillermo Rauch · ColdFront 2014
• 01h 03mSpeed up your Web ApplicationSebastian Springer · W-JAX 2018
• 36m"UX for Developers, Seriously!"Agnieszka Naplocha · Codemotion Milan 2015
• 26mWhat Every Developer Must Know About User-Interface Design and UXNiyam Bhushan · Great Indian Developer Summit 2015
• 20mGood design hasn’t changed with AIJohn Pham · AI Engineer World's Fair 2025
• 18mThe need for speed - Single-page apps, Optimistic UIs, ReactivityGuillermo Rauch · dotJS 2013