Top 10 jQuery Uses in SharePoint 2010Thank you for joining our webinar!We will begin shortly.
Housekeeping• „30 on Thursday‟ Series  – Bi-weekly 30 minute webinar series• Next Webinar: Thursday, February 21st  – Buil...
Housekeeping• Today‟s Session is being recorded• Archive of Past Sessions  – SusQtech.com/ArchivedWebinars• Questions - Us...
OnlineCoursesAdvanced InfoPath Forms in   Using jQuery in SharePoint 2010SharePoint 2010 Webinar      WebinarFebruary 20, ...
CourseRecordingsSusQtech.com/OnlineTraining
Today’sSession• Topic:  – Top 10 jQuery Uses in SharePoint 2010• Presenter:  – Marc Anderson, SharePoint MVP• Moderator:  ...
LET’S GET STARTED!
What Is jQuery?From the 30 on Thursday webinardescription:  “jQuery is a powerful JavaScript library that  allows for easy...
What Is jQuery?From the jQuery.com site:  “jQuery is a fast, small, and feature-rich  JavaScript library. It makes things ...
Adding jQuery/jQueryUIReferencing jQuery, jQueryUI, and SPServices from CDNs – Revisitedhttp://sympmarc.com/2013/02/07/ref...
10. Simple text changes  $(".ms-socialNotif-text").text("Like This");
9. Add branding effects         • Not just CSS-based         • React to user behaviorFancy checkboxes and radio buttonshtt...
8. Add new behavior toexisting controls$("input[title=Title]").val("Enter the title....");$("input[title=Title]").click(fu...
7. Rearrange DOM elements$().SPServices.SPArrangeChoiceshttp://spservices.codeplex.com/wikipage?title=$().SPServices.SPArr...
6. Add jQueryUI effects
5. Plugins, plugins, plugins      • Image rotators      • Slideshows      • Charting      • Graphing      • Animation     ...
4. Improve form interactions     • Cascading dropdowns     • Display related info     • Update multiple lists at the same ...
3. Reduce the number ofpostbacks• Use .ajax() to write to underlying lists  and libraries• Satisfy the Facebook generation
2. Improve the out of the box         user interfaceDisplay All Related Tasks for a SharePoint Workflow Using jQuery, SPSe...
1. Create interactiveapplications
Questions/CommentsMarc Andersonmarc.anderson@sympraxisconsulting.com  @sympmarcSteve WittSteveW@susqtech.com   @splumberja...
ThankYou!
Upcoming SlideShare
Loading in...5
×

Top 10 jQuery Uses in SharePoint 2010

4,643

Published on

Slides and video from the SusQTech "30 on Thursday" webinar "Top 10 jQuery Uses in SharePoint 2010"

February 7, 2013 | 1:30 - 2:00 pm ET

In this 30 on Thursday webinar, Marc Anderson, SharePoint MVP, will take us through the top 10 uses for jQuery in SharePoint 2010. JQuery is a powerful JavaScript library that allows for easy implementation of dynamic user interface components for things like accordion navigation, tabs and image rotators that make website more engaging and usable.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
4,643
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
68
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Top 10 jQuery Uses in SharePoint 2010"

  1. 1. Top 10 jQuery Uses in SharePoint 2010Thank you for joining our webinar!We will begin shortly.
  2. 2. Housekeeping• „30 on Thursday‟ Series – Bi-weekly 30 minute webinar series• Next Webinar: Thursday, February 21st – Building Charts with Power View - SharePoint 2013 and Excel 2013• Full Schedule: www.susqtech.com/webinars
  3. 3. Housekeeping• Today‟s Session is being recorded• Archive of Past Sessions – SusQtech.com/ArchivedWebinars• Questions - Use the window at right
  4. 4. OnlineCoursesAdvanced InfoPath Forms in Using jQuery in SharePoint 2010SharePoint 2010 Webinar WebinarFebruary 20, 2013 | Online March 28, 2013 | Online Learn More or Register at SusQtech.com/OnlineTraining
  5. 5. CourseRecordingsSusQtech.com/OnlineTraining
  6. 6. Today’sSession• Topic: – Top 10 jQuery Uses in SharePoint 2010• Presenter: – Marc Anderson, SharePoint MVP• Moderator: – Steve Witt, SusQtech
  7. 7. LET’S GET STARTED!
  8. 8. What Is jQuery?From the 30 on Thursday webinardescription: “jQuery is a powerful JavaScript library that allows for easy implementation of dynamic user interface components for things like accordion navigation, tabs and image rotators that make website more engaging and usable.”
  9. 9. What Is jQuery?From the jQuery.com site: “jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.”
  10. 10. Adding jQuery/jQueryUIReferencing jQuery, jQueryUI, and SPServices from CDNs – Revisitedhttp://sympmarc.com/2013/02/07/referencing-jquery-jqueryui-and-spservices-from-cdns-revisited/
  11. 11. 10. Simple text changes $(".ms-socialNotif-text").text("Like This");
  12. 12. 9. Add branding effects • Not just CSS-based • React to user behaviorFancy checkboxes and radio buttonshttp://www.sympraxisconsulting.com/Demos/Demo%20Pages/FancyCBandRB.aspx
  13. 13. 8. Add new behavior toexisting controls$("input[title=Title]").val("Enter the title....");$("input[title=Title]").click(function() { $(this).val("");});
  14. 14. 7. Rearrange DOM elements$().SPServices.SPArrangeChoiceshttp://spservices.codeplex.com/wikipage?title=$().SPServices.SPArrangeChoices
  15. 15. 6. Add jQueryUI effects
  16. 16. 5. Plugins, plugins, plugins • Image rotators • Slideshows • Charting • Graphing • Animation • EffectsjQuery Plugin Registry: http://plugins.jquery.com/MetroJS: http://www.drewgreenwell.com/
  17. 17. 4. Improve form interactions • Cascading dropdowns • Display related info • Update multiple lists at the same time$().SPServices.SPCascadeDropdowns$().SPServices.SPDisplayRelatedInfo
  18. 18. 3. Reduce the number ofpostbacks• Use .ajax() to write to underlying lists and libraries• Satisfy the Facebook generation
  19. 19. 2. Improve the out of the box user interfaceDisplay All Related Tasks for a SharePoint Workflow Using jQuery, SPServices, and jQueryUIhttp://sympmarc.com/2011/06/07/display-all-related-tasks-for-a-sharepoint-workflow-using-jquery-spservices-and-jqueryui/
  20. 20. 1. Create interactiveapplications
  21. 21. Questions/CommentsMarc Andersonmarc.anderson@sympraxisconsulting.com @sympmarcSteve WittSteveW@susqtech.com @splumberjack www.SusQtech.com/Webinars
  22. 22. ThankYou!

×