CfCWB Workshop - MEAN

Workshop de 30 minutos sobre MEAN Stack ministrado no HackNight do CodeForCuritiba.

Transcript

1. Eduardo Quagliato eduardo@quagliato.me http://quagliato.me
2. Agenda 1. Introdução 2. Os integrantes a. MongoDB b. Express.js c. Angular.js d. Node.js 3. Implementações prontas a. Mean.io b. Mean.js 4. Exemplo prático apresentação 30 minutos perguntas 10 minutos
3. Introdução
4. • Significado: ◦ M de MongoDB ◦ E de Express.js ◦ A de Angular.js ◦ N de Node.js • Abrange web server, back-end e banco de dados; • Desenvolvimento ágil; • Escalável; • Tudo escrito em JavaScript, tanto server-side quanto client-side.
5. Os integrantes
6. • Banco de dados; • NoSQL (não é baseado em linguagem SQL); • Também chamado de “document-based”; • Salva os registros em formato JSON; • Free e Open-source; • Rápido, de fácil instalação e de fácil escalabilidade; • Grandes usuários: Craiglist, Foursquare, LinkedIn.
7. • Framework para Node.js; • Pode ser considerado um “web-server”; • Open-source; • Para instalar: npm install express • Incomparavelmente rápido; • Grandes usuários: Netflix, Uber, IBM;
8. • Framework para aplicações web; • Roda tanto server-side quanto client-side; • Open-source, mantido pelo Google e pela comunidade; • Modus operandi: lê a página, procura os atributos e injeta os conteúdos; • Grandes usuários: Wolfram Alpha, NBC, Intel.
9. • Ambiente de execução para JavaScript; • Não é uma linguagem; • Utiliza engine V8 do Google para interpretar o código; • Orientada à eventos e assíncrona o que permite escabilidade; • Grandes usuários: GoDaddy, PayPal, Yahoo!.
10. Implementações Prontas
11. Mean.io • http://mean.io • Instalação ◦ # npm install -g mean-cli ◦ $ mean init newApp001 • Utiliza bower e gulp para client-side; • No server: config, controllers, models, routes, views; • No client: assets, controllers, config, services, views; • Infinidade de pacotes prontos: http://mean.io/#!/packages ◦ mean install <pacote>
12. Mean.js • http://meanjs.org • Instalação ◦ # npm install -g yo ◦ # npm install -g generator-meanjs ◦ $ yo meanjs • Possui alguns geradores para facilitar o trabalho; ◦ eg: CRUD, rotas etc. • Também possui possibilidade de módulos, mas a quantidade ainda é pequena;
13. Exemplo Prático http://github. com/quagliato/cfcwb- workshop-mean