Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
meteor
nunca foi tão fácil desenvolver para
web e mobile
about me
Frederico Maia Arantes
Goiânia -> Rio de Janeiro
7 anos desenvolvendo software
Desenvolvedor na Petrobras TecSina...
como desenvolvemos web apps?
como desenvolvemos mobile apps?
que tal apenas uma linguagem?
ferramentas: editor, terminal e browser
IDE’s online: C9, Codebox
mesmo código para backend ...
mais vantagens?
aplicações real-time e reativas
smart packages (like jars, gems)
comunidade bastante ativa
simplicidade ig...
mais vantagens?
open source
apps web e mobile (android, iOS)
ferramenta de build única
hot deploys
afinal o que é meteor?
framework full-stack baseado em Node.JS e
MongoDB para desenvolvimento de aplicações
real-time para...
plataformas
alguns números
5540 packages
308k instalações únicas
25.332 stars no GitHub
top 10 projects
$20 milhões
como usar?
$ curl https://install.meteor.com | /bin/sh
$ meteor create mytwitter
$ cd mytwitter
arquivos gerados
mytwitter.html
mytwitter.js
mytwitter.css
$ meteor run
hello world
mytwitter.html
<head>
<title>myTwitter</title>
</head>
<body>
{{> formulario }}
{{> mensagens }}
</body>
<template name="f...
mytwitter.html (mesmo arquivo)
<template name="timeline">
<h2>Mensagens</h2>
{{#each mensagens}}
<hr>
<p class="mensagem">...
mytwitter.js
Mensagem = new Meteor.Collection('mensagens');
if(Meteor.isClient) {
Template.formulario.events({
'submit for...
mytwitter.js (mesmo arquivo)
Template.timeline.helpers({
mensagens: function() {
return Mensagem.find();
};
});
}
if(Meteo...
$ meteor deploy mf-mytwitter.meteor.com
http://mf-mytwitter.meteor.com/
referências
Site oficial - http://meteor.com
Blog do Caio - http://udgwebdev.com
Blog do Allan - http://allandequeiroz.com...
obrigado!
● fredericomaia10@gmail.com
● fredericomaia
● fredmaia
Nächste SlideShare
Wird geladen in …5
×

Meteor - Nunca foi tão fácil desenvolver pra web e mobile

Palestra na MobileConf no Rio de Janeiro sobre o Meteor.

Ähnliche Bücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

Ähnliche Hörbücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen
  • Loggen Sie sich ein, um Kommentare anzuzeigen.

Meteor - Nunca foi tão fácil desenvolver pra web e mobile

  1. 1. meteor nunca foi tão fácil desenvolver para web e mobile
  2. 2. about me Frederico Maia Arantes Goiânia -> Rio de Janeiro 7 anos desenvolvendo software Desenvolvedor na Petrobras TecSinapse Instrutor na Caelum
  3. 3. como desenvolvemos web apps?
  4. 4. como desenvolvemos mobile apps?
  5. 5. que tal apenas uma linguagem? ferramentas: editor, terminal e browser IDE’s online: C9, Codebox mesmo código para backend e frontend
  6. 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. 7. mais vantagens? open source apps web e mobile (android, iOS) ferramenta de build única hot deploys
  8. 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. 9. plataformas
  10. 10. alguns números 5540 packages 308k instalações únicas 25.332 stars no GitHub top 10 projects $20 milhões
  11. 11. como usar? $ curl https://install.meteor.com | /bin/sh $ meteor create mytwitter $ cd mytwitter
  12. 12. arquivos gerados mytwitter.html mytwitter.js mytwitter.css $ meteor run
  13. 13. hello world
  14. 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. 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. 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. 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. 18. $ meteor deploy mf-mytwitter.meteor.com
  19. 19. http://mf-mytwitter.meteor.com/
  20. 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. 21. obrigado! ● fredericomaia10@gmail.com ● fredericomaia ● fredmaia

×