GOTOcon 2012: Taming JavaScript with Cloud9 IDE: a Tale of Tree Hugging

My talk on TreeHugger.js at GOTOcon.

Transcript

1. Taming JavaScript with Cloud9 IDE: a Tale of Tree Hugging Zef Hemel (@zef)
5. .js
6. browser.js
7. db.js
8. server.js
9. *.js
11. ~140,000
12. Tooling matters
14. JavaScript Developer
18. HTML CSS JavaScript
19. HTML5 CSS3 JavaScript Client
20. HTML5 CSS3 JavaScript Client Node.js Redis Server
21. HTML5 CSS3 JavaScript Client Node.js Redis Server XMLHttpRequest HTML5 WebSockets
22. Mozilla Bespin
23. Mozilla Bespin Canvas
24. Browser Wars 2.0
25. DOM
26. Sidebar
27. Sidebar
28. Sidebar
29. Sidebar
30. Sidebar
31. Sidebar
32. Sidebar
33. Sidebar
34. JavaScript C/C++ Closure CoffeeScript Coldfusion C# CSS Groovy HTML Java JSON LaTeX Lua Markdown OCaml Perl PHP Ruby Scad Scala SCSS SQL SVG Textile XML
36. ~240,000
37. Component Systems Message Queues Decoupling
42. Tooling matters especially for JavaScript
44. Unleash the awesome power of...
45. tatic
46. program analysis
49. Iterating using undeclared variable
51. Warning: you are in an anonymous inner function with its own “this” pointer
53. Did you mean “length”?
54. “The most important thing I have done as a programmer in recent years is to aggressively pursue static code analysis.” John Carmack
55. How?
56. Parse Analyze
57. Parser Code AST
58. Abstract Syntax Tree a * 10 Parser Op Var Num “*” “a” “10”
59. Zeon UglifyJS Narcissus Esprima language.js
60. performance (speed/memory) AST datastructure traversal tools
61. performance (speed/memory) AST datastructure traversal tools JavaScript specific
62. treehugger.js
63. “The JQuery of AST analysis.”
64. treehugger.js
65. treehugger.js Generic AST Data structure
66. treehugger.js Generic AST Data structure Generic Traversals
67. treehugger.js Generic AST Data structure Generic Traversals DSL with Pattern Matching
68. treehugger.js Generic AST Data structure Generic Traversals DSL with Pattern Matching Language- Specific Parsers
69. treehugger.js Generic AST Data structure Generic Traversals DSL with Pattern Matching Language- Specific Parsers JavaScript (UglifyJS-based)
70. treehugger.js Generic AST Data structure Generic Traversals DSL with Pattern Matching Language- Specific Parsers JavaScript (UglifyJS-based)
71. a * 10 Op Var Num “*” “a” “10”
72. Op("*", Var("a"), Num("10")) Op Var Num “*” “a” “10”
73. Op("*", Var("a"), Num("10")) ATerm Op Var Num “*” “a” “10”
74. Constructors Lists Strings Var(_) [_, _] "hello" Placeholders x
75. let’s play
76. What can you do with it?
77. Low-level tooling
79. Intelligent code completion
80. Complex refactoring
81. Cloud
82. Big data
83. What if...
84. Project 1 Project 2 Project 3 Project 4 Project 5 Project 6
85. Your (dev) environment matters use static analysis tools
86. http://c9.io @zef http://github.com/ajaxorg/treehugger