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