YAHOO! MOJITO

Gaurav VaishPrincipal Engineer

3

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 scaling

4

WHAT’S MOJITO?• A JavaScript MVC framework for web based

applications, one of the Yahoo! Cocktails

Build high-performance, device-independent HTML5 applications running on both client and

server with Node.js

5

MOJITO STACK

JavaScript

Connect

Express

YUINode.js

Mojito

MustacheHandlebars

6

MOJITO APPLICATION COMPONENTS

Mojit• Model• View• Controller• Binder

Proxy

Configuration• Application• Routes• Dimensions

Core Framework• View Engine• Middleware• Resource Store• CLI• Add-ons

Framework Mojits• HTMLFrame• LazyLoad

7

MOJITO APPLICATION COMPONENTS

8

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 test

9

HELLO WORLD!• mojito create app HelloWorldApp• cd HelloWorldApp• mojito create mojit HelloMojit• cd ..• mojito start

• Browse tohttp://localhost:8666/@HelloMojit/index

10

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!

11

WHAT’S WHERE• Yahoo! Developers

http://developer.yahoo.com• Yahoo! Cocktails

http://developer.yahoo.com/cocktails• Yahoo! Mojito

http://developer.yahoo.com/cocktails/mojito• This Presentation

http://slidesha.re/10HTCkD

12

Happy Hacking

http://www.yahoo.com/search?p="Gaurav+Vaish"&fr=sfp

gvaish@yahoo-inc.com@mastergaurav