YAHOO! MOJITOGaurav VaishPrincipal Engineer
COCKTAILSCocktails [kðk’tålz] (noun, plural): a Javascript-based• on-line/off-line, multi-device,• cloud-ready, Web applic...
WHAT’S MOJITO?• A JavaScript MVC framework for web basedapplications, one of the Yahoo! CocktailsBuild high-performance, d...
MOJITO STACK5JavaScriptConnectExpressYUINode.jsMojitoMustacheHandlebars
MOJITO APPLICATION COMPONENTS6Mojit• Model• View• Controller• Binder ProxyConfiguration• Application• Routes• DimensionsC...
MOJITO APPLICATION COMPONENTS7
GETTING MOJITO• Using npm• npm install mojito –g• From source• git clone git://github.com/yahoo/mojito.git• (cd mojito/sou...
HELLO WORLD!• mojito create app HelloWorldApp• cd HelloWorldApp• mojito create mojit HelloMojit• cd ..• mojito start• Brow...
WHY MOJITO?• One language• Device aware• Use any library (jQuery, bootstrap, Dojo …)• Best with YUI, since that’s the core...
WHAT’S WHERE• Yahoo! Developershttp://developer.yahoo.com• Yahoo! Cocktailshttp://developer.yahoo.com/cocktails• Yahoo! Mo...
Happy Hacking12http://www.yahoo.com/search?p="Gaurav+Vaish"&fr=sfpgvaish@yahoo-inc.com@mastergaurav
Y! Open Hack 2013 (London)
Upcoming SlideShare
Loading in …5
×

Y! Open Hack 2013 (London)

1,255 views

Published on

Yahoo! Mojito combines power of JavaScript, NodeJS and YUI and provides a MVC Framework to build applications in an easy and quick manner.

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

Y! Open Hack 2013 (London)

  1. 1. YAHOO! MOJITOGaurav VaishPrincipal Engineer
  2. 2. COCKTAILSCocktails [kðk’tålz] (noun, plural): a Javascript-based• on-line/off-line, multi-device,• cloud-ready, Web application platformthat offers features such as• internationalization, command-line tools,• single-language code and scaling3
  3. 3. WHAT’S MOJITO?• A JavaScript MVC framework for web basedapplications, one of the Yahoo! CocktailsBuild high-performance, device-independentHTML5 applications running on both client andserver with Node.js4
  4. 4. MOJITO STACK5JavaScriptConnectExpressYUINode.jsMojitoMustacheHandlebars
  5. 5. MOJITO APPLICATION COMPONENTS6Mojit• Model• View• Controller• Binder ProxyConfiguration• Application• Routes• DimensionsCore Framework• View Engine• Middleware• Resource Store• CLI• Add-onsFramework Mojits• HTMLFrame• LazyLoad
  6. 6. MOJITO APPLICATION COMPONENTS7
  7. 7. GETTING MOJITO• Using npm• npm install mojito –g• From source• git clone git://github.com/yahoo/mojito.git• (cd mojito/source && npm install –g)• mojito test8
  8. 8. HELLO WORLD!• mojito create app HelloWorldApp• cd HelloWorldApp• mojito create mojit HelloMojit• cd ..• mojito start• Browse tohttp://localhost:8666/@HelloMojit/index9
  9. 9. WHY MOJITO?• One language• Device aware• Use any library (jQuery, bootstrap, Dojo …)• Best with YUI, since that’s the core• Context aware• Server• Client• Universal!10
  10. 10. WHAT’S WHERE• Yahoo! Developershttp://developer.yahoo.com• Yahoo! Cocktailshttp://developer.yahoo.com/cocktails• Yahoo! Mojitohttp://developer.yahoo.com/cocktails/mojito• This Presentationhttp://slidesha.re/10HTCkD11
  11. 11. Happy Hacking12http://www.yahoo.com/search?p="Gaurav+Vaish"&fr=sfpgvaish@yahoo-inc.com@mastergaurav

×