29
MEAN Full Stack JavaScript

MEAN Full Stack JavaScript - TaSafoConf 2015

Embed Size (px)

Citation preview

Page 1: MEAN Full Stack JavaScript - TaSafoConf 2015

MEANFull Stack JavaScript

Page 2: MEAN Full Stack JavaScript - TaSafoConf 2015

Apresentação

Kaio ValenteDesenvolvedor - DocYouSign

Page 3: MEAN Full Stack JavaScript - TaSafoConf 2015

NÓS UTILIZAMOS...

Page 4: MEAN Full Stack JavaScript - TaSafoConf 2015

1.MEAN

MongoDBExpress

AngularJSNodeJS

Page 5: MEAN Full Stack JavaScript - TaSafoConf 2015

“Problema de usar acrónimos para definir uma stack de tecnologias: LAMP

Page 6: MEAN Full Stack JavaScript - TaSafoConf 2015

Javascript/MEAN não é hype. É Realidade

Page 7: MEAN Full Stack JavaScript - TaSafoConf 2015

JSON é como a web falaFácil para humanos lerem, qualquer linguagem de programação sabe parsear, simples, confiável e flexível.

Page 8: MEAN Full Stack JavaScript - TaSafoConf 2015

JSON JAVASCRIPT

Page 9: MEAN Full Stack JavaScript - TaSafoConf 2015

2.NODE.JS

Node.js is a JavaScript

runtime built on Chrome's V8

JavaScript engine.

Page 10: MEAN Full Stack JavaScript - TaSafoConf 2015

O que é NodeJS

▸ Javascript no servidor▸ Ambiente de execução para rodar Javascript▸ Indepente de browser - Engine v8▸ Multiplataforma▸ Single Thread▸ Eficiente e escalável

Page 11: MEAN Full Stack JavaScript - TaSafoConf 2015

▸ Não bloqueante▸ Código assíncrono▸ Callback hell▸ Performático

Page 12: MEAN Full Stack JavaScript - TaSafoConf 2015

Bom para... Ruim para...

▸ Aplicações de tempo real▸ Serviços de rede, muito IO▸ Web services▸ Construção de APIs▸ Aplicações web

convencionais

▸ Processamento intenso▸ Processamento com muito

uso de CPU▸ Vídeos, imagens, etc

Page 13: MEAN Full Stack JavaScript - TaSafoConf 2015

Aspectos interessantes

▸ Módulos▸ Pacotes e dependências▸ NPM▸ Debug

Page 14: MEAN Full Stack JavaScript - TaSafoConf 2015

3.AngularJS

Superheroic JavaScript

MVW Framework

Page 15: MEAN Full Stack JavaScript - TaSafoConf 2015

O que é AngularJS

▸ Construção de SPA▸ Data Binding▸ Diretivas▸ Injeção de dependências▸ Modularização

Page 16: MEAN Full Stack JavaScript - TaSafoConf 2015

CODE

Page 17: MEAN Full Stack JavaScript - TaSafoConf 2015

CODE

Page 18: MEAN Full Stack JavaScript - TaSafoConf 2015

4.Express

Fast, unopinionated, minimalist web

framework for Node.js

Page 19: MEAN Full Stack JavaScript - TaSafoConf 2015

O que é Express

▸ Framework web para node▸ Middlewares▸ Configuraçao de rotas

Page 20: MEAN Full Stack JavaScript - TaSafoConf 2015

CODE

Page 21: MEAN Full Stack JavaScript - TaSafoConf 2015

CODE

Page 22: MEAN Full Stack JavaScript - TaSafoConf 2015

CODE

Page 23: MEAN Full Stack JavaScript - TaSafoConf 2015

5.MongoDB NoSQL

Database

Page 24: MEAN Full Stack JavaScript - TaSafoConf 2015

O que é MongoDB

▸ NoSQL▸ Sem relacionamentos e esquemas▸ Alta performance e escalabilidade▸ ObjectID, collections, chave valor

Page 25: MEAN Full Stack JavaScript - TaSafoConf 2015

CODE

Page 26: MEAN Full Stack JavaScript - TaSafoConf 2015

CODE

Page 27: MEAN Full Stack JavaScript - TaSafoConf 2015

CODE

Page 28: MEAN Full Stack JavaScript - TaSafoConf 2015

CODE

Page 29: MEAN Full Stack JavaScript - TaSafoConf 2015

Obrigado!

Kaio [email protected]

We’re hiring