Yahoo! Hack India: Hyderabad 2013 | Mojito workshop
Upcoming SlideShare
Loading in...5
×
 

Yahoo! Hack India: Hyderabad 2013 | Mojito workshop

on

  • 876 views

Mojito (Node.js MVC) Workshop by Keshavaprasad Seshadri, Avinash Chukka

Mojito (Node.js MVC) Workshop by Keshavaprasad Seshadri, Avinash Chukka

Statistics

Views

Total Views
876
Views on SlideShare
876
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • While editing package.json, routes and application, refer https://github.com/kbsbng/mojito-examples/tree/master/SimpleWeatherApp
  • Refer https://github.com/kbsbng/mojito-examples/tree/master/SimpleWeatherApp to eidt the model
  • Refer https://github.com/kbsbng/mojito-examples/tree/master/SimpleWeatherApp

Yahoo! Hack India: Hyderabad 2013 | Mojito workshop Yahoo! Hack India: Hyderabad 2013 | Mojito workshop Presentation Transcript

  • Node.js MVC Framework MOJITO WORKSHOP
  • AGENDA • Installing mojito • Write a simple weather app on the command line • Extend the weather app to: • Invoke other actions • Show a different view on a iphone device • Page with muliple mojits; lazy loading 13 July 2013MOJITO WORKSHOP 3
  • INSTALLING MOJITO • Download and install node from http://nodejs.org/download/ • sudo npm install mojito-cli –g • mojito version 13 July 2013MOJITO WORKSHOP 4
  • SIMPLE WEATHER APP • Let’s write a simple app using mojito to do a YQL query to query weather of a place and display it. • mojito create app SimpleWeatherApp • Edit package.json • cd SimpleWeatherApp/ • mojito create mojit Weather • Edit routes.json and application.js 13 July 2013MOJITO WORKSHOP 5
  • SIMPLE WEATHER APP • Execute mojito to see the simple “Mojito is working” message: • mojito start • Edit model to fetch data from YQL, edit the controller and the template to render the data. • Execute mojito again. 13 July 2013MOJITO WORKSHOP 6
  • EXTEND THE SIMPLE WEATHER APP • Let us now extend the simple weather app to fetch some more data, such as forecast info. • Let us see how mojitProy can be used to: • Invoke another action and render its data. • Refresh the view • Modify the weather app to use a different view on iphone. 13 July 2013MOJITO WORKSHOP 7
  • PAGE WITH MULTIPLE MOJITS; LAZY LOADING • Let us build a page with multiple mojits: a header mojit, a footer mojit,and a body mojit. • Then, let us see how to lazy load the footer mojit. • Add “defer”: true in the config for the mojit in the application.json 13 July 2013MOJITO WORKSHOP 8
  • Q&A
  • REFERENCES • http://developer.yahoo.com/cocktails/mojito/ • The apps we did in the workshop can be found at https://github.com/kbsbng/mojito-examples. • My twitter handle: kbsbng 13 July 2013MOJITO WORKSHOP 10
  • THANK YOU