Hoodie na Campus Party Brasil 2013

839 views

Published on

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.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
839
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Hoodie na Campus Party Brasil 2013

  1. 1. 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
  2. 2. DAVID RUIZ DESENVOLVEDOR EVANGELISTA @ TELEFÔNICA DIGITAL @wupsbr http://wupsbr.com david@telefonicabeta.com HOOD.IE 3
  3. 3. BACKEND WEB DIVERSIDADE DE LINGUAGENS, FRAMEWORKS E BD’S. HOOD.IE 4
  4. 4. 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
  5. 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 6
  6. 6. BACKEND WEB QUANTO MAIS SIMPLES, MELHOR! $ git push heroku master HOOD.IE 7
  7. 7. BACKEND WEB QUANTO MAIS SIMPLES, MELHOR! HOOD.IE 8
  8. 8. BACKEND WEB BACKEND COMO SERVIÇO (SaaS) HOOD.IE 9
  9. 9. 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
  10. 10. O QUE É HOODIE? HOOD.IE 11
  11. 11. 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
  12. 12. O QUE É HOODIE? HOODIE É OPEN SOURCE (APACHE 2) http://github.com/hoodiehq/ HOOD.IE 13
  13. 13. O QUE É HOODIE? ESTÁ EM CONSTANTE DESENVOLVIMENTO * DEVELOPER PREVIEW * HOOD.IE 14
  14. 14. O QUE É HOODIE? OFFLINE POR PADRÃO LOCAL STORAGE HOOD.IE 15
  15. 15. 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
  16. 16. CONFIGURAÇÃO HOOD.IE 17
  17. 17. CONFIGURAÇÃO COMPATÍVEL COM WINDOWS, LINUX E MAC http://hood.ie/#installation HOOD.IE 18
  18. 18. CONFIGURAÇÃO CRIANDO SUA PRIMEIRA APLICAÇÃO $ hoodie new todolist $ cd todolist $ hoodie start HOOD.IE 19
  19. 19. 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
  20. 20. USUÁRIOS HOOD.IE 21
  21. 21. USUÁRIOS GERENCIAR COM A SIMPLICIDADE DO JQUERY $('.something').addClass('blah'); HOOD.IE 22
  22. 22. USUÁRIOS GERENCIAR COM A SIMPLICIDADE DO JQUERY signUp('username','password'); HOOD.IE 23
  23. 23. USUÁRIOS GERENCIAR COM A SIMPLICIDADE DO JQUERY hoodie.account.signUp('username','password'); HOOD.IE 24
  24. 24. USUÁRIOS GERENCIAR COM A SIMPLICIDADE DO JQUERY hoodie.account.signUp('username','password'); HOOD.IE 25
  25. 25. DADOS HOOD.IE 26
  26. 26. DADOS ARMAZENANDO DADOS (ONLINE E OFFLINE) hoodie.store.add('todo', { title: 'Testar Hoodie', completed: false }); HOOD.IE 27
  27. 27. DADOS LISTANDO OS DADOS ARMAZENADOS hoodie.store.findAll('todo').done( function(todos) { //inserir todos no DOM } ); HOOD.IE 28
  28. 28. DADOS LISTANDO UM DADO ESPECÍFICO hoodie.store.find('todo', 'id').done( function(todo) { //todo filtrado } ); HOOD.IE 29
  29. 29. EVENTOS HOOD.IE 30
  30. 30. 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
  31. 31. 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
  32. 32. 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
  33. 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 34
  34. 34. MÓDULOS HOOD.IE 35
  35. 35. 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
  36. 36. MÓDULOS EXTENSÍVEL https://github.com/espy/hoodie-plugin-tutorial HOOD.IE 37
  37. 37. OBRIGADO :) @wupsbr http://wupsbr.com @hoodiehq HOOD.IE wupsbr@gmail.com http://hood.ie 38

×