From 'Meteor' to 'Maker'

2,712 views

Published on

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)

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,712
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
18
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

From 'Meteor' to 'Maker'

  1. 1. From ‘Meteor’ to ‘Maker’ Meteor NY Meetup | January 15, 2014 | Nitya Narasimhan!
  2. 2. ROCK PAPER +   LEARN concepts Think DATA 1/15/14 – METEOR NY MEETUP! SCISSORS +   DESIGN applications Think REACTIVITY 2! CRAFT experiences Think PERFORMANCE
  3. 3. ..  everything  should  work  identically  on  browser  and  server  ..   1/15/14 – METEOR NY MEETUP! 3!
  4. 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. 5. 1/15/14 – METEOR NY MEETUP! 5!
  6. 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. 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. 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. 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. 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!
  11. 11. https://www.meteor.com/examples/wordplay  
  12. 12. Creations Meteor NY Meetup | January 15, 2014 | Nitya Narasimhan!
  13. 13. ‘ACTIVE’  DOGFOODING   http://atmosphere.meteor.com   1/15/14 – METEOR NY MEETUP! 13!
  14. 14. http://wordplay.meteor.com   1/15/14 – METEOR NY MEETUP! MULTIPLAYER  GAMES   14!
  15. 15. REAL-­‐TIME  +  CRITICAL   http://www.sharewith911.com/   1/15/14 – METEOR NY MEETUP! 15!
  16. 16. RICH  MAP  INTEGRATION   http://leaflet.meteor.com/   1/15/14 – METEOR NY MEETUP! 16!
  17. 17. MEDIA  ANNOTATION   http://subtitles.fiddleware.com/   1/15/14 – METEOR NY MEETUP! 17!
  18. 18. http://ilovesf.meteor.com   1/15/14 – METEOR NY MEETUP! EMOTIVE  IMAGERY   18!
  19. 19. HACKER  NEWS  REDUX   http://telescope.meteor.com/   1/15/14 – METEOR NY MEETUP! 19!
  20. 20. CIVIC  VISUALIZATION   http://illustreets.co.uk/   1/15/14 – METEOR NY MEETUP! 20!
  21. 21. REAL  TIME    TRANSIT     http://livebus.meteor.com/   1/15/14 – METEOR NY MEETUP! 21!
  22. 22. VIDEO  SHARING     http://streem.io   1/15/14 – METEOR NY MEETUP! 22!
  23. 23. BULLETIN  BOARDS   http://madewithmeteor.com   1/15/14 – METEOR NY MEETUP! 23!
  24. 24. RAPID  PROTOTYPING*   http://sevakalt.meteor.com   1/15/14 – METEOR NY MEETUP! 24!
  25. 25. Concepts Meteor NY Meetup | January 15, 2014 | Nitya Narasimhan!
  26. 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. 27. Demo  at  break..   1/15/14 – METEOR NY MEETUP! 27!
  28. 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. 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. 30. Trello  (Jan  14,  2014)   1/15/14 – METEOR NY MEETUP! 30!
  31. 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. 32. http://eventedmind.com   1/15/14 – METEOR NY MEETUP! 32!
  33. 33. http://meteorhacks.com   1/15/14 – METEOR NY MEETUP! 33!
  34. 34. Save  the   Date   http://www.youtube.com/user/meteorvideos   1/15/14 – METEOR NY MEETUP! 34!
  35. 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  

×