Desenvolvendo aplicações web e mobile com Meteor
•
2 j'aime•1,266 vues
Palestra na MobileConf no Rio de Janeiro sobre o Meteor.
Recommandé
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à Desenvolvendo aplicações web e mobile com Meteor
Similaire à Desenvolvendo aplicações web e mobile com Meteor (20)
Plus de Frederico Maia Arantes
Plus de Frederico Maia Arantes (12)
Desenvolvendo aplicações web e mobile com Meteor
- 1. meteor nunca foi tão fácil desenvolver para web e mobile
- 2. about me Frederico Maia Arantes Goiânia -> Rio de Janeiro 7 anos desenvolvendo software Desenvolvedor na Petrobras TecSinapse Instrutor na Caelum
- 3. como desenvolvemos web apps?
- 4. como desenvolvemos mobile apps?
- 5. que tal apenas uma linguagem? ferramentas: editor, terminal e browser IDE’s online: C9, Codebox mesmo código para backend e frontend
- 6. mais vantagens? aplicações real-time e reativas smart packages (like jars, gems) comunidade bastante ativa simplicidade igual à produtividade fácil, muito fácil, de aprender
- 7. mais vantagens? open source apps web e mobile (android, iOS) ferramenta de build única hot deploys
- 8. afinal o que é meteor? framework full-stack baseado em Node.JS e MongoDB para desenvolvimento de aplicações real-time para web e mobile em JavaScript, permitindo rápida prototipação e desenvolvimento.
- 9. plataformas
- 10. alguns números 5540 packages 308k instalações únicas 25.332 stars no GitHub top 10 projects $20 milhões
- 11. como usar? $ curl https://install.meteor.com | /bin/sh $ meteor create mytwitter $ cd mytwitter
- 13. hello world
- 14. mytwitter.html <head> <title>myTwitter</title> </head> <body> {{> formulario }} {{> mensagens }} </body> <template name="formulario"> <form> <input type="text" id="nome" placeholder="Nome" /> <textarea id="msg" placeholder="Mensagem"></textarea> <button type="submit">Enviar mensagem</button> </form> </template>
- 15. mytwitter.html (mesmo arquivo) <template name="timeline"> <h2>Mensagens</h2> {{#each mensagens}} <hr> <p class="mensagem"> {{mensagem}} <br> <small>{{nome}} {{data}}</small> </p> {{else}} <p class="info">Nenhuma mensagem publicada.</p> {{/each}} </template>
- 16. mytwitter.js Mensagem = new Meteor.Collection('mensagens'); if(Meteor.isClient) { Template.formulario.events({ 'submit form': function(event, template) { var nome = template.find('#nome').value; var mensagem = template.find('#msg).value; Mensagem.insert({ nome: nome, mensagem: mensagem, data: new Date().toLocaleString() }); event.preventDefault(); } });
- 17. mytwitter.js (mesmo arquivo) Template.timeline.helpers({ mensagens: function() { return Mensagem.find(); }; }); } if(Meteor.isServer) { Meteor.startup(function () { Mensagem.remove({}); console.log('Rodando myTwitter'); }); }
- 18. $ meteor deploy mf-mytwitter.meteor.com
- 20. referências Site oficial - http://meteor.com Blog do Caio - http://udgwebdev.com Blog do Allan - http://allandequeiroz.com David Turnbull - http://www.sitepoint.com Livro: Meteor - Caio Ribeiro, Casa do Código