O documento fornece uma introdução ao framework Hoodie, descrevendo-o como uma ferramenta para desenvolvimento de aplicações web orientadas a dados que permite criar o backend de forma simples. O documento explica os principais componentes do Hoodie, como usuários, armazenamento e sincronização de dados, eventos e módulos adicionais.

2. INDEX
INTRODUÇÃO.......................................................
4
BACKEND WEB ....................................................
5
O QUE É HOODIE? ................................................
11
CONFIGURAÇÃO...................................................
17
USUÁRIOS ...........................................................
21
DADOS ...............................................................
26
EVENTOS ............................................................
30
O FUTURO DO HOODIE .........................................
35
HOOD.IE
2

3. DAVID RUIZ
DESENVOLVEDOR EVANGELISTA @ TELEFÔNICA DIGITAL
@wupsbr
http://wupsbr.com
david@telefonicabeta.com
HOOD.IE
3

4. BACKEND WEB
DIVERSIDADE DE LINGUAGENS, FRAMEWORKS E BD’S.
HOOD.IE
4

5. BACKEND WEB
A MESMA RECEITA SEMPRE!
• 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.
HOOD.IE
5

6. BACKEND WEB
A MESMA RECEITA SEMPRE!
• 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;
HOOD.IE
6

7. BACKEND WEB
QUANTO MAIS SIMPLES, MELHOR!
$ git push heroku master
HOOD.IE
7

8. BACKEND WEB
QUANTO MAIS SIMPLES, MELHOR!
HOOD.IE
8

9. BACKEND WEB
BACKEND COMO SERVIÇO (SaaS)
HOOD.IE
9

10. BACKEND WEB
NOBACKEND
É 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.
HOOD.IE
10

11. O QUE É HOODIE?
HOOD.IE
11

12. O QUE É HOODIE?
ELEVATOR PITCH
• 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.
HOOD.IE
12

13. O QUE É HOODIE?
HOODIE É OPEN SOURCE (APACHE 2)
http://github.com/hoodiehq/
HOOD.IE
13

14. O QUE É HOODIE?
ESTÁ EM CONSTANTE DESENVOLVIMENTO
* DEVELOPER PREVIEW *
HOOD.IE
14

15. O QUE É HOODIE?
OFFLINE POR PADRÃO
LOCAL STORAGE
HOOD.IE
15

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).
HOOD.IE
16

17. CONFIGURAÇÃO
HOOD.IE
17

18. CONFIGURAÇÃO
COMPATÍVEL COM WINDOWS, LINUX E MAC
http://hood.ie/#installation
HOOD.IE
18

19. CONFIGURAÇÃO
CRIANDO SUA PRIMEIRA APLICAÇÃO
$ hoodie new todolist
$ cd todolist
$ hoodie start
HOOD.IE
19

20. CONFIGURAÇÃO
UTILIZANDO HOODIE EM SEU WEB APP
Adicione a tag para carregar a biblioteca do Hoodie:
<script src="hoodie.js"></script>
Inicialize sua aplicação Hoodie em JavaScript:
var hoodie = new Hoodie();
HOOD.IE
20

21. USUÁRIOS
HOOD.IE
21

22. USUÁRIOS
GERENCIAR COM A SIMPLICIDADE DO JQUERY
$('.something').addClass('blah');
HOOD.IE
22

23. USUÁRIOS
GERENCIAR COM A SIMPLICIDADE DO JQUERY
signUp('username','password');
HOOD.IE
23

24. USUÁRIOS
GERENCIAR COM A SIMPLICIDADE DO JQUERY
hoodie.account.signUp('username','password');
HOOD.IE
24

25. USUÁRIOS
GERENCIAR COM A SIMPLICIDADE DO JQUERY
hoodie.account.signUp('username','password');
HOOD.IE
25

26. DADOS
HOOD.IE
26

27. DADOS
ARMAZENANDO DADOS (ONLINE E OFFLINE)
hoodie.store.add('todo', {
title: 'Testar Hoodie',
completed: false
});
HOOD.IE
27

28. DADOS
LISTANDO OS DADOS ARMAZENADOS
hoodie.store.findAll('todo').done(
function(todos) {
//inserir todos no DOM
}
);
HOOD.IE
28

29. DADOS
LISTANDO UM DADO ESPECÍFICO
hoodie.store.find('todo', 'id').done(
function(todo) {
//todo filtrado
}
);
HOOD.IE
29

30. EVENTOS
HOOD.IE
30

31. EVENTOS
USUÁRIO AUTENTICADO
//singup, signin, signout,
authenticated, unauthenticated
hoodie.account.on('signin',
function(user){
//exibir o nome dele na página
}
);
HOOD.IE
31

32. EVENTOS
MANIPULAÇÃO DE DADOS
//add:*,update:*,remove:*,change:*
hoodie.store.on('add:todo',
function(todo){
//inserir o novo todo no DOM
}
);
HOOD.IE
32

33. EVENTOS
MANIPULAÇÃO DE DADOS REMOTO!
//add:*,update:*,remove:*,change:*
hoodie.remote.on('add:todo',
function(todo){
//inserir o novo todo no DOM
}
);
HOOD.IE
33

34. EVENTOS
MANIPULAÇÃO DE DADOS REMOTO!
//add:*,update:*,remove:*,change:*
hoodie.remote.on('add:todo',
function(todo){
//inserir o novo todo no DOM
}
);
HOOD.IE
34

35. MÓDULOS
HOOD.IE
35

36. MÓDULOS
ENVIO DE EMAILS
Para enviar emails, instale o pacote de e-mail:
$ hoodie install email
Enviando e-mail no frontend:
hoodie.sendEmail({
subject:'Seu Título',
text:'Mensagem em Texto',
html:'Mensagem em HTML',
to:'wupsbr@gmail.com',
attachments:[
convert($("ul.todoList")).to("anexo.pdf")
]
});
HOOD.IE
36

37. MÓDULOS
EXTENSÍVEL
https://github.com/espy/hoodie-plugin-tutorial
HOOD.IE
37

38. OBRIGADO :)
@wupsbr
http://wupsbr.com
@hoodiehq
HOOD.IE
wupsbr@gmail.com
http://hood.ie
38