OSS BarCamp Mumbai - JSON Presentation and Demo

JSON Introduction and Usage Mumbai – 24 th March 2007 OSS BarCamp Ketan Khairnar

Agenda ,[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],JSON Introduction

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],JSON Introduction

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],JSON Introduction

JSON Examples {"widget": { "debug": "on", "window": { "title": "Sample Konfabulator Widget", "name": "main_window", "width": 500, "height": 500 }, "image": { "src": "Images/Sun.png", "name": "sun1", "hOffset": 250, "vOffset": 250, "alignment": "center" } }} <widget> <debug>on</debug> <window title="Sample Konfabulator Widget"> <name>main_window</name> <width>500</width> <height>500</height> </window> <image src="Images/Sun.png" name="sun1"> <hOffset>250</hOffset> <vOffset>250</vOffset> <alignment>center</alignment> </image> </widget> {"menu": { "id": "file", "value": "File:", "popup": { "menuitem": [ {"value": "New", "onclick": "CreateNewDoc()"}, {"value": "Open", "onclick": "OpenDoc()"}, {"value": "Close", "onclick": "CloseDoc()"} ] } } } <menu id="file" value="File" > <popup> <menuitem value="New" onclick="CreateNewDoc()" /> <menuitem value="Open" onclick="OpenDoc()" /> <menuitem value="Close" onclick="CloseDoc()" /> </popup> </menu>

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],JSON Access: menu.popup.menuitem[1][“@onclick”] JSON in context with Developers {"menu": { “ @ id": "file", “ @ value": "File:", "popup": { "menuitem": [ {“ @ value": "New", “ @ onclick": "CreateNewDoc()"}, {“ @ value": "Open", “ @ onclick": "OpenDoc()"}, {“ @ value": "Close", “ @ onclick": "CloseDoc()"} ] } } } Our Convention {"menu": { "id": "file", "value": "File:", "popup": { "menuitem": [ {"value": "New", "onclick": "CreateNewDoc()"}, {"value": "Open", "onclick": "OpenDoc()"}, {"value": "Close", "onclick": "CloseDoc()"} ] } } } Standard

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],JSON in context with Developers Adding bindparams/bindrows Building JSON object using JavaScript Object

JSON in context with Developers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

JSON in context with Developers ,[object Object]

JSON in context with Developers ,[object Object],[object Object],[object Object],[object Object],[object Object]

XML-JSON Comparison ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],XML-JSON Comparison

XML-JSON Comparison ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

The browser hosts an application, not content e.g kayak.com kiko.com 30boxes.com Ajax Discussion

Ajax Discussion Definition : DOM :  CRUD ,innerHTML CSS :  selector,className XMLHttpRequest  responseXML responseText

The server delivers data, not content Google reader Google maps Yahoo pipes Ajax Discussion

User interaction with the application can be fluid and continuous Ajax Discussion

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Ajax Discussion

[object Object],[object Object],[object Object],[object Object],[object Object]

OSS BarCamp Mumbai - JSON Presentation and Demo

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Ähnlich wie OSS BarCamp Mumbai - JSON Presentation and Demo

Ähnlich wie OSS BarCamp Mumbai - JSON Presentation and Demo (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

OSS BarCamp Mumbai - JSON Presentation and Demo