Explore advanced code editing techniques and end-to-end JavaScript debugging in this 34-minute conference talk from JSConfEU 2010. Delve into the intricacies of building a powerful code editor, examining various implementation options including Content Editable, Canvas, Pure DOM, and DOM with virtual viewport. Learn about the renderer layers and the plugin-based architecture that enhances flexibility. Discover why certain approaches, like Bespin, were not chosen, and gain insights into the open-source building blocks that form the foundation of effective debugging tools. This presentation offers valuable knowledge for developers looking to enhance their understanding of code editing and debugging in JavaScript environments.
Overview
Syllabus
Intro
Code Editor
Overview
Requirements
Why not Bespin?
Implementation Options
Content Editable
Canvas
Pure DOM
DOM + virtual view port
Renderer
Layers
Everything is a Plugin
What is a plugin
Debugging
Open Source Building Blocks
Taught by
JSConf