Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introducing Mojito

Introducing Mojito

DevConFive California: This is a brief introduction to Mojito Application Framework. You can go and get it from here:

http://github.com/yahoo/mojito/

Caridy Patino

April 27, 2012
Tweet

Other Decks in Programming

Transcript

  1. @caridy There is a new vector that can affect our

    product drastically: connection speed ( 3G/4G/wifi/etc )
  2. :)

  3. :(

  4. @caridy Mashing up data, css, js, base64 images, etc can

    make a big difference when running in 3G/4G
  5. @caridy What if we create a web app that reacts

    to changes in the connection speed?
  6. @caridy Personalize the way your product behaves per user, per

    request, per connection speed, per routine, etc, etc, etc
  7. @caridy Node.JS is certainly changing the way we approach problems,

    and the way we solve problems for the web !
  8. @caridy A mojit is an independent piece of software can

    be used within a mojito application
  9. @caridy Mojit Structure - definition - controller - models -

    views - binders - assets - tests Mojito App
  10. @caridy Each JavaScript file within a mojit should define its

    affinity: models/foo.<client|common|server>.js
  11. @caridy But they open a door for endless opportunities to

    customize and optimize the behavior of the app.
  12. @caridy The context object is composite by all the dimensions

    and the current value of each of those dimensions
  13. @caridy Based on the execution context Mojito can compute the

    proper configuration at any given time
  14. $ npm install -g mojito $ mojito create app hello

    $ cd hello $ npm install . $ mojito create mojit HelloMojit $ mojito start http://localhost:8666/@HelloMojit/index
  15. $ mojito build html5app $ cd artifacts/builds/html5app/ $ open index.html

    $ mojito build html5app \ --context=”device=iphone&lang=en-GB”
  16. $ mojito test app . $ mojito docs mojit Bar

    Other available commands: build, compile, create, docs, gv, help, info, jslint, start, test, version
  17. @caridy Mojito Shaker Shaker is a static asset rollup manager

    for Mojito applications. To be announced on April 27 http://github.com/yahoo/mojito-shaker