From 'Meteor' to 'Maker'
•
2 likes•2,978 views
Creations + Concepts + Connections. Presentation to the 2014 'reboot' of the Meteor NY Meetup geared towards an introductory high-level tour for diverse audience backgrounds (artists, designers and developers)
Recommended
Recommended
More Related Content
Viewers also liked
Viewers also liked (19)
Similar to From 'Meteor' to 'Maker'
Similar to From 'Meteor' to 'Maker' (20)
More from Nitya Narasimhan
Recently uploaded
Recently uploaded (20)
From 'Meteor' to 'Maker'
- 1. From ‘Meteor’ to ‘Maker’ Meteor NY Meetup | January 15, 2014 | Nitya Narasimhan!
- 2. ROCK PAPER + LEARN concepts Think DATA 1/15/14 – METEOR NY MEETUP! SCISSORS + DESIGN applications Think REACTIVITY 2! CRAFT experiences Think PERFORMANCE
- 3. .. everything should work identically on browser and server .. 1/15/14 – METEOR NY MEETUP! 3!
- 4. Heroku Buildpack DEPLOY IT Meteor Optional Hosting Meteorite Command Line Tools BUNDLE IT Meteor Command Line Tools Atmosphere Smart Packages Meteor Optional Packages Meteor Core Packages 1/15/14 – METEOR NY MEETUP! 4! CODE IT
- 5. 1/15/14 – METEOR NY MEETUP! 5!
- 6. User Interactions Synchronous Data Transfers View App Logic + All Controllers Controller Model Data Cache 1/15/14 – METEOR NY MEETUP! SMART SERVER Model + CONNECTIVITY 6! Database 3rd Party Interactions DUMB CLIENT
- 7. User Interactions View WEB APP SERVER Asynchronous Data Transfers Controller App Logic + Model Controller Model Model Data Cache 1/15/14 – METEOR NY MEETUP! + CONNECTIVITY + PROCESSING 7! Database 3rd Party Interactions SMART CLIENT
- 8. User Interactions View Controller Model + Sync WEB APP SERVER Privileged or Protected operations DDP App Logic Model + Sync Reactive Data Transfers SMART Data Cache DB + CONNECTIVITY + PROCESSING + LOCAL STORAGE 1/15/14 – METEOR NY MEETUP! 8! Database 3rd Party Interactions METEOR CLIENT
- 9. METEOR CLIENT Handlebars ATMOSPHERE NPM HTTP (Explicit Method calls) JavaScript Mini Mongo Local Storage 1/15/14 – METEOR NY MEETUP! NODE JS RUNTIME METEOR SERVER JavaScript DDP (Transparent Publications, Subscriptions, Observes) Some changes in METEOR 1.0 9! Mongo Mongo DB Mongo DB
- 10. ¡ Data on the wire. Client handles views." ¡ One language. JavaScript everywhere." ¡ Database everywhere. Consistent usage." ¡ Latency compensation. Zero latency.*" ¡ Full Stack reactivity. Real-time as default." ¡ Embrace the ecosystem. Interoperable." ¡ Simplicity Equals Productivity. Clean APIs" http://docs.meteor.com/#sevenprinciples 1/15/14 – METEOR NY MEETUP! 10!
- 12. Creations Meteor NY Meetup | January 15, 2014 | Nitya Narasimhan!
- 13. ‘ACTIVE’ DOGFOODING http://atmosphere.meteor.com 1/15/14 – METEOR NY MEETUP! 13!
- 14. http://wordplay.meteor.com 1/15/14 – METEOR NY MEETUP! MULTIPLAYER GAMES 14!
- 15. REAL-‐TIME + CRITICAL http://www.sharewith911.com/ 1/15/14 – METEOR NY MEETUP! 15!
- 16. RICH MAP INTEGRATION http://leaflet.meteor.com/ 1/15/14 – METEOR NY MEETUP! 16!
- 17. MEDIA ANNOTATION http://subtitles.fiddleware.com/ 1/15/14 – METEOR NY MEETUP! 17!
- 18. http://ilovesf.meteor.com 1/15/14 – METEOR NY MEETUP! EMOTIVE IMAGERY 18!
- 19. HACKER NEWS REDUX http://telescope.meteor.com/ 1/15/14 – METEOR NY MEETUP! 19!
- 20. CIVIC VISUALIZATION http://illustreets.co.uk/ 1/15/14 – METEOR NY MEETUP! 20!
- 21. REAL TIME TRANSIT http://livebus.meteor.com/ 1/15/14 – METEOR NY MEETUP! 21!
- 22. VIDEO SHARING http://streem.io 1/15/14 – METEOR NY MEETUP! 22!
- 23. BULLETIN BOARDS http://madewithmeteor.com 1/15/14 – METEOR NY MEETUP! 23!
- 24. RAPID PROTOTYPING* http://sevakalt.meteor.com 1/15/14 – METEOR NY MEETUP! 24!
- 25. Concepts Meteor NY Meetup | January 15, 2014 | Nitya Narasimhan!
- 26. ¡ Structure (/client /server /lib depth-first)" ¡ Templates (views, helpers, handlers)" ¡ Reactivity (contexts & computations)" ¡ Accounts (custom & social auth.)" ¡ Packages (core + official + 3rd party)" ¡ Security (data vs. code)" ¡ Extensibility (community, smart packages)" ¡ Deployment (run vs. bundle vs. deploy) " 1/15/14 – METEOR NY MEETUP! 26!
- 27. Demo at break.. 1/15/14 – METEOR NY MEETUP! 27!
- 28. Demo at break.. DESIGN YOUR DATA MODEL (Collections, Indexes) DESIGN YOUR INTERFACES DESIGN YOUR INTERACTIONS (Helpers, Handlers, Routes) WIRE THINGS TOGETHER (Packages, Directory Structure) CRAFT YOUR DATA USAGE (Publish/Subscribe, Filter) (Templates, Layouts) CRAFT YOUR TEMPLATE USAGE* (Breakup, Reuse, Isolate) CRAFT YOUR REACTIVITY (Session, Computations, Observes) 1/15/14 – METEOR NY MEETUP! 28!
- 29. Simplicity (Build & Deploy) Maturity (changing, not yet v1.0.) Reactivity (Event Driven) Scalability* (need for patterns) Interoperability (via DDP) Consistency* (legacy creep) Community (smart packages) Testability (but wait for it..) * “With great power comes great responsibility” 1/15/14 – METEOR NY MEETUP! 29!
- 30. Trello (Jan 14, 2014) 1/15/14 – METEOR NY MEETUP! 30!
- 31. http://discovermeteror.com ¡ Walks through concepts in context of real application" ¡ Extensive ‘support’ material (ar4cles, screencasts) ¡ Meteor NY Promo4on Link (Code = ORIONIDS) 1/15/14 – METEOR NY MEETUP! 31!
- 32. http://eventedmind.com 1/15/14 – METEOR NY MEETUP! 32!
- 33. http://meteorhacks.com 1/15/14 – METEOR NY MEETUP! 33!
- 34. Save the Date http://www.youtube.com/user/meteorvideos 1/15/14 – METEOR NY MEETUP! 34!
- 35. General Resources Code Tutorials Code Examples Ready For Production http://yauh.de/articles/376/best-‐learning-‐resources-‐for-‐meteorjs 1/15/14 – METEOR NY MEETUP! 35! Testing