In this talk, David Lojudice Sobrinho talks about Isomorphic Javascript and how to achieve this. Github: https://github.com/Vizir/isomorphic_js Original (with lovely animated gifs): https://dl.dropboxusercontent.com/u/702095/Apresenta%C3%A7%C3%B5es/isomorphic%20javascript%20-%20nodebr.zip

1. isomorphic javascript

2. ?

6. client = server?

7. client = server

9. symmetric infra
app
infra
client server

10. infrastructure?
DOM
MVC
HTML
SQL
WebSocket
Route
CSS
SMTP
HTTP
NoSQL
OAuth

11. isomorphic view
document.getElementById('content');

12. rendr (AirBnB)
backbone + template
https://github.com/rendrjs/rendr
react (Facebook)
virtual DOM
http://facebook.github.io/react/

13. isomorphic data
mongoObj.insert({text: ‘hello word'});

14. meteor
mongo API
https://www.meteor.com/
pouchDB
couchDB implementation
http://pouchdb.com/

16. client != server

17. asymmetric infra
client serve
MVC angular express
view HTML JSON
persiste
nce
XMLHttpRequest
SELECT *
FROM

18. isomorphic business
logic

19. asymmetric infra
app
infra
client server
infra

20. mvc != app

21. separation of concerns
http://socket.io/#how-to-use

22. single page application
file
http://vimeo.com/89258863
Modular JavaScript With npm and Node Modules

23. https://www.youtube.com/watch?
v=WpkDN78P884
architecture the lost years by Uncle
Bob
architecture is not about frameworks and tools
architecture is about use cases
business logic should be isolated from frameworks
business logic should be isolated from the frontend (delivery mechanism)
business logic should be isolated from the backend (persistence mechanism)

25. business/
package.json
use_case/
model/
test/
web/
server/
package.json
route.js
controllers/
repository/
test/
client/
package.json
index.js
view/
controllers/
repository/
public/
test/

26. business/
web/
server/
client/
rest-api/
cli/
irc/
voice/
{{whatever}}/
https://github.com/qertoip/guru_watch/wiki/Real-World-Concerns

27. SHOW IT!

28. use
case
models
controller
repositor
y
view
Business
Infra
Client &
Server

29. Salvar
Cliente
Use Case
Cliente
Cliente
Controlle
r
(angular)
Cliente
Repositor
y
index.ht
ml
Infra
(browser)
Clien
t
DOM $HTTP
Business

30. Salvar
Cliente
Use Case
Cliente
Cliente
Controlle
r
(express)
Cliente
Repositor
y
JSON
Serve
r
HTTP DB
Cliente
(server)
Business
Infra
(node.js)

31. client = server
X
cliente != server
cliente != server
cliente != server
cliente != server
cliente != server

34. david lojudice sb
@dalssoft
david@vizir.com.br
david@vizir.com.br
david@vizir.com.br
https://github.com/Vizir/isomorphic_js