Successfully reported this slideshow.

Publicis Mojito

499 views

Published on

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

Publicis Mojito

  1. 1. THIS IS MOJITO
  2. 2. THESE ARE MOJITS
  3. 3. THIS IS MOJITO Need these: • Personalization • Internationalization • Localization • Instrumentation • Monetization
  4. 4. THIS IS MOJITO And we need to provide our experiences across various devices. It needs to be accessible and inclusive. It needs to be safe and fast.
  5. 5. PRE-MOJITODevelopers using lots of languages, toolchains, and stacks. Nokia iOS Desktop ConnectedTV Feature Phones Android Apps Apps Web Modules Widgets Views Apps Native Native Maple, YUI Konfabulator BluePrint Native Java, ObjC Java, ObjC Apache/PHP/JS JavaScript Apache/PHP Java
  6. 6. REBOOT
  7. 7. MOJITO• Open source github.com/yahoo/mojito• 100% Javascript• Build on YUI• Runs on Node.js in the Yahoo! cloud (Manhattan)• Same core runtime on the browser• Same core runtime in iOS & Android
  8. 8. MOJITO “The web is THE platform” -- Bruno Fernandez-RuizStart with Javascript, with YUI providingbrowser abstraction, libraries and patterns.Provide a rich MVC framework with the“Mojit” as the organizing principle.
  9. 9. “MOJIT” A kind of MODULE… or a kind of WIDGET… …“MOJIT”
  10. 10. MOJITS• Have models, views, controllers, and binders• Can communicate with other mojits by messaging• Don’t have to know about other mojits• Can be composed together• Can run on server or client or both
  11. 11. MOJITODoes not:• Provide user interface abstractions• Provide any magic, like having your browser app work like a native mobile appDoes:• Let developers write javascript everywhere• Let developers use the same framework and idioms
  12. 12. MOJITO: COMMAND LINE% npm install –g mojito% mojito helpAvailable commands: build, compile, create, docs,gv, help, info, jslint, start, test, version
  13. 13. MOJITO: AN APPLICATION Bundle things by app or mojit Affinity: server, client, common Views can be selected by device
  14. 14. MOJITO: A VIEWMustache template engine (or choose your own)
  15. 15. MOJITO: A CONTROLLER ACTION
  16. 16. MOJITO: A MODEL
  17. 17. MOJITO: RUNNING ON YOUR MAC
  18. 18. THANK YOUhttps://github.com/yahoo/mojito/http://developer.yahoo.com/cocktails/isao@yahoo-inc.com

×