Intro to Meteor

Meteor.js intro presented as part of the TriangleJS "Discover Meteor (with others!)" event.

http://www.meetup.com/Triangle-JavaScript/events/158702612/

Transcript

1. Intro to Meteor Mark Shropshire
2. Mark Shropshire http://mark.shropshires.net z l @shrop @shrop /shrop /user/14767
3. What’s Meteor? “Meteor is an open-source platform for building top- quality web apps in a fraction of the time, whether you're an expert developer or just getting started.” http://meteor.com
4. What’s Meteor? and more… A stack of technologies
5. What’s Meteor? CLI tool: meteor meteor create myNewApp myNewApp: created. ! To run your new app: cd myNewApp meteor cd myNewApp meteor => Meteor server running on: http://localhost:3000/ $ $ $ [[[[[ ~/Sites/myNewApp ]]]]]
6. What’s Meteor? • http://docs.meteor.com/#api • Node Fibers • DDP (Distributed Data Protocol) • Works identically in the browser
 and on the server (when possible) A wonderful API
7. Is Meteor MVC? No, Model View View-Model (MVVM) Model View View-Model Client code HTML Templates Synchronized data Source: Getting Started with Meteor.js JavaScript Framework by Issac Strack
8. What’s Meteor? • Meteor Development Group • $11.2M development budget
9. Why Meteor? Seven Principles of Meteor • 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
10. Why Meteor? Database Web server Traditional web applications Data Client HTTP Request
11. Why Meteor? Database Meteor server Meteor web applications Data Client Initial package Client Polling Data updates Local DB write (sync) DB writes (async)
12. Why Meteor? DDP (Distributed Data Protocol) • RPC from client to server • Client subscriptions to sets of documents • JSON objects/EJSON field specifications • Introducing DDP • DDP Specificaiton
13. Installation curl https://install.meteor.com/ | sh $
14. Atmosphere http://atmosphere.meteor.com - Meteor package directory
15. Meteorite mrt add iron-router ✓ iron-router ! Done installing smart packages Stand back while Meteorite does its thing ! Done installing smart packages Ok, everything's ready. Here comes Meteor! ! iron-router: Routing specifically designed for Meteor $ $ http://oortcloud.github.io/meteorite - Installer and package manager for Meteor
16. App Structure • Some folders are “special” • Flexibility server lib client private public tests tests compatibility
17. Testing • Possible official testing framework for 1.0 • Laika testing framework for Meteor • Testing with Meteor book
18. Deployment • Deploying to meteor.com • Deploying to Modulus
19. Resources • https://gist.github.com/shrop/9069013 • Meteorpedia
20. Demos
21. Questions?