Transcript JavaScript Libraries for SharePoint Developers

JavaScript Libraries for
SharePoint Developers
@MFCF_DC
March 26th, 2015
Timothy Ferro
Transform your business with RDA!
rdacorp.com | 888 441-1278 | [email protected]
Office 365 /
SharePoint
Cloud Enterprise
Transformation
Data Analytics
Digital
Marketing
Implementations * Upgrades
Hybrid * Portals
Workflows * Search
Visualization * Warehouse
Big Data * SQL Server
Tableau
Hybrid * Platform Services
Mobile * Security
Application Integration
Internet Sites * CMS
eCommerce * Sitecore
Agenda
 My Background
 Overview SharePoint & Office 365 JavaScript Options
 JavaScript Tips
 Must Have JavaScript Libraries
 Niche JavaScript Libraries
 JavaScript Snippets
 Demo
 References
© 2015 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
 [email protected]
 www.timferro.com
 @timferro
© 2015 RDA Corporation. All rights reserved.
Publications
Technical Editor
White Paper Author
© 2015 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
© 2015 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
© 2015 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/)
© 2015 RDA Corporation. All rights reserved.
JavaScript Library: jQuery/jQueryUI
 jQuery (http://jquery.com/)
 jQueryUI (http://jqueryui.com/)
© 2015 RDA Corporation. All rights reserved.
JavaScript Library: SPServices
 SPServices (http://spservices.codeplex.com/)
© 2015 RDA Corporation. All rights reserved.
JavaScript Library: DataTables
 DataTables (http://www.datatables.net/)
© 2015 RDA Corporation. All rights reserved.
JavaScript Library: jqPlot
 jqPlot (http://www.jqplot.com/)
© 2015 RDA Corporation. All rights reserved.
Niche JavaScript Libraries
 Bootstrap (http://getbootstrap.com/)
 Moment.js (http://momentjs.com/)
© 2015 RDA Corporation. All rights reserved.
Must Have JavaScript Snippets
 Get InternalName for a SharePoint List Column
 Registering JavaScript on All Pages in Office 365
 Function to simplify REST calls to SharePoint
© 2015 RDA Corporation. All rights reserved.
JavaScript Snippet: Get SharePoint Column
Internal Name
 Get the InternalName for a SharePoint List Column
© 2015 RDA Corporation. All rights reserved.
JavaScript Snippet: JavaScript on all Pages
 Registering JavaScript on All Pages in Office 365
© 2015 RDA Corporation. All rights reserved.
JavaScript Snippet: SharePoint REST Function
 SharePoint REST function for simplifying calls
© 2015 RDA Corporation. All rights reserved.
Demo: JavaScript in Office 365
 Office 365 Developer Tenant
 JavaScript
 jQuery
 SPServices
 jqPlot
© 2015 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/
http://blogs.msmvps.com/windsor/2015/02/13/reduce-code-need-for-rest-api-callswith-sprestrepository/
© 2015 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
 [email protected]
 www.timferro.com
 @timferro
© 2015 RDA Corporation. All rights reserved.