Your SlideShare is downloading. ×
JavaScript Applications
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

JavaScript Applications

670
views

Published on

Apresentação realizada na Facensa em 10/11/11, sobre aplicações feitas em JavaScript.

Apresentação realizada na Facensa em 10/11/11, sobre aplicações feitas em JavaScript.

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
670
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. JavaScript Applications Luciano Costa
  • 2. trabalho desde 2001 com desenvolvimento de softwareRuby, JavaScript, PHP, Java, Delphi, Asp, ColdFusion, Clipper, UA-Clip, VB
  • 3. home-office
  • 4. recentemente
  • 5. JavaScript  vamos falar de
  • 6. JavaScriptnão é Java!  
  • 7. JavaScriptnão é fácil!  
  • 8. JavaScriptlinguagem funcional e dinâmica
  • 9. JavaScriptlinguagem funcional e dinâmicabaseada em protótipos
  • 10. JavaScript linguagem funcional e dinâmica baseada em protótiposentenda >   eventos, callbacks, closures, escopo  
  • 11. JavaScripttodo mundo acha que sabe
  • 12. JavaScripttodo mundo acha que sabe  sempre foi mal compreendida
  • 13. JavaScripttodo mundo acha que sabe  sempre foi mal compreendidasempre foi o Patinho Feio da internet…
  • 14. 2005até que, em ⇒       Ajax   ⇒       Web  2.0  
  • 15. Assynchronous Javascript And XML  
  • 16. workflow sistemas websolicita pesquisaresponde
  • 17. workflow sistemas web solicitaü  HTTP pesquisa responde
  • 18. workflow sistemas web ü  Apache ü  Tomcat ü  IIS solicita ü  Etc..ü  HTTP pesquisa responde
  • 19. workflow sistemas web ü  Apache ü  Tomcat ü  IIS solicita ü  Etc..ü  HTTP pesquisa responde ü  Java ü  Ruby ü  PHP ü  .Net ü  Etc..
  • 20. workflow sistemas web ü  Apache ü  Tomcat ü  IIS solicita ü  Etc..ü  HTTP pesquisa responde ü  ORM ü  Driver ü  Java ü  Ruby ü  PHP ü  .Net ü  Etc..
  • 21. workflow sistemas web ü  Apache ü  Tomcat ü  IIS solicita ü  Etc..ü  HTTP pesquisa responde ü  ORM ü  Driver ü  Java ü  FileSystem ü  Ruby ü  Memória ü  PHP ü  Serviço ü  .Net ü  Etc..
  • 22. workflow sistemas web ü  Apache ü  Tomcat ü  IIS solicita ü  Etc..ü  HTTP pesquisa responde ü  ORM ü  Driver ü  Java ü  FileSystemü  HTML ü  Ruby ü  Memóriaü  CSS ü  PHP ü  Serviçoü  JavaScriptü  XML ü  .Netü  Mídia ü  Etc..
  • 23. O que muda com AJAX ? XMLHttpRequest XML, JSON
  • 24. AJAX virou gambiarra  tentativa de simular realtime gera overhead  
  • 25. Websockets   HTML5comunicação bidirecional  
  • 26. O que muda com websockets? publish / subscribe 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.jsServidor 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. LinksWebsockets – http://dev.w3.org/html5/websockets Socket.io – http://socket.io Node.js – http://nodejs.org NPM – http://npmjs.org Express.js – http://expressjs.com EJS – http://embeddedjs.com Mongoose – https://github.com/LearnBoost/mongoose Jasmine – https://github.com/pivotal/jasmine
  • 43. Obrigado!   Luciano Costa http://lucianocosta.info   @lscosta  

×