Rapid Prototyping with Front End Frameworks
summary
Builds an “Unread” Gmail prototype in Ember.js that goes from a five‑minute pen sketch to a working app in a few days, using Ember fixtures to swap stubs for a real API, dropping the initial drag-and-drop discarded interaction after iteration one, adding an index/list view when only ~1 in 5 contacts matter, then moving rendering into canvas 16ms for smooth swipes. Discovers Gmail’s global ~5‑thread access limit, adds multi‑account support, and progressively hardens the backend as the UI proves the concept.
AI-written summary · about
chapters (12)
- 0:00Start
- 0:05Prototyping with Front End Frameworks
- 0:22Isle of Code
- 12:193 Main Steps
- 12:46Iterating from here
- 15:13Low Fi Frames
- 16:391-2 days)
- 17:52The very first version
- 18:47real data!
- 22:40Iter 3
- 33:38Iter 6: Add Paint
- 34:21After 6 iterations
related talks
30mWeb Components: Just in the Nick of Time
26mCreating Fluid App-Like Experiences with Ember
59mEmber.js, and why the framework helps you unlocking unprecedented productivity.
49mBuilding Web Applications with Ember.js
26mModern Javascript Frameworks - Introduction to Ember.JS and Ember-CLI
51mWrite once, run everywhere: ambitious cross-device web apps
40mFRONTEND CHOICES
29mEffective user interface design with HTML prototyping