1 / 18

JQuery : Rethink Web Development

JQuery : Rethink Web Development. Van Gaever Tom tom.vangaever@neomatics.be. Agenda. JQuery Introduction What makes JQuery interesting? How do I use it? Demo SharePoint with JQuery Best Practices Possibilities . Introduction. What is JQuery? What do I need to understand JQuery?.

eadoin
Download Presentation

JQuery : Rethink Web Development

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

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!

More Related