Kick ass code editing and end to end JavaScript debugging
•
4 likes•3,089 views
Cloud9 IDE is aiming to be the IDE for Javascript developers. We have all experienced the Eclipse variants and other Java or C++ IDE's for which webdevelopment and javascript was an afterthought. Extending these applications or customizing them to our needs was done in either Java or C++ and generally very difficult. We are developing applications in javascript to run online for a purpose, why shouldn't you do your application development online too? This talk gives an overview over the Cloud9 IDE and delves into the technical details of the code editor and the buildin debugger.
More Related Content
Similar to Kick ass code editing and end to end JavaScript debugging
Similar to Kick ass code editing and end to end JavaScript debugging (20)
More from Fabian Jakobs
More from Fabian Jakobs (12)
Recently uploaded
Recently uploaded (20)
Kick ass code editing and end to end JavaScript debugging
- 1. Kick ass code editing and end to end JavaScript debugging Fabian Jakobs @fjakobs
- 2. Code Editor + Debugger = ?
- 3. Code Editor + Debugger = IDE
- 5. Overview •Code Editor • IDE Plugins • Debugger
- 6. Demo
- 7. Editor
- 8. ACE Ajax.org Code Editor • nobody will use an IDE if the editor sucks • should be able to replace TextMate
- 9. Requirements • cross browser • fully featured • configurable • scalable • hackable
- 10. Sk y writer Why not Bespin? •inefficient in full screen • not cross browser jQ uer y • dependency on Sproutcore
- 11. Implementation Options •Content Editable • Canvas • pure DOM
- 12. Content Editable • not enough control • cross browser issues • not worth it (for code editing)
- 13. Canvas • full rendering control • no IE6, IE7, IE8 • implement key/mouse interaction manually • O(number of pixels)
- 14. Pure DOM • draw text, lines, rectangles • implement key/mouse interaction manually • naive O(number of lines) • better O(number of visible lines)
- 15. DOM + virtual view port .. .. .... .. ... .... . . ... . • rendering a full document in .. . . the DOM doesn‘t scale .. .. • only render visible rows . .. .. .. . .. . .. .. .... . . . .
- 16. Renderer •DOM is used for drawing only • no state in the DOM • never read the DOM
- 17. Layers
- 18. Layers
- 19. Demo
- 20. IDE Plugins
- 21. Everything is a Plugin search file system code editor new file language modes save debugger console
- 22. What is a plugin • JavaScript for client code • JavaScript (node.js) for server code • XML to describe the UI
- 23. Video
- 25. Debugger
- 26. Debugging V8 debugger protocol over socket.io IDE IDE Server Client V8 debugger protocol over TCP ? Application Application (node) in Chrome
- 27. Demo
- 28. cloud9 - Eclipse Google Docs - Word
- 29. Open Source Building Blocks connect node.js socket.io requireJS ACE jsDAV node-github APF node-o3-xml async.js
- 30. Cloud9 IDE open sourced TODAY
- 31. Join us in building an IDE by JS devs for JS devs.
- 32. Thanks for watching! Fork it on GitHub http://github.com/ajaxorg/cloud9