Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Yahoo! Mojito                                                                                                             ...
BackgroundThe Problem: Developers do not have a method for delivering high quality digital media experiences  to all popu...
Yahoo! Cocktails “Cocktails” is a Javascript-based on-line/off-line, multi-device, cloud-ready, mobile  development platf...
Yahoo! Mojito With Mojito developers can create ONE app for several devices while lowering  costs, increasing agility and...
What’s Mojito?      MVC Framework for Server +              Client in           One Language
What’s Mojito?                  Mojito   Express Connect                   Mustache   YUI     Node.js               JavaSc...
Getting Mojito Usingyinst + ynpm ›   yroot --create mojito 4.8-20090518     • 5.x should also work ›   yinstiynodejs_dev ...
“Hello, World!” mojito create app HelloWorldApp cdHelloWorldApp mojito create mojitHelloMojitNow browse to http://loca...
A minor customization routes.json[    {        "settings": ["master"],        "root": {            "path": "/",          ...
Analyzing Artifacts application.json mojits ›   models ›   views ›   controller ›   assets assets autoload
Let’s make the app interactive…
The Mojit The User Interface ›   Model + Controller + View The User Interaction ›   Binder Communication Back to Server...
Enhancing the Design The HTMLFrameMojit Composite Mojits External CSS External JavaScript Device specific UI
Componentizing Code Custom YUI Modules Autoload ›   Server, Client, Common Model ›   Server, Client, Common ›   Global,...
Extending Mojito Addons Middleware Libraries View Engines
Yahoo! Products built on Mojito Livestand– A personalized living magazine. Yahoo! Fantasy Finance – is a stock trading g...
Contact Yahoo! Developers ›   http://developers.yahoo.com Yahoo! Cocktails ›   http://developers.yahoo.com/cocktails Ya...
Join the Mojito community!        Thanks!
Yahoo! Mojito
Yahoo! Mojito
Upcoming SlideShare
Loading in …5
×

Yahoo! Mojito

11,113 views

Published on

With Mojito developers can create ONE app for several devices while lowering costs, increasing agility and maintaining a uniform aesthetic across screens (web, mobile, tablet)

The Mojito code-base that has been open sourced accelerates the development of applications by giving developers the ability to maintain a single codebase for all the connected devices and optimize the application for each device

Because Mojito is built in one language, JavaScript, for client and server environments, developers enjoy increased productivity - only one code-base to test and fix

Published in: Technology
  • Be the first to comment

Yahoo! Mojito

  1. 1. Yahoo! Mojito GauravVaish Principal Engineer, Yahoo!Copyright © 2012 Yahoo! All rights reserved. No reproduction or distribution allowed without express written permission
  2. 2. BackgroundThe Problem: Developers do not have a method for delivering high quality digital media experiences to all popular consumer devices, without having to create applications specific to each device, which is slow and expensive. Current available technologies that try to solve for this problem are proprietary, locking developers to vendors. The Solution: Yahoo! Cocktails
  3. 3. Yahoo! Cocktails “Cocktails” is a Javascript-based on-line/off-line, multi-device, cloud-ready, mobile development platform made up of “Mojito,” a JavaScript MVC framework and “Manhattan,” a cloud-based hosted environment, that Yahoo! announced in November 2011. Cocktails, created by Yahoo!, leverages and evolves open web standard technologies, including HTML5, CSS3, JavaScript and Node.JS. Cocktails enables the development of hybrid applications, a new class of app that is cross-platform yet offers native-like performance across all popular devices including those based on iOS, Android and Windows Mobile. Cocktails creates a single web-based programming paradigm, which allows developers to build apps with a native-like performance, while delivering optimal experiences for any screen and any device. Yahoo! announced Cocktails in November 2011
  4. 4. Yahoo! Mojito With Mojito developers can create ONE app for several devices while lowering costs, increasing agility and maintaining a uniform aesthetic across screens (web, mobile, tablet). The Mojito code-base that has been open sourced accelerates the development of applications by giving developers the ability to maintain a single codebase for all the connected devices and optimize the application for each device. Because Mojito is built in one language, JavaScript, for client AND server environments, developers enjoy increased productivity - only one code-base to test and fix. As promised, Yahoo! open sourced Mojito on April 2nd, 2012
  5. 5. What’s Mojito? MVC Framework for Server + Client in One Language
  6. 6. What’s Mojito? Mojito Express Connect Mustache YUI Node.js JavaScript
  7. 7. Getting Mojito Usingyinst + ynpm › yroot --create mojito 4.8-20090518 • 5.x should also work › yinstiynodejs_dev › yinstiynpm –br current › sudoynpm install mojito –g › mojito test
  8. 8. “Hello, World!” mojito create app HelloWorldApp cdHelloWorldApp mojito create mojitHelloMojitNow browse to http://localhost:8666/@HelloMojit/index
  9. 9. A minor customization routes.json[ { "settings": ["master"], "root": { "path": "/", "verbs": [ "GET" ], "call": "@HelloMojit.index" }]
  10. 10. Analyzing Artifacts application.json mojits › models › views › controller › assets assets autoload
  11. 11. Let’s make the app interactive…
  12. 12. The Mojit The User Interface › Model + Controller + View The User Interaction › Binder Communication Back to Server › Form Submit › Direct Ajax calls › Proxied controller calls
  13. 13. Enhancing the Design The HTMLFrameMojit Composite Mojits External CSS External JavaScript Device specific UI
  14. 14. Componentizing Code Custom YUI Modules Autoload › Server, Client, Common Model › Server, Client, Common › Global, Mojit specific
  15. 15. Extending Mojito Addons Middleware Libraries View Engines
  16. 16. Yahoo! Products built on Mojito Livestand– A personalized living magazine. Yahoo! Fantasy Finance – is a stock trading game that pits players against each other and their friends for the chance to win $50,000. CITIZEN SPORTS - Fantasy Premier League Football – is the first major fantasy game to allow Premier League fans to draft, manage and discuss their fantasy teams entirely on their smartphone or tablet. Users can also play the game on their laptops; it is the same game on all screens for all fans. Search Direct – Search Direct is a search feature delivering the same rich content from Yahoo!’s products, aggregated as answers, not links, to give people the option to immediately engage and bypass a traditional search results page. ….and more
  17. 17. Contact Yahoo! Developers › http://developers.yahoo.com Yahoo! Cocktails › http://developers.yahoo.com/cocktails Yahoo! Mojito › http://developers.yahoo.com/cocktails/mojito Email: › gvaish@yahoo-inc.com
  18. 18. Join the Mojito community! Thanks!

×