Peter Flynn and Kevin Dangoor: Building Live HTML and Omniscient Debuggers in Brackets

The Brackets open source project is a sandbox for experimenting with new ideas in web tooling. In this session, lead Brackets developers will explain how two of them work: Live HTML Development, and a new approach to debugging JavaScript codenamed Theseus. We’ll discuss the guts of as-you-type HTML preview: correlating the HTML in your editor to the DOM in your browser, tracking diffs, and applying them as incremental DOM updates. We’ll also talk about Theseus, a project we’ve built in partnership with MIT.