JavaScript Libraries for
SharePoint Developers
@sug_dc
February 12th, 2015
Timothy Ferro
RDA Corporation
RDA helps our clients leverage technology to get their
businesses moving. We solve complex business challenges
that can often get companies stuck, costing them time,
resources, and money. What makes us different than other
custom application services is that we start with the
business problem first. RDA’s experienced team takes the
time to understand our clients' business needs and offers
several ways to work together, including on site, field
teams, and in our corporate development center. Our
development services include .NET, SharePoint, business
intelligence, cloud and mobile applications.
http://www.rdacorp.com
© 2014 RDA Corporation. All rights reserved.
Agenda
 My Background
 Overview SharePoint & Office 365 JavaScript Options
 JavaScript Tips
 Must Have JavaScript Libraries
 Niche JavaScript Libraries
 JavaScript Snippets
 Demo
 Questions
 References
© 2014 RDA Corporation. All rights reserved.
My Background
 Senior Software Engineer at RDA Corporation
 Senior SharePoint Developer / SharePoint Architect
 Author / Editor / Speaker / Blogger / Tweeter
 7+ Years Architecting and Developing SharePoint Solutions
 ferro@rdacorp.com
 www.timferro.com
 @timferro
© 2014 RDA Corporation. All rights reserved.
Publications
Technical Editor
White Paper Author
© 2014 RDA Corporation. All rights reserved.
Overview of SharePoint & Office 365
JavaScript Options





Content Editor Web Part
Script Editor Web Part
SharePoint Designer
<ScriptLink> or <Script>
Server Side Code Injection
 RegisterClientScriptBlock vs RegisterStartupScript
 Web Parts/Delegate Controls/Application Pages
 Custom Action to Register Code
 SSOM or JSOM
 Client Side Code Injection
 SP.SOD.executeFunc('sp.js', 'SP.ClientContext', sharePointReady)
 CSS JavaScript Injection
© 2014 RDA Corporation. All rights reserved.
JavaScript Tips
 JavaScript !== jQuery
 jQuery is cross browser tested JavaScript Library
 Where to store them?
 CDN vs Document Library vs 15 Hive
 Enable Blob Cache
 Use a Rich Editor like Visual Studio or NotePad++
 Organize your files in folders
 Learn non-SharePoint JavaScript
 Multiple SharePoint Access Options
 JSOM, SPServices, Rest, DOM
 Minimal Download Strategy (MDS) Compliant Code
© 2014 RDA Corporation. All rights reserved.
Must Have JavaScript Libraries
 jQuery (http://jquery.com/)
 jQueryUI (http://jqueryui.com/)
 SPServices (http://spservices.codeplex.com/)
 DataTables (http://www.datatables.net/)
 jqPlot (http://www.jqplot.com/)
© 2014 RDA Corporation. All rights reserved.
JavaScript Library: jQuery/jQueryUI
 jQuery (http://jquery.com/)
 jQueryUI (http://jqueryui.com/)
© 2014 RDA Corporation. All rights reserved.
JavaScript Library: SPServices
 SPServices (http://spservices.codeplex.com/)
© 2014 RDA Corporation. All rights reserved.
JavaScript Library: DataTables
 DataTables (http://www.datatables.net/)
© 2014 RDA Corporation. All rights reserved.
JavaScript Library: jqPlot
 jqPlot (http://www.jqplot.com/)
© 2014 RDA Corporation. All rights reserved.
Niche JavaScript Libraries
 Bootstrap (http://getbootstrap.com/)
 Moment.js (http://momentjs.com/)
© 2014 RDA Corporation. All rights reserved.
Must Have JavaScript Snippets
 Get InternalName for a SharePoint List Column
 Registering JavaScript on All Pages in Office 365
© 2014 RDA Corporation. All rights reserved.
JavaScript Snippet: Get SharePoint Column
Internal Name
 Get the InternalName for a SharePoint List Column
© 2014 RDA Corporation. All rights reserved.
JavaScript Snippet: JavaScript on all Pages
 Registering JavaScript on All Pages in Office 365
© 2014 RDA Corporation. All rights reserved.
Demo
 Office 365
 jQuery
 SPServices
 jqPlot
© 2014 RDA Corporation. All rights reserved.
References
 http://www.rdacorp.com/2014/12/javascript-libraries-net-sharepoint-developers/
 http://www.timferro.com/wordpress/archives/806
 http://www.c-sharpcorner.com/UploadFile/81a718/7-jquery-code-snippets-every






web-developer-must-have/
http://blogs.msmvps.com/windsor/2014/07/28/session-recording-javascript-andjquery-for-sharepoint-developers/
http://www.timferro.com/wordpress/archives/841
https://github.com/vball525/o365
http://www.rdacorp.com/2015/01/tips-tricks-building-javascript-applicationssharepoint/
https://groups.google.com/forum/#!topic/DotNetDevelopment/QC0sC-bJBMU
http://www.spcaf.com/blog/sharepoint-javascript-context-dev-part-1/
http://sympmarc.com/2015/01/27/get-the-internalname-for-a-sharepoint-listcolumn/
© 2014 RDA Corporation. All rights reserved.
Tim Ferro
 Senior Software Engineer at RDA Corporation
 Senior SharePoint Developer / SharePoint Architect
 Author / Editor / Speaker / Blogger / Tweeter
 7+ Years Architecting and Developing SharePoint Solutions
 ferro@rdacorp.com
 www.timferro.com
 @timferro
© 2014 RDA Corporation. All rights reserved.