hoodie na campus party brasil 2013
DESCRIPTION
Hoodie (www.hood.ie) é um projeto opensource que permite com que você desenvolva aplicações web sem ae preocupar com backend, banco de dados e servidores. Através de sua API é possivel criar aplicações em menos de 15 minutos com suporte de dados offline, excelente para aplicativos moveis.TRANSCRIPT
![Page 1: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/1.jpg)
![Page 2: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/2.jpg)
INDEX .......................................................
....................................................
................................................
...................................................
...........................................................
...............................................................
............................................................
.........................................
HOOD.IE 2
INTRODUÇÃO
BACKEND WEB
O QUE É HOODIE?
CONFIGURAÇÃO
USUÁRIOS
DADOS
EVENTOS
O FUTURO DO HOODIE
4
5
11
17
21
26
30
35
![Page 3: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/3.jpg)
HOOD.IE
DAVID RUIZ DESENVOLVEDOR EVANGELISTA @ TELEFÔNICA DIGITAL
3
@wupsbr http://wupsbr.com [email protected]
![Page 4: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/4.jpg)
HOOD.IE 4
BACKEND WEB DIVERSIDADE DE LINGUAGENS, FRAMEWORKS E BD’S.
![Page 5: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/5.jpg)
HOOD.IE
BACKEND WEB A MESMA RECEITA SEMPRE!
5
• CADASTRAR USUÁRIOS;
• SER CAPAZ DE ADMINISTRAR FACILMENTE;
• PERMITIR SALVAR E CARREGAR INFORMAÇÕES;
• PERMITIR PUBLICAR OU COMPARTILHAR ESTAS INFORMAÇÕES;
• TALVEZ ENVIAR UM OU DOIS EMAILS;
• PERMITIR COM QUE O USUÁRIO PAGUE PELO SERVIÇO.
![Page 6: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/6.jpg)
HOOD.IE
BACKEND WEB A MESMA RECEITA SEMPRE!
6
• CADASTRAR USUÁRIOS;
• SER CAPAZ DE ADMINISTRAR FACILMENTE;
• PERMITIR SALVAR E CARREGAR INFORMAÇÕES;
• PERMITIR PUBLICAR OU COMPARTILHAR ESTAS INFORMAÇÕES;
• TALVEZ ENVIAR UM OU DOIS EMAILS;
• PERMITIR COM QUE O USUÁRIO PAGUE PELO SERVIÇO;
![Page 7: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/7.jpg)
HOOD.IE 7
BACKEND WEB QUANTO MAIS SIMPLES, MELHOR!
$ git push heroku master
![Page 8: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/8.jpg)
HOOD.IE 8
BACKEND WEB QUANTO MAIS SIMPLES, MELHOR!
![Page 9: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/9.jpg)
HOOD.IE 9
BACKEND WEB BACKEND COMO SERVIÇO (SaaS)
![Page 10: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/10.jpg)
HOOD.IE 10
BACKEND WEB
É um paradigma de desenho para arquiteturas/frameworks que abstrai operações
complexas e tecnologias do backend em uma simples API REST.
Características:
• Serviço ou um pacote instalável (com servidor, DB e etc);
• Idealmente: Uma única linguagem, um único formato;
• Simples, com deploy integrado;
• Rápido para aprender.
NOBACKEND
![Page 11: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/11.jpg)
HOOD.IE
O QUE É HOODIE?
11
![Page 12: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/12.jpg)
HOOD.IE 12
O QUE É HOODIE?
• Desenvolver um web app orientado a dados em um final de semana;
• Ser tão simples de utilizar como jQuery;
• Começar a faturar já na segunda-feira;
• Não esquentar a cabeça com o backend.
ELEVATOR PITCH
![Page 13: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/13.jpg)
HOOD.IE 13
O QUE É HOODIE? HOODIE É OPEN SOURCE (APACHE 2)
http://github.com/hoodiehq/
![Page 14: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/14.jpg)
HOOD.IE 14
O QUE É HOODIE? ESTÁ EM CONSTANTE DESENVOLVIMENTO
* DEVELOPER PREVIEW *
![Page 15: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/15.jpg)
HOOD.IE 15
O QUE É HOODIE? OFFLINE POR PADRÃO
LOCAL STORAGE
![Page 16: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/16.jpg)
HOOD.IE 16
O QUE É HOODIE? MANTENEDORES
Hoodie é um projeto mantido por Jan Lehnardt (@janl), Gregor Martynus (@gr2m),
Alex Feyerke (@espylaub), Caolan McMahon (@caolan), Lena Reinhard (@ffffux),
Sven Lito (@svenlito) e Ola Gasidlo (@misprintedtype).
![Page 17: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/17.jpg)
HOOD.IE
CONFIGURAÇÃO
17
![Page 18: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/18.jpg)
HOOD.IE 18
CONFIGURAÇÃO COMPATÍVEL COM WINDOWS, LINUX E MAC
http://hood.ie/#installation
![Page 19: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/19.jpg)
HOOD.IE
CONFIGURAÇÃO CRIANDO SUA PRIMEIRA APLICAÇÃO
19
$ hoodie new todolist $ cd todolist $ hoodie start
![Page 20: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/20.jpg)
HOOD.IE
CONFIGURAÇÃO UTILIZANDO HOODIE EM SEU WEB APP
20
<script src="hoodie.js"></script> var hoodie = new Hoodie();
Adicione a tag para carregar a biblioteca do Hoodie:
Inicialize sua aplicação Hoodie em JavaScript:
![Page 21: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/21.jpg)
HOOD.IE
USUÁRIOS
21
![Page 22: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/22.jpg)
HOOD.IE
USUÁRIOS GERENCIAR COM A SIMPLICIDADE DO JQUERY
22
$('.something').addClass('blah');
![Page 23: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/23.jpg)
HOOD.IE
USUÁRIOS GERENCIAR COM A SIMPLICIDADE DO JQUERY
23
signUp('username','password');
![Page 24: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/24.jpg)
HOOD.IE
USUÁRIOS GERENCIAR COM A SIMPLICIDADE DO JQUERY
24
hoodie.account.signUp('username','password');
![Page 25: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/25.jpg)
HOOD.IE
USUÁRIOS GERENCIAR COM A SIMPLICIDADE DO JQUERY
25
hoodie.account.signUp('username','password');
![Page 26: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/26.jpg)
HOOD.IE
DADOS
26
![Page 27: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/27.jpg)
HOOD.IE
DADOS ARMAZENANDO DADOS (ONLINE E OFFLINE)
27
hoodie.store.add('todo', { title: 'Testar Hoodie', completed: false });
![Page 28: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/28.jpg)
HOOD.IE
DADOS LISTANDO OS DADOS ARMAZENADOS
28
hoodie.store.findAll('todo').done( function(todos) { //inserir todos no DOM } );
![Page 29: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/29.jpg)
HOOD.IE
DADOS LISTANDO UM DADO ESPECÍFICO
29
hoodie.store.find('todo', 'id').done( function(todo) { //todo filtrado } );
![Page 30: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/30.jpg)
HOOD.IE
EVENTOS
30
![Page 31: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/31.jpg)
HOOD.IE
EVENTOS USUÁRIO AUTENTICADO
31
//singup, signin, signout, authenticated, unauthenticated hoodie.account.on('signin', function(user){ //exibir o nome dele na página } );
![Page 32: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/32.jpg)
HOOD.IE
EVENTOS MANIPULAÇÃO DE DADOS
32
//add:*,update:*,remove:*,change:* hoodie.store.on('add:todo', function(todo){ //inserir o novo todo no DOM } );
![Page 33: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/33.jpg)
HOOD.IE
EVENTOS MANIPULAÇÃO DE DADOS REMOTO!
33
//add:*,update:*,remove:*,change:* hoodie.remote.on('add:todo', function(todo){ //inserir o novo todo no DOM } );
![Page 34: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/34.jpg)
HOOD.IE
EVENTOS MANIPULAÇÃO DE DADOS REMOTO!
34
//add:*,update:*,remove:*,change:* hoodie.remote.on('add:todo', function(todo){ //inserir o novo todo no DOM } );
![Page 35: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/35.jpg)
HOOD.IE
MÓDULOS
35
![Page 36: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/36.jpg)
HOOD.IE
MÓDULOS ENVIO DE EMAILS
36
$ hoodie install email
hoodie.sendEmail({ subject:'Seu Título', text:'Mensagem em Texto', html:'Mensagem em HTML', to:'[email protected]', attachments:[ convert($("ul.todoList")).to("anexo.pdf") ] });
Para enviar emails, instale o pacote de e-mail:
Enviando e-mail no frontend:
![Page 37: Hoodie na Campus Party Brasil 2013](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42a91a28ab7d668b4596/html5/thumbnails/37.jpg)
HOOD.IE
MÓDULOS EXTENSÍVEL
37
https://github.com/espy/hoodie-plugin-tutorial