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

2. YAHOO! MOJITO
Gaurav Vaish
Principal Engineer

3. COCKTAILS
Cocktails [kðk’tålz] (noun, plural): a Javascript-
based
• on-line/off-line, multi-device,
• cloud-ready, Web application platform
that offers features such as
• internationalization, command-line tools,
• single-language code and scaling
3

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
4

5. MOJITO STACK
5
JavaScript
Connect
Express
YUI
Node.js
Mojito
Mustache
Handlebars

6. MOJITO APPLICATION COMPONENTS
6
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
7

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
8

9. HELLO WORLD!
• mojito create app HelloWorldApp
• cd HelloWorldApp
• mojito create mojit HelloMojit
• cd ..
• mojito start
• Browse to
http://localhost:8666/@HelloMojit/index
9

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!
10

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
11

12. Happy Hacking
12
http://www.yahoo.com/search?p="Gaurav+Vaish"&fr=sfp
gvaish@yahoo-inc.com
@mastergaurav