Presentation is loading. Please wait.

Presentation is loading. Please wait.

JQuery : Rethink Web Development Van Gaever Tom

Similar presentations


Presentation on theme: "JQuery : Rethink Web Development Van Gaever Tom"— Presentation transcript:

1 JQuery : Rethink Web Development Van Gaever Tom tom.vangaever@neomatics.be

2 Agenda JQuery Introduction What makes JQuery interesting? How do I use it? Demo SharePoint with JQuery Best Practices Possibilities

3 Introduction What is JQuery? What do I need to understand JQuery?

4 Introduction What is JQuery? What do I need to understand JQuery? #id.class $()

5 Introduction Why should I consider using it? How can it help me? What are these plugins?

6 Introduction Why should I consider using it? How can it help me? What are these plugins? $(object identifier).action();

7 Demo Selectors Forms Attributes Manipulators Events AJAX Events Utilities Drag & Drop Widgets

8 Plugins Content Slider Fancy Box Tree...

9 Ajax Libraries http://codeclimber.net.nz/

10 Microsoft Support September 2008 Official Development Platform Additional controls Testing & patches

11 Visual Studio Visual Studio 2008 SP1 Hotfix mylibrary-vsdoc.js mylibrary.debug.js mylibrary.js

12 SharePoint & Jquery Web based Javascript Document Library 12 hive AdditionalPageHead Delegate Control Content Editor Webpart “&PageView=Shared&ToolPaneView=2”

13 SharePoint & Jquery SharePoint 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

14 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 API SharePoint webservices

15 Asynchronous Tasks Quickly add multiple tasks at once No postback Message when task has been saved Clear the textboxes

16 Demo’s

17 Information http://jquery.com/ http://jqueryui.com/ http://darrenjohnstone.net http://www.tomvangaever.be http://www.endusersharepoint.com

18 Thank You!


Download ppt "JQuery : Rethink Web Development Van Gaever Tom"

Similar presentations


Ads by Google