O documento discute as tecnologias JavaScript, incluindo como o JavaScript evoluiu de uma linguagem mal compreendida para uma linguagem essencial para aplicações web modernas com o desenvolvimento de Ajax e Web 2.0. Ele também descreve várias tecnologias relacionadas ao JavaScript como Node.js, Socket.io e frameworks como Express.js.

1. JavaScript Applications
Luciano Costa

2. trabalho desde 2001 com
desenvolvimento de software
Ruby, JavaScript, PHP, Java, Delphi, Asp, ColdFusion, Clipper, UA-Clip, VB

3. home-office

4. recentemente

5. JavaScript
vamos falar de

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
entenda >
eventos, callbacks, closures, escopo

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
até que, em
⇒
Ajax
⇒
Web
2.0

15. Assynchronous Javascript And XML

16. workflow sistemas web
solicita
pesquisa
responde

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
HTML5
comunicaçã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.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 – 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