My deck on Yahoo! Mojito for Agency Hack Day on 2nd Nov, 2012 at Gurgaon

2. Mojito – Universal Code
Gaurav Vaish

3. Yahoo! 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, and
scaling

4. What’s Mojito?
MVC Framework for Server +
Client in
One Language

5. What’s Mojito?

6. What’s Mojito?
Mojito
Express
Connect
Mustache YUI
Node.js
JavaScript

7. Mojito Application Components

8. Mojito Application Components
• Mojito Widget – Mojit
– Model
– View
– Controller
– Binder
• Application Configuration
• Routes Configuration
• Middleware (a.k.a. Filters)
• View Engines

9. Getting Mojito

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

11. Hello, World!

12. Hello, World!
• mojito create app HelloWorldApp
• cd HelloWorldApp
• mojito create mojit HelloMojit
• cd ..
• mojito start
Now browse to

13. Hello, World!
• mojito create app HelloWorldApp
• cd HelloWorldApp
• mojito create mojit HelloMojit
• cd ..
• mojito start
Now browse to
• http://localhost:8666/@HelloMojit/index

14. Why Mojito?

15. Why Mojito?
• One language
• Device aware
• Use any library (jQuery, bootstrap, Dojo …)
– With YUI, since that’s the core
• Context aware
– Server
– Client
– Universal!

16. What’s Where
• Yahoo! Developers
– http://developers.yahoo.com
• Yahoo! Cocktails
– http://developers.yahoo.com/cocktails
• Yahoo! Mojito
– http://developers.yahoo.com/cocktails/
mojito

17. Happy Hacking!
www.google.com/search?q="Gaurav+Vaish"