MEAN: JavaScript do navegador ao servidor

Talk apresentada no FLISOL 2015 Itapetininga

Transcript

1. MEAN: JavaScript do navegador ao servidor
2. Desenvolvedor Web github.com/vitornogueira speakerdeck.com/vitornogueira
3. Um pouco sobre JavaScript
5. nããããããão
7. Um pouco de história...
8. 1995 No mês de maio Brendan Eich cria a primeira implementação em 10 dias, inicialmente chamada de Mocha. Em setembro seu nome foi alterado para LiveScript e em dezembro para JavaScript 1997 Criada a primeira versão do ECMAScript - ECMA-262 (padrão internacional que define o JavaScript) 1998 ES 2
9. 1999 ECMA-262 3 2000 Início da 4ª Edição do ECMAScript 2004 ES 4 foi abandonada
10. 2006 jQuery é lançado 2009 Ryan Dahl apresenta o Node.js na JSConf EU 2011 ES 5
11. 2014 Anunciada a data para o release final do ES6 2015 Março é iniciado o processo de publicação com final previsto para Junho
12. MEAN
13. Full-stack JavaScript solution that helps you build fast, robust, and maintainable production web applications using MongoDB, Express, AngularJS, and Node.js http://meanjs.org/
14. Node.js
15. Plataforma criada para desenvolver aplicações de rede rápidas e escaláveis utilizando JavaScript
16. Construído sobre o V8, um interpretador criado pelo Google escrito em C++ e utilizado no Google Chrome
17. Utiliza um modelo de I/O direcionada a evento não bloqueante que o torna leve e eficiente, ideal para aplicações em tempo real com troca intensa de dados através de dispositivos distribuidos
18. var http = require('http'), host = '127.0.0.1', port = 3000; http.createServer(function (req, res) { if (req.url === '/') { res.writeHead(200, { 'Content-Type': 'text/html' }); res.end('Hello World'); } res.writeHead(404, { 'Content-Type': 'text/html' }); res.end('Cannot GET ' + req.url); }).listen(port, host); console.log('App listening at http://%s:%s/', host, port);
19. Node.JS: JavaScript no servidor com Google V8 http://www.slideshare.net/ramalho/nodejs- javascript-no-servidor-com-google-v8
20. Cases
21. PayPal
22. Página de visão geral da conta PayPal https://www.paypal-engineering.com/2013/11/22/node-js-at-paypal/
23. Criação da aplicação em pararelo - Java e Node.js PayPal https://www.paypal-engineering.com/2013/11/22/node-js-at-paypal/
24. Node.js Construído quase duas vezes mais rápido com menos pessoas PayPal https://www.paypal-engineering.com/2013/11/22/node-js-at-paypal/
25. Node.js Construído com 40% menos arquivos PayPal https://www.paypal-engineering.com/2013/11/22/node-js-at-paypal/
26. Node.js Escrito em 33% menos linhas de código PayPal https://www.paypal-engineering.com/2013/11/22/node-js-at-paypal/
27. Node.js Diminuição de 35% no tempo de resposta para a mesma página PayPal https://www.paypal-engineering.com/2013/11/22/node-js-at-paypal/
28. Walmart
29. Na Black Friday de 2013 colocaram todo o tráfego mobile sobre o Node.js Walmart http://www.nearform.com/nodecrunch/node-js-becoming-go-technology- enterprise/
30. Os servidores não utilizaram mais que 1% da CPU Walmart http://www.nearform.com/nodecrunch/node-js-becoming-go-technology- enterprise/
31. E a equipe fez um deploy com 200.000.000 de usuários online Walmart http://www.nearform.com/nodecrunch/node-js-becoming-go-technology- enterprise/
32. Módulos
34. Express
35. Fast, unopinionated, minimalist web framework for Node.js http://expressjs.com/
36. var express = require('express'); var app = express(); app.get('/', function (req, res) { res.send('Hello World!'); }); var server = app.listen(3000, function () { var host = server.address().address; var port = server.address().port; console.log('App listening at http://%s:%s', host, port); }); http://expressjs.com/starter/hello-world.html
37. AngularJS
38. Framework JavaScript para criação de Web Apps criado em 2010 https://angularjs.org
39. Two-Way Data Binding MVC Unit Test E2E Test Dependency Injection Directives Services Filters Factory ajax promises
41. MongoDB
42. Banco de dados NoSQL orientado a documentos de alta performance e open source
43. ( NoSQL
44. O termo surgiu em 1998 como o nome de um banco de dados não relacional de código aberto
45. O NoSQL(Not Only SQL) surgiu da necessidade de uma performance superior e de uma alta escalabilidade
46. Alguns tipos de NoSQL - Wide Column Store/Column Families - Cassandra, HBase, Hypertable - Graph Databases - Neo4J, InfoGrid, HyperGraphDB - Key/Value - Redis, DynamoDB, LevelDB - Document Store - MongoDB, CouchDB http://nosql-database.org/
47. )
48. O MongoDB armazena os dados no formato JSON e provê uma interface onde podemos manipular os dados usando funções JavaScript no console
49. May the Force be with you
50. I ❤ JavaScript Vitor Nogueira github.com/vitornogueira
51. Links e Referências - https://speakerdeck.com/pedronauck/es6-using-the-new-javascript- today - https://speakerdeck.com/jaydson/and-es6-for-all - https://speakerdeck.com/jaydson/es6rocks-jsconf-argentina-2014 - https://www.w3. org/community/webed/wiki/A_Short_History_of_JavaScript - https://esdiscuss.org - http://dailyjs.com/history-of-javascript.html - http://www.2ality.com/2011/06/ecmascript.html - https://developer.mozilla.org/en- US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_ in_Mozilla - http://www.2ality.com/2014/06/es6-schedule.html
52. - http://nodejs.org/ - http://www.slideshare.net/ramalho/nodejs-javascript-no-servidor- com-google-v8 - http://tableless.com.br/o-que-nodejs-primeiros-passos-com-node-js/ - https://strongloop.com/node-js/why-node/ - http://imasters.com.br/artigo/22016/javascript/o-que-exatamente-e-o- nodejs/ - http://imasters.com.br/front-end/javascript/video-javascript-que-voa/ - https://github.com/joyent/node/wiki/Projects,-Applications,-and- Companies-Using-Node - https://www.joyent.com/developers/videos/node-js-on-the-road-sf- node-js-at-paypal - http://www.informationweek.com/cloud/software-as-a- service/paypal-finds-nodejs-secret-to-successful-makeover/d/d- id/1127734 - https://www.paypal-engineering.com/2013/11/22/node-js-at-paypal/ Links e Referências
53. - http://www.nearform.com/nodecrunch/node-js-becoming-go- technology-enterprise/ - http://www.slideshare.net/joemccann/the-business-case-for-node - http://blog.risingstack.com/node-js-is-enterprise-ready/ - http://venturebeat.com/2012/01/24/why-walmart-is-using-node-js/ - https://www.joyent.com/developers/videos/node-js-at-walmart- introduction - http://venturebeat.com/2011/08/16/linkedin-node/ - http://highscalability.com/blog/2012/10/4/linkedin-moved-from-rails- to-node-27-servers-cut-and-up-to-2.html - http://www.infoq.com/news/2012/10/Ruby-on-Rails-Node-js-LinkedIn Links e Referências
54. - http://www.thoughtworks.com/insights/blog/nosql-databases- overview - http://www.slideshare.net/suissapg/be-mean-24109574 - http://en.wikipedia.org/wiki/MongoDB - http://www.devmedia.com.br/introducao-ao-mongodb/30792 - http://imasters.com.br/artigo/18334/mongodb/3-razoes-para-usar- mongodb/ - http://pt.wikipedia.org/wiki/NoSQL - http://imasters.com.br/artigo/17043/banco-de-dados/nosql-voce- realmente-sabe-do-que-estamos-falando/ - http://nosqlbr.com.br/ - http://www.devmedia.com.br/introducao-aos-bancos-de-dados- nosql/26044 Links e Referências