Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Meteor for noobs

Meteor for noobs

Nesta talk você vai aprender os principais conceitos e características da plataforma Meteor, que é um framework JavaScript fullstack. Iremos na prática ver em poucos códigos, uma aplicação realtime (mini multiplayer game http://dalebombagame.meteor.com) que funciona totalmente em JavaScript.

A444e1ba503ea1e02bb007a4f92df8c1?s=128

Caio Ribeiro Pereira

October 07, 2015
Tweet

Transcript

  1. Meteor for noobs Caio Ribeiro Pereira
 crpwebdev.com

  2. About me • Web Developer 
 (Entusiasta JavaScript) • Blogger

    
 (udgwebdev.com) • Escritor 
 (Casa do Código)

  3. Sobre o Meteor

  4. Framework Full Stack JavaScript Banco de dados Backend Frontend

  5. Isomórfico
 também conhecido pelo nome
 "JavaScript Universal" Reaproveite JS entre

    frontend e backend escrevendo um código… Para mais detalhes: 
 https://medium.com/@mjackson/universal-javascript-4761051b7ae9
  6. Frontend Flexível * A partir da versão Meteor 1.2 Meteor

    Blaze
  7. Banco de dados Flexível Default
 
 Default futuro
 
 


    
 3rd-Party
  8. DDP (Distributed Data Protocol)
 +
 Programação Reativa
 =
 Interações Realtime

  9. Mobile-ready
 Thanks by
 Cordova Framework Gerando app de um webapp:


    "meteor add-platform <android ou ios>" "meteor run <android, android-device, ios ou ios-device>"
  10. *Desde a versão 1.0 o Meteor é compatível com Windows

  11. Gerenciando dependências no Meteor Atmosphere npm

  12. O meteor oferece um host free
 Para apps pequenas, blogs

    ou beta releases Crie uma conta no meteor.com
 E rode o comando: 
 meteor deploy nome_do_app.meteor.com
  13. meteor.com

  14. Quem usa?

  15. 
 Show me the game,
 Show me the code! Dale

    Bomba Game - Clique o mais rápido que puder!
 Multiplayer game com ranking em tempo real
 Link: dalebombagame.meteor.com
 Fonte: github.com/caio-ribeiro-pereira/dalebombagame
  16. Perguntas?

  17. Obrigado!

  18. Alguns Links • Meteor: meteor.com • Node.js: nodejs.org • NPM:

    npmjs.com • Atmosphere: atmospherejs.com • MongoDB: mongodb.org • Angular: angularjs.org • React: facebook.github.io/react • Cordova: cordova.apache.org