JQuery : Rethink Web Development

Van Gaever Tom

tom.vangaever@neomatics.be

AgendaJQuery

IntroductionWhat makes JQuery interesting?How do I use it?Demo

SharePoint with JQueryBest PracticesPossibilities

IntroductionWhat is JQuery?What do I need to understand JQuery?

IntroductionWhat is JQuery?What do I need to understand JQuery?

#id.class$()

IntroductionWhy should I consider using it?How can it help me?What are these plugins?

IntroductionWhy should I consider using it?How can it help me?What are these plugins?

$(object identifier).action();

DemoSelectorsFormsAttributesManipulatorsEvents

AJAXEventsUtilitiesDrag & DropWidgets

PluginsContent SliderFancy BoxTree...

Ajax Libraries2007 2009 Diff

JQuery 13.3 % 71.4 % 58.1 %AJAX Control Toolkit 49.6 % 58.8 % 9.2 %ASP.NET Ajax 73.7 % 44.8 % -28.9 %Telerik radControls 11.7 % 15.6 % 3.9 %Ajax.NET Professional 13.3 % 10.3 % -3.0 %JSON.NET 3.3 % 9.7 % 6.4 %Raw Ajax 11.3 % 8.6 % -2.7 %Prototype 11.5 % 8.3 % -3.2 %Yahoo! UI 5.5 % 7.0 % 1.5 %Ext JS 6.1 % 6.1 % 0.0 %Script.aculo.us 9.7 % 5.3 % -4.4 %

http://codeclimber.net.nz/

Microsoft SupportSeptember 2008Official Development PlatformAdditional controlsTesting & patches

Visual StudioVisual Studio 2008 SP1Hotfix

mylibrary-vsdoc.jsmylibrary.debug.jsmylibrary.js

SharePoint & JqueryWeb based Javascript

Document Library12 hiveAdditionalPageHead Delegate Control

Content Editor Webpart“&PageView=Shared&ToolPaneView=2”

SharePoint & JquerySharePoint development: • Custom control• Create sharepoint feature• Deploy in the GAC• Manipulate Masterpage• What about navigation settings?• Performance?• Service Packs?

JQuery:• 20 lines of Javascript• Keep navigation settings• No assembly needed• Client side

http://darrenjohnstone.net

var lists = new SPAPI_Lists("http://server") ;var listcollection = lists.getListCollection();if(listcollection.status == "200"){$(listcollection.responseXML).find("List").each(function(){

//here we have each list});

Javascript APISharePoint webservices

Asynchronous TasksQuickly add multiple tasks at onceNo postbackMessage when task has been savedClear the textboxes

Demo’s

Informationhttp://jquery.com/http://jqueryui.com/http://darrenjohnstone.net

http://www.tomvangaever.behttp://www.endusersharepoint.com

Thank You!