Hoodie na Campus Party Brasil 2013
Upcoming SlideShare
Loading in...5
×
 

Hoodie na Campus Party Brasil 2013

on

  • 416 views

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

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.

Statistics

Views

Total Views
416
Views on SlideShare
414
Embed Views
2

Actions

Likes
1
Downloads
4
Comments
1

1 Embed 2

https://twitter.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Top
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Hoodie na Campus Party Brasil 2013 Hoodie na Campus Party Brasil 2013 Presentation Transcript

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