GeeCON 2012: Coding in the Cloud

Transcript

1. Coding in the Cloud Zef Hemel (@zef)
3. 2 reasons
5. web apps
6. why?
7. why? nothing to install easy to upgrade access from anywhere collaborate centralized storage, backups cross-platform
8. email
9. photos email
10. documents photos email
11. documents photos email calendar
12. documents photos email calendar taxes
13. documents photos email calendar taxes banking
14. what do you use to develop those web apps?
16. huh!?
17. why? nothing to install easy to upgrade access from anywhere collaborate centralized storage, backups cross-platform
19. 1 build web apps with web apps
22. .js
23. browser.js
24. server.js
25. db.js
26. *.js
27. ~140,000
28. Tooling matters
30. JavaScript Developer
34. 2 JavaScript tooling with good UX
35. possible?
36. Mozilla Bespin
37. Mozilla Bespin Canvas
38. Browser Wars 2.0
39. DOM
40. 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
45. new office!
46. new office!
47. workflow
48. repo live system workspace local internet
49. repo live system workspace local internet c9.io
50. demo
51. behind the scenes
52. technology
53. technology web
54. ACE
63. JavaScript tooling
66. Tooling matters especially for JavaScript
69. Iterating using undeclared variable
71. Warning: you are in an anonymous inner function with its own “this” pointer
73. Did you mean “length”?
74. “The most important thing I have done as a programmer in recent years is to aggressively pursue static code analysis.” John Carmack
75. treehugger.js
76. “The JQuery of code analysis.”
77. treehugger.js Generic AST Data structure Generic Traversals DSL with Pattern Matching Language- Specific Parsers
80. system architecture
81. Proxy IDE DB IDE IDE Workspace Storage Client
82. Proxy IDE DB IDE IDE Workspace Storage Client JavaScript/HTML/CSS
83. Proxy IDE DB IDE IDE Workspace Storage Client XMLHttpRequest HTML5 WebSockets JavaScript/HTML/CSS
84. Proxy IDE DB IDE IDE Workspace Storage Client XMLHttpRequest HTML5 WebSockets JavaScript/HTML/CSS node.js node.js
85. Proxy IDE DB IDE IDE Workspace Storage Client XMLHttpRequest HTML5 WebSockets JavaScript/HTML/CSS node.js node.js redis postgresql
86. the road ahead
87. Unleash the awesome power of the Cloud
88. Your code lives in the cloud so you can collaborate
89. Your code lives in the cloud so you can use cloud computing power
90. analyze API usage detect code cloning compile
92. open source http://github.com/ajaxorg/cloud9 http://github.com/ajaxorg/ace http://github.com/ajaxorg/treehugger
93. got ideas? fork cloud9 and contribute
94. use what you evangelize code on the web http://c9.io @zef