From Meteor To Maker

From Meteor To Maker

Quick intro to Meteor for a diverse audience at the Meteor NY Jan 2014 'reboot' event.

5b392dc79d5b6d1dab580bf60e26fb7c?s=128

Nitya Narasimhan, PhD

January 15, 2014
Tweet

Transcript

  1. From ‘Meteor’ to ‘Maker’ Meteor NY Meetup | January 15,

    2014 | Nitya Narasimhan!
  2. ROCK LEARN concepts Think DATA PAPER DESIGN applications Think REACTIVITY

    +   SCISSORS CRAFT experiences Think PERFORMANCE +   1/15/14 – METEOR NY MEETUP! 2!
  3. 1/15/14 – METEOR NY MEETUP! 3! ..  everything  should  work

     identically  on  browser  and  server  ..  
  4. 1/15/14 – METEOR NY MEETUP! 4! Meteor  Core  Packages  

    Meteor  Optional  Packages   Meteor  Optional  Hosting   Atmosphere  Smart  Packages   Meteorite  Command  Line  Tools   CODE  IT   BUNDLE  IT   DEPLOY  IT   Heroku  Buildpack   Meteor    Command  Line  Tools  
  5. 1/15/14 – METEOR NY MEETUP! 5!

  6. 1/15/14 – METEOR NY MEETUP! 6! SMART    SERVER  

    View   User  Interactions   3rd  Party  Interactions   Data  Cache   DUMB   CLIENT   Controller   Model     Model   App  Logic  +   All  Controllers   Database   +  CONNECTIVITY   Synchronous   Data  Transfers  
  7. 1/15/14 – METEOR NY MEETUP! 7! View   User  Interactions

      3rd  Party  Interactions   Data  Cache   Controller   Model     App  Logic  +   Model  Controller   Model   Database   WEB  APP    SERVER   SMART   CLIENT   +  PROCESSING   +  CONNECTIVITY   Asynchronous     Data  Transfers  
  8. 1/15/14 – METEOR NY MEETUP! 8! View   User  Interactions

      3rd  Party  Interactions   Data  Cache   Controller   Model  +  Sync     App  Logic   Database   Model  +  Sync   Privileged  or  Protected   operations   WEB  APP    SERVER   METEOR   CLIENT   +  LOCAL  STORAGE   DDP   +  PROCESSING   +  CONNECTIVITY   Reactive   Data  Transfers   SMART   DB  
  9. 1/15/14 – METEOR NY MEETUP! 9! Handlebars   Local  

    Storage   JavaScript   Mini  Mongo     JavaScript   Mongo  DB   Mongo   DDP   (Transparent  Publications,   Subscriptions,  Observes)   HTTP   (Explicit  Method  calls)   Some  changes   in  METEOR  1.0   METEOR   CLIENT   ATMOSPHERE   NPM   NODE  JS   RUNTIME   METEOR   SERVER   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" 1/15/14 – METEOR NY MEETUP! 10! http://docs.meteor.com/#sevenprinciples  
  11. https://www.meteor.com/examples/wordplay  

  12. Creations Meteor NY Meetup | January 15, 2014 | Nitya

    Narasimhan!
  13. 1/15/14 – METEOR NY MEETUP! 13! ‘ACTIVE’  DOGFOODING   http://atmosphere.meteor.com

     
  14. 1/15/14 – METEOR NY MEETUP! 14! MULTIPLAYER  GAMES   http://wordplay.meteor.com

     
  15. 1/15/14 – METEOR NY MEETUP! 15! REAL-­‐TIME  +  CRITICAL  

    http://www.sharewith911.com/  
  16. 1/15/14 – METEOR NY MEETUP! 16! RICH  MAP  INTEGRATION  

    http://leaflet.meteor.com/  
  17. 1/15/14 – METEOR NY MEETUP! 17! MEDIA  ANNOTATION   http://subtitles.fiddleware.com/

     
  18. 1/15/14 – METEOR NY MEETUP! 18! EMOTIVE  IMAGERY   http://ilovesf.meteor.com

     
  19. 1/15/14 – METEOR NY MEETUP! 19! HACKER  NEWS  REDUX  

    http://telescope.meteor.com/  
  20. 1/15/14 – METEOR NY MEETUP! 20! CIVIC  VISUALIZATION   http://illustreets.co.uk/

     
  21. 1/15/14 – METEOR NY MEETUP! 21! REAL  TIME    TRANSIT

        http://livebus.meteor.com/  
  22. 1/15/14 – METEOR NY MEETUP! 22! VIDEO  SHARING    

    http://streem.io  
  23. 1/15/14 – METEOR NY MEETUP! 23! BULLETIN  BOARDS   http://madewithmeteor.com

     
  24. 1/15/14 – METEOR NY MEETUP! 24! RAPID  PROTOTYPING*   http://sevakalt.meteor.com

     
  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. 1/15/14 – METEOR NY MEETUP! 27! Demo  at  break..  

  28. DESIGN  YOUR  DATA  MODEL            

                                           (Collections,  Indexes)   DESIGN  YOUR  INTERFACES                  (Templates,  Layouts)   DESIGN    YOUR  INTERACTIONS                            (Helpers,  Handlers,    Routes)   CRAFT  YOUR  DATA  USAGE                                      (Publish/Subscribe,  Filter)   CRAFT    YOUR  TEMPLATE  USAGE*                                            (Breakup,  Reuse,  Isolate)   CRAFT    YOUR  REACTIVITY                                      (Session,  Computations,  Observes)     WIRE  THINGS  TOGETHER                    (Packages,  Directory  Structure)   Demo  at  break..   1/15/14 – METEOR NY MEETUP! 28!
  29. Simplicity   (Build  &  Deploy)   Reactivity   (Event  Driven)

      Interoperability     (via  DDP)   Community   (smart  packages)   Maturity   (changing,  not  yet  v1.0.)   Scalability*   (need  for  patterns)   Consistency*   (legacy  creep)   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. ¡  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! http://discovermeteror.com  
  32. 1/15/14 – METEOR NY MEETUP! 32! http://eventedmind.com  

  33. 1/15/14 – METEOR NY MEETUP! 33! http://meteorhacks.com  

  34. 1/15/14 – METEOR NY MEETUP! 34! http://www.youtube.com/user/meteorvideos   Save  the

      Date  
  35. 1/15/14 – METEOR NY MEETUP! 35! http://yauh.de/articles/376/best-­‐learning-­‐resources-­‐for-­‐meteorjs   General  Resources

      Code  Tutorials   Code  Examples   Testing   Ready  For  Production  
  36. None