Wpp mojito-novid.pptx

998 views
909 views

Published on

An intro to Yahoo's open source javascript application framework for WPP May the Fourth Be With You

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

No Downloads
Views
Total views
998
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Wpp mojito-novid.pptx

  1. 1. WHAT IS MOJITOhttp://developer.yahoo.com/cocktails/Isao Yagi
  2. 2. THIS IS MOJITO
  3. 3. THESE ARE MOJITS
  4. 4. THIS IS MOJITONeed these:•  Personalization•  Internationalization•  Localization•  Instrumentation•  Monetization
  5. 5. THIS IS MOJITOAnd we need to provide our experiencesacross various devices.It needs to be accessible and inclusive.It needs to be safe and fast.
  6. 6. PRE-MOJITODevelopers using lots of languages, toolchains, and stacks. Nokia   iOS   Desktop   ConnectedTV   Feature  Phones   Android   Apps   Apps   Web  Modules   Widgets   Views   Apps   Nave   Nave   Maple,  YUI   Konfabulator   BluePrint   Nave   Java,  ObjC   Java,  ObjC   Apache/PHP/JS   JavaScript   Apache/PHP   Java  
  7. 7. REBOOT Nokia Mojito iOSDesktop Connected Feature Android Apps TV Phones AppsWeb HTML5 Widgets Modules Views Apps APPLICATIONModules Native NativeMaple, YUI MVC BluePrint Konfabulat Native FRAMEWORK or Java, ObjC Java, ObjCApache/PHP/ Javascript JavaScript Apache/ Java RUNTIMEJS PHP
  8. 8. 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
  9. 9. 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.
  10. 10. “MOJIT” A kind of MODULE… or a kind of WIDGET… …“MOJIT”
  11. 11. “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
  12. 12. MOJITODoes not:•  Provide user interface abstractions•  Does not provide any magic, like having your browser app work like a native mobile appDoes:•  Lets developers write javascript everywhere•  Lets developers use the same framework and idioms
  13. 13. MOJITO: COMMAND LINE% npm install –g mojito!!% mojito help!Available commands: build, compile,create, docs, gv, help, info,jslint, start, test, version!
  14. 14. MOJITO: AN APPLICATION Bundle  things   by  app  or  mojit   Affinity:  server,   client,  common   Views  can  be   selected  by   device  
  15. 15. MOJITO: A VIEWMustache template engine (or choose your own)
  16. 16. MOJITO: A CONTROLLER ACTION
  17. 17. MOJITO: A MODEL
  18. 18. MOJITO: RUNNING ON YOUR MAC
  19. 19. THANK YOUhttp://developer.yahoo.com/cocktails/https://github.com/yahoo/mojitoisao@yahoo-inc.com

×