Date post: | 18-Nov-2014 |
Category: |
Technology |
Upload: | gaurav-vaish |
View: | 1,373 times |
Download: | 1 times |
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