JavaScript Applications

Apresentação realizada na Facensa em 10/11/11, sobre aplicações feitas em javascript. Keywords: ajax, websockets, node.js, npm, express.js, ejs templates, mongoose, jasmine.

Transcript

1. JavaScript Applications Luciano Costa
2. desenvolvimento de software Ruby, JavaScript, PHP, Java, Delphi, Asp, ColdFusion, Clipper, UA-Clip, VB trabalho desde 2001 com
3. home-office
4. recentemente
5. vamos falar de JavaScript  
6. JavaScript não é Java!  
7. JavaScript não é fácil!  
8. JavaScript linguagem funcional e dinâmica
9. JavaScript linguagem funcional e dinâmica baseada em protótipos
10. JavaScript linguagem funcional e dinâmica baseada em protótipos eventos, callbacks, closures, escopo   entenda >  
11. JavaScript todo mundo acha que sabe
12. JavaScript todo mundo acha que sabe   sempre foi mal compreendida
13. JavaScript todo mundo acha que sabe   sempre foi mal compreendida sempre foi o Patinho Feio da internet…
14. 2005 ⇒       Ajax   ⇒       Web  2.0   até que, em
15. Assynchronous Javascript And XML  
16. solicita pesquisa responde workflow sistemas web
17. solicita pesquisa responde workflow sistemas web ü  HTTP
18. solicita pesquisa responde ü  Apache ü  Tomcat ü  IIS ü  Etc.. workflow sistemas web ü  HTTP
19. solicita pesquisa responde ü  Java ü  Ruby ü  PHP ü  .Net ü  Etc.. workflow sistemas web ü  Apache ü  Tomcat ü  IIS ü  Etc.. ü  HTTP
20. solicita pesquisa responde ü  ORM ü  Driver ü  Java ü  Ruby ü  PHP ü  .Net ü  Etc.. workflow sistemas web ü  Apache ü  Tomcat ü  IIS ü  Etc.. ü  HTTP
21. solicita pesquisa responde ü  FileSystem ü  Memória ü  Serviço ü  ORM ü  Driver ü  Java ü  Ruby ü  PHP ü  .Net ü  Etc.. workflow sistemas web ü  Apache ü  Tomcat ü  IIS ü  Etc.. ü  HTTP
22. solicita pesquisa responde ü  FileSystem ü  Memória ü  Serviço ü  ORM ü  Driver ü  HTML ü  CSS ü  JavaScript ü  XML ü  Mídia ü  Java ü  Ruby ü  PHP ü  .Net ü  Etc.. workflow sistemas web ü  Apache ü  Tomcat ü  IIS ü  Etc.. ü  HTTP
23. XMLHttpRequest XML, JSON O que muda com AJAX ?
24. AJAX virou gambiarra   tentativa de simular realtime gera overhead  
25. Websockets   comunicação bidirecional   HTML5
26. publish / subscribe O que muda com websockets? realtime
27. Socket.io   cross-browser realtime layer   •  WebSocket •  Adobe® Flash® Socket •  AJAX long polling •  AJAX multipart streaming •  Forever Iframe •  JSONP Polling
28. Node.js   Evented I/O for V8 JavaScript  
29. Node.js  
30. Node.js   % node facensa.js Servidor rodando em http://127.0.0.1:1337/
31. NPM   Gerenciador de Pacotes do Node   % npm install socket.io
32. NPM   % npm install -d /package.json  
33. Express.js   Node web framework  
34. Express.js  
35. EJS Templates   <% Embedded JavaScript %>  
36. EJS Templates   /views/Alunos.ejs  
37. Mongoose   Modelagem de Objetos para MongoDB  
38. Mongoose  
39. Mongoose  
40. Jasmine   Framework Testes BDD  
41. Jasmine  
42. Links Websockets Socket.io Node.js NPM Express.js EJS Mongoose Jasmine – http://dev.w3.org/html5/websockets – http://socket.io – http://nodejs.org – http://npmjs.org – http://expressjs.com – http://embeddedjs.com – https://github.com/LearnBoost/mongoose – https://github.com/pivotal/jasmine
43. Obrigado!   Luciano Costa http://lucianocosta.info   @lscosta