Baixar para ler offline
Carregado porFrederico Maia Arantes
Meteor - Nunca foi tão fácil desenvolver pra web e mobile
Meteor é um framework full-stack baseado em Node.js e MongoDB que permite desenvolver aplicações web e mobile com uma única linguagem, JavaScript. Com Meteor é possível criar aplicações reativas com pacotes inteligentes, comunidade ativa e simplicidade igual à produtividade. O documento ensina como criar uma aplicação simples de troca de mensagens chamada myTwitter usando Meteor.
Mais conteúdo relacionado
Semelhante a Meteor - Nunca foi tão fácil desenvolver pra web e mobile
Meteor - Nunca foi tão fácil desenvolver pra web e mobile
- 1. meteor nunca foi tãofácil desenvolver para web e mobile
- 2. about me Frederico MaiaArantes Goiânia -> Rio de Janeiro 7 anos desenvolvendo software Desenvolvedor na Petrobras TecSinapse Instrutor na Caelum
- 3.
- 4.
- 5. que tal apenasuma linguagem? ferramentas: editor, terminal e browser IDE’s online: C9, Codebox mesmo código para backend e frontend
- 6. mais vantagens? aplicações real-timee reativas smart packages (like jars, gems) comunidade bastante ativa simplicidade igual à produtividade fácil, muito fácil, de aprender
- 7. mais vantagens? open source appsweb 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.
- 10. alguns números 5540 packages 308kinstalações únicas 25.332 stars no GitHub top 10 projects $20 milhões
- 11. como usar? $ curlhttps://install.meteor.com | /bin/sh $ meteor create mytwitter $ cd mytwitter
- 12.
- 13.
- 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) <templatename="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 = newMeteor.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 deploymf-mytwitter.meteor.com
- 19.
- 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
- 21.