1. SharePoint & jQuery

2. About me Phill Duffy – Product Manager at Lightning Tools Ltd – Author of ‘Pro SharePoint with jQuery’ – MCTS Application Developer for 2007 & 2010

3. Agenda What is jQuery Getting started with jQuery Task List Demo using Client Object Model Using SharePoint Web Services Plugins Debugging jQuery considerations Questions

4. What is jQuery The write less, do more JavaScript Library First released 2006 Used in 43% of top 10,000 most visited Websites Designed to simplify client-side scripting of HTML Free and Open Source

5. Features DOM Selectors Events CSS manipulation Effects and animations Ajax Functionality Extensibility through plug-ins Utilities - such as the each function. Cross-browser support

6. GETTING STARTED WITH JQUERY

7. Where can I get it from? jquery.com – Download the version you want – Linking to a Local copy – Development and Production versions Use the Microsoft Content Delivery Network (CDN) or Google – – Linking to copy on public server

8. Adding it Layouts folder SharePoint Root WPResources Site Assets Document Library CDN Version

9. On PremiseSandboxed Layouts WPResources Site Assets Document Library CDN

10. Making available Custom Master Page AdditionalPageHead Delegate Control Custom Actions using ScriptSrc Content Editor Web Part Application Page\Web Part directly

11. jQuery Basics $ (document).ready(function() { // jquery goes here });

12. SELECTORS

13. jQuery Selectors $('p') $(‘#firstName’) $(‘.edit’) $('p[title=“Welcome"]') $('p.task').add('p.otherTask')

14. DEMO jQuery Selectors

15. EVENTS

16. The bad HTML File function doSomething() { alert(“You did something!”); } Click!

17. The good HTML File Click! JavaScript File $(‘#clickMe').click(function(){ alert('You did something!'); });

18. DEMO jQuery Events

19. DEMO Task list

20. DEMO Web Services

21. PLUGINS

22. Plugins jQuery UI - http://jqueryui.com/http://jqueryui.com/ – Widgets – Animation – Visual Effects http://plugins.jquery.com/ – Thousands of community driven plugins – Excellent documentation if you want to make them yourself – Existing plugins include things such as: Tag Clouds Image Rotators Lightboxes http://spservices.codeplex.com – “This is a jQuery library which abstracts SharePoint's Web Services and makes them easier to use”for SharePoint 2007 and 2010 – Marc D Anderson

23. DEBUGGING

24. Considerations Where is jQuery going to be hosted? How is the library going to be referenced? Does every page need to load it? How many times is the library being loaded? What happens if JavaScript is disabled on the client?

25. Summary Where to get it from How to make it available Understanding how jQuery works

26. Questions?