JQuery : Rethink Web Development

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!