Building Modern Web Applications with Meteor

Meteor is a pure JavaScript full stack framework for creating realtime interactive applications. Its simplicity allows for quick prototyping and building more complex applications faster than ever. The Meteor Development Group has created a framework which shifts away from the traditional web framework paradigm, while building on trusted open-source technologies.

This session will cover the following:

* What is Meteor what makes it so special
* How to install and use Meteor
* Meteor app demo with code examples

This presentation with first given at Blendconf 2014.

Transcript

1. 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
2. “ 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
3. 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)
4. M E T E O R C O M M U N I T Y • Meteor Development Group • Community
5. 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
6. 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 !
7. 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/
8. 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
9. 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)
10. 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
11. D E M O S A N D C O D E ! • Meteor CLI Tool • sprintQ - https://github.com/shrop/sprintq • Cordova integration
12. 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