meteor - nunca foi tão fácil desenvolver pra web e mobile
TRANSCRIPT
![Page 1: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/1.jpg)
meteornunca foi tão fácil desenvolver para
web e mobile
![Page 2: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/2.jpg)
about me
Frederico Maia Arantes
Goiânia -> Rio de Janeiro
7 anos desenvolvendo software
Desenvolvedor na Petrobras TecSinapse
Instrutor na Caelum
![Page 3: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/3.jpg)
como desenvolvemos web apps?
![Page 4: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/4.jpg)
como desenvolvemos mobile apps?
![Page 5: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/5.jpg)
que tal apenas uma linguagem?
ferramentas: editor, terminal e browser
IDE’s online: C9, Codebox
mesmo código para backend e frontend
![Page 6: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/6.jpg)
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
![Page 7: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/7.jpg)
mais vantagens?
open source
apps web e mobile (android, iOS)
ferramenta de build única
hot deploys
![Page 8: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/8.jpg)
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.
![Page 9: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/9.jpg)
plataformas
![Page 10: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/10.jpg)
alguns números
5540 packages308k instalações únicas25.332 stars no GitHub
top 10 projects$20 milhões
![Page 11: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/11.jpg)
como usar?
$ curl https://install.meteor.com | /bin/sh
$ meteor create mytwitter
$ cd mytwitter
![Page 12: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/12.jpg)
arquivos gerados
mytwitter.html
mytwitter.js
mytwitter.css
$ meteor run
![Page 13: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/13.jpg)
hello world
![Page 14: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/14.jpg)
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>
![Page 15: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/15.jpg)
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>
![Page 16: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/16.jpg)
mytwitter.jsMensagem = 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(); } });
![Page 17: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/17.jpg)
mytwitter.js (mesmo arquivo) Template.timeline.helpers({
mensagens: function() { return Mensagem.find(); }; });
}
if(Meteor.isServer) { Meteor.startup(function () { Mensagem.remove({}); console.log('Rodando myTwitter'); });}
![Page 18: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/18.jpg)
$ meteor deploy mf-mytwitter.meteor.com
![Page 19: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/19.jpg)
http://mf-mytwitter.meteor.com/
![Page 20: Meteor - Nunca foi tão fácil desenvolver pra web e mobile](https://reader035.vdocuments.net/reader035/viewer/2022062308/55b2f8b4bb61ebfc0e8b456d/html5/thumbnails/20.jpg)
referências
Site oficial - http://meteor.comBlog do Caio - http://udgwebdev.comBlog do Allan - http://allandequeiroz.comDavid Turnbull - http://www.sitepoint.comLivro: Meteor - Caio Ribeiro, Casa do Código