1. SHAREPOINT & JQUERY

2. Hi, my name is @phillduffy and I am a product manager at lightning tools. I have been working with SharePoint for 5 years.

3. The book I wrote

4.  A bit about jQuery  Basic jQuery  Using jQuery with SharePoint  Plugins  jQuery considerations  Questions Agenda

5. A BIT ABOUT JQUERY

6. jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML

7. Write Less Do More

8. Release d 2006

9. Used by over 55% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today

10. Free Open Source

11. Cross- browser support

12. FEATURES

13. DOM Selector s

14. Events

15. CSS Manipula tion

16. Effects and Animatio ns

17. Ajax Function ality

18. Extensibility through plug-ins

19. Utilities - such as the each function Features

20. GETTING STARTED WITH JQUERY

21. $(‘x’); Jquery(‘x’); jQuery Factory

22. $(document).ready(function() { // code goes here });

23. DOM Selector s

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

25. DEMO

26. CSS Manipula tion

27. DEMO

28. Events

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

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

31. DEMO

32. Ajax Function ality

33. DEMO

34. Effects and Animatio ns

35. Utilities - such as the each function

36. Extensibi lity throu gh plug-ins

37. jQuery UI http://jqueryui.com/ Widgets Animation Visual Effects

38. http://plugins.jquery.com Thousands of community driven plugins Excellent documentation if you want to make them yourself Existing plugins include things such as Accordion Menu, Tag Clouds, Image Rotators, Lightboxes

39. SPServices http://spservices.codeplex.com “This is a jQuery library which abstracts SharePoint's Web Services and makes them easier to use”

40. Creating your own plugin

41. DEMO

42. USING JQUERY WITH SHAREPOINT

43. jquery.com Download the version you want Content Delivery Network (CDN) Linking to copy on public server Where can I get it from?

44. jQuery.c om Download the version you want Linking to a Local copy Development and Production versions Inside Firewall Greater Control Requires deployment

45. Content Delivery Network (CDN) Link to the version you want or latest Linking to copy on public server Caching Highly available Requires Access to file through internet

46. Layouts folder WPResources Site Assets Document Library CDN Version Adding it to SharePoint

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

48. CONSIDERATIO NS

49. 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?

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

51. QUESTIONS?