Slide 1

Slide 1 text

B U I L D I N G M O D E R N W E B A P P L I C AT I O N S W I T H M E T E O R @ S H R O P Photo by Donovan Shortey on Flickr

Slide 2

Slide 2 text

“ M E T E O R I S A N O P E N - S O U R C E P L AT F O R M F O R B U I L D I N G T O P - Q U A L I T Y W E B A P P S I N A F R A C T I O N O F T H E T I M E , W H E T H E R Y O U ' R E A N E X P E R T D E V E L O P E R O R J U S T G E T T I N G S TA R T E D . ” https://meteor.com

Slide 3

Slide 3 text

W H AT ’ S M E T E O R ? • A stack of technologies - (ex: node.js, mongodb, jQuery, underscore.js, etc) • Library of packages • Command Line Tool (meteor)

Slide 4

Slide 4 text

M E T E O R C O M M U N I T Y • Meteor Development Group • Community

Slide 5

Slide 5 text

S E V E N P R I N C I P L E S O F M E T E O R • Data on the Wire • One Language • Database Everywhere • Latency Compensation • Full Stack Reactivity • Embrace the Ecosystem • Simplicity Equals Productivity Source: http://docs.meteor.com/#sevenprinciples

Slide 6

Slide 6 text

I N S TA L L I N G M E T E O R curl https://install.meteor.com/ | sh $ T H A T ’ S I T !

Slide 7

Slide 7 text

C R E AT I N G A M E T E O R A P P meteor create myNewApp myNewApp: created. ! To run your new app: cd myNewApp meteor cd myNewApp meteor $ $ $ [[[[[ ~/Sites/myNewApp ]]]]] => Started proxy. => Started MongoDB. => Started your app. ! => App running at: http://localhost:3000/

Slide 8

Slide 8 text

W H Y M E T E O R ? Database Web server Data Client HTTP Request T R A D I T I O N A L W E B A P P L I C A T I O N S

Slide 9

Slide 9 text

W H Y M E T E O R ? M E T E O R W E B A P P L I C A T I O N S Database Meteor server Data Client Initial package Polling Data updates Local DB write (sync) DB writes (async)

Slide 10

Slide 10 text

D D P ( D I S T R I B U T E D D ATA P R O T O C O L ) • Data on the wire • RPC from client to server • Client subscriptions to sets of documents • JSON objects/EJSON field specifications

Slide 11

Slide 11 text

D E M O S A N D C O D E ! • Meteor CLI Tool • sprintQ - https://github.com/shrop/sprintq • Cordova integration

Slide 12

Slide 12 text

Q & A / R E S O U R C E S • Meteor Docs
 http://docs.meteor.com • Meteor Charlotte
 http://www.meetup.com/Meteor-Charlotte • Best Learning Resources for Meteor.js (blog article)
 https://www.yauh.de/best-learning-resources-for-meteorjs