After taking this course, you will be able to improve the user experience in your SharePoint solutions, improving data quality and user adoption rates. You will learn how to get jQuery set up for use with SharePoint and how to work with the client-side Document Object Model (DOM). Specific examples using the jQuery Library for SharePoint Web Services (also called SPServices) will be included and may be of the most interest to business users.
This SharePoint course contains the following modules:
• Module 1: Installing jQuery in your Environment
• Module 2: Basic jQuery Selectors and DOM Manipulation
• Module 3: Understanding the Pages that SharePoint Renders
• Module 4: Basic Page Manipulation with jQuery
• Module 5: jQuery’s AJAX with SharePoint’s Web Services
• Module 6: Tying it all Together - Complex jQuery Usage
Your Presenter - Marc D. Anderson
Marc is the Co-Founder and President of Sympraxis Consulting LLC, located in the Boston suburb of Newton Centre, MA, USA. Sympraxis focuses on enabling collaboration throughout the enterprise using the SharePoint application platform.
Marc has almost 30 years of experience in technology professional services and software development. Over a wide-ranging career in consulting as well as line manager positions, Marc has proven himself as a problem solver and leader who can solve difficult technology problems for organizations across a wide variety of industries and organization sizes.
Prior to cofounding Sympraxis Consulting, Marc was Director of Operations at Jornata, a Boston-based technology consulting firm, which was acquired by Vitale, Caturano (now Caturano and Company) in the Spring of 2008. Marc has also held positions at world-class services firms such as Bain and Company, KPMG, and Renaissance Solutions. Marc also had a “real job”, managing the systems for Staples' delivery business as it grew from a $30 million “experiment” to an over $1 billion main line business unit. Having started his career as an assembly language and FORTRAN
programmer, Marc truly knows what life is like “in the trenches” and brings that perspective to bear for all of his clients.
Marc has a Bachelors of Arts in Computer Mathematics from the University of Pennsylvania and graduated from Phillips Exeter Academy in Exeter, NH.
Lately, aside from client work, Marc has been:
• Developer of the jQuery Library for SharePoint Web Services (SPServices)
• Faculty member at the USPJA Academy
• Frequent contributing author at EndUserSharePoint.com
• Blogging at Marc D Anderson’s blog
• Trying to rid the world of bad SharePoint implementations.
37
Module 1: Installing jQuery in your Environment
Overview
Welcome! This module shows you some of the sites and basic concepts you'll need to know about for this course.
Audience
This module is for intermediate level SharePoint developers.
What you’ll learn
We will start out by reviewing some websites that are important resources for developers using jQuery with SharePoint, and then jump into developing by learning how to reference jQuery and any associated plugins and libraries. We’ll also look at minification – what it is, and why you should consider using it.
What you’ll cover
• An orientation on important jQuery web sites
• How to reference the jQuery library and other plugins
• The relative merits of different approaches to referencing the jQuery library
• What Minification is, and why it matters Prerequisites
There are no specific prerequisites for this course. However, jQuery is built on JavaScript, so familiarity with client-side scripting techniques can be useful.
Module Details Status
Released Course Enhancing the SharePoint User Experience with jQuery
Duration
3 hours 30 minutes Programming Language C#
Visual Studio Version 2008, 2010 Level 3
Drill Code
JQUERYUX-SP-M1
38
Module 2: Basic jQuery Selectors and DOM Manipulation
Overview
Question: How do you find an object in the DOM so that you can manipulate it? Answer:
jQuery selectors!
Audience
This module is for intermediate level SharePoint developers.
What you’ll learn
JavaScript can do everything that jQuery can do, but jQuery can make some operations much simpler and more efficient to develop. Selectors are a good example. We’ll look at simple and medium-level-complexity selectors.
Getting your initial selectors right can be the hardest step, as most of the rest of your script will depend on those selectors being correct. Additionally, the DOM for pages which SharePoint generates is complex. Getting a basic understanding of how SharePoint's pages are constructed on the client side is crucial to success.
What you’ll cover
• Using simple jQuery selectors to find objects in a page
• The SPArrangeChoices function from SPServices
• Manipulating the DOM and other objects Prerequisites
There are no specific prerequisites for this course. However, jQuery is built on JavaScript, so familiarity with client-side scripting techniques can be useful.
Module Details Status
Released Course Enhancing the SharePoint User Experience with jQuery
Duration 5 hours
Programming Language C#
Visual Studio Version 2008, 2010 Level 3
Drill Code
JQUERYUX-SP-M2
39
Module 3: Understanding the Pages SharePoint Renders
Overview
The pages that SharePoint renders are simply HTML and script, but they have some consistent characteristics that are useful to understand as you start working with them and jQuery.
Audience
This module is for intermediate level SharePoint developers.
What you’ll learn
There are many different pages in SharePoint, but two of the most common constructs are the Quick Launch and the list forms. We will look at some of the most common SharePoint page objects.
What you’ll cover
• Using IE8+ and the Developer Tools to understand the Document Object Module that SharePoint renders
• The DOM for Quick Launch
• The DOM for a List Form Prerequisites
There are no specific prerequisites for this course. However, jQuery is built on JavaScript, so familiarity with client-side scripting techniques can be useful.
Module Details Status
Released Course Enhancing the SharePoint User Experience with jQuery
Duration 5 hours
Programming Language C#
Visual Studio Version 2008, 2010 Level 3
Drill Code
JQUERYUX-SP-M3
40
Module 4: Basic Page Manipulation with jQuery
Overview
With some more advanced examples, we’ll give you a handle on the types of things you can do with jQuery on your SharePoint pages. Building your own functions like this, which can be used on multiple sites and pages, will give you the biggest "bang for the buck".
Audience
This module is for intermediate level SharePoint developers.
What you’ll learn
Reusability is always a key goal in programming, and jQuery is not different. By looking at some common page constructs and thinking about building reusable script functions, you can begin to build a library of capabilities you can use within your organization.
What you’ll cover
• The DOM Quick Launch construct
• Sample jQuery code for an accordion effect
• The SPSetMultiSelectSizes function
• The .animate() function Prerequisites
There are no specific prerequisites for this course. However, jQuery is built on JavaScript, so familiarity with client-side scripting techniques can be useful.
Module Details Status
Released Course Enhancing the SharePoint User Experience with jQuery
Duration 5 hours
Programming Language C#
Visual Studio Version 2008, 2010 Level 3
Drill Code
JQUERYUX-SP-M4
41
Module 5: jQuery’s AJAX with SharePoint’s Web Services
Overview
SPServices is a jQuery library that abstracts SharePoint's Web Services and makes them easier to use.
Audience
This module is for intermediate level SharePoint developers.
What you’ll learn
We’ll look at SPServices’ functions that use the various Web Service operations to provide more useful (and cool) capabilities.
By making AJAX calls, we can interrogate SharePoint to get information and even manipulate it. The SOAP Web Services preceded the Client Object model in SharePoint 2010 and have been available since SharePoint 2003. They work identically in SharePoint 2007 and 2010, though 2010 exposes some new Web Services and operations which allow you to interact with its new functionality.
What you’ll cover
• Functions widely used in SPServices
• Calling SharePoint Web Services from jQuery
• Wrapping Web Services calls in jQuery Prerequisites
There are no specific prerequisites for this course. However, jQuery is built on JavaScript, so familiarity with client-side scripting techniques can be useful.
Module Details Status
Released Course Enhancing the SharePoint User Experience with jQuery
Duration 5 hours
Programming Language C#
Visual Studio Version 2008, 2010 Level 3
Drill Code
JQUERYUX-SP-M5
42
Module 6: Tying it all Together - Complex jQuery Usage
Overview
After mastering the DOM and Web Services, we look at some of the complex things we can now do with SharePoint. We will look also at customizations and extensions we can make.
Audience
This module is for intermediate level SharePoint developers.
What you’ll learn
On the surface, the SPCascadeDropdowns function in SPServices offers functionality that is pretty straightforward. In this module, we will dive under the covers of this function to expose the complexity that is possible within SharePoint applications.
SPCascadeDropdowns ties together multiple Web Services calls, list form manipulation, and requires multiple lists to function.
What you’ll cover
• SPCascadeDropdowns
• Relational tables
• Setting defaults for jQuery function parameters
• Binding functions to different events
• GetListItems()
• Data View Web Parts with jQuery Prerequisites
There are no specific prerequisites for this course. However, jQuery is built on JavaScript, so familiarity with client-side scripting techniques can be useful.
Module Details Status
Released Course Enhancing the SharePoint User Experience with jQuery
Duration 5 hours
Programming Language C#
Visual Studio Version 2008, 2010 Level 3
Drill Code
JQUERYUX-SP-M6