Hoodie na Campus Party Brasil 2013

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

HOOD.IE

DAVID RUIZ DESENVOLVEDOR EVANGELISTA @ TELEFÔNICA DIGITAL

3

@wupsbr http://wupsbr.com [email protected]

HOOD.IE 4

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

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.

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;

HOOD.IE 7

BACKEND WEB QUANTO MAIS SIMPLES, MELHOR!

$ git push heroku master

HOOD.IE 8

BACKEND WEB QUANTO MAIS SIMPLES, MELHOR!

HOOD.IE 9

BACKEND WEB BACKEND COMO SERVIÇO (SaaS)

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

HOOD.IE

O QUE É HOODIE?

11

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

HOOD.IE 13

O QUE É HOODIE? HOODIE É OPEN SOURCE (APACHE 2)

http://github.com/hoodiehq/

HOOD.IE 14

O QUE É HOODIE? ESTÁ EM CONSTANTE DESENVOLVIMENTO

* DEVELOPER PREVIEW *

HOOD.IE 15

O QUE É HOODIE? OFFLINE POR PADRÃO

LOCAL STORAGE

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).

HOOD.IE

CONFIGURAÇÃO

17

HOOD.IE 18

CONFIGURAÇÃO COMPATÍVEL COM WINDOWS, LINUX E MAC

http://hood.ie/#installation

HOOD.IE

CONFIGURAÇÃO CRIANDO SUA PRIMEIRA APLICAÇÃO

19

$ hoodie new todolist $ cd todolist $ hoodie start

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:

HOOD.IE

USUÁRIOS

21

HOOD.IE

USUÁRIOS GERENCIAR COM A SIMPLICIDADE DO JQUERY

22

$('.something').addClass('blah');

HOOD.IE

USUÁRIOS GERENCIAR COM A SIMPLICIDADE DO JQUERY

23

signUp('username','password');

HOOD.IE

USUÁRIOS GERENCIAR COM A SIMPLICIDADE DO JQUERY

24

hoodie.account.signUp('username','password');

HOOD.IE

USUÁRIOS GERENCIAR COM A SIMPLICIDADE DO JQUERY

25

hoodie.account.signUp('username','password');

HOOD.IE

DADOS

26

HOOD.IE

DADOS ARMAZENANDO DADOS (ONLINE E OFFLINE)

27

hoodie.store.add('todo', { title: 'Testar Hoodie', completed: false });

HOOD.IE

DADOS LISTANDO OS DADOS ARMAZENADOS

28

hoodie.store.findAll('todo').done( function(todos) { //inserir todos no DOM } );

HOOD.IE

DADOS LISTANDO UM DADO ESPECÍFICO

29

hoodie.store.find('todo', 'id').done( function(todo) { //todo filtrado } );

HOOD.IE

EVENTOS

30

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 } );

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 } );

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 } );

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 } );

HOOD.IE

MÓDULOS

35

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:

HOOD.IE

MÓDULOS EXTENSÍVEL

37

https://github.com/espy/hoodie-plugin-tutorial

HOOD.IE

OBRIGADO :)

38

@wupsbr http://wupsbr.com [email protected]

@hoodiehq http://hood.ie