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

Ping us if you have a link to the slides.
Peter Flynn and Kevin Dangoor Peter Flynn and Kevin Dangoor

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. Theseus provides an “omniscient” view of your JavaScript’s execution flow, spanning code executing in the browser and Node. Everything is open source, so you can use these techniques and code in your own applications.

Video Video Video