javascript libraries for sharepoint developers @sug_dc february 12 th, 2015 timothy ferro

JavaScript Libraries for SharePoint Developers

@sug_dcFebruary 12th, 2015

Timothy Ferro

© 2014 RDA Corporation. All rights reserved.

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.

AgendaMy BackgroundOverview SharePoint & Office 365 JavaScript OptionsJavaScript TipsMust Have JavaScript LibrariesNiche JavaScript LibrariesJavaScript SnippetsDemoQuestionsReferences

© 2014 RDA Corporation. All rights reserved.

My BackgroundSenior Software Engineer at RDA CorporationSenior SharePoint Developer / SharePoint Architect Author / Editor / Speaker / Blogger / Tweeter7+ Years Architecting and Developing SharePoint Solutionsferro@rdacorp.com www.timferro.com @timferro

© 2014 RDA Corporation. All rights reserved.

PublicationsTechnical Editor White Paper Author

© 2014 RDA Corporation. All rights reserved.

Overview of SharePoint & Office 365 JavaScript OptionsContent Editor Web PartScript Editor Web PartSharePoint Designer<ScriptLink> or <Script> Server Side Code Injection

RegisterClientScriptBlock vs RegisterStartupScriptWeb Parts/Delegate Controls/Application Pages

Custom Action to Register CodeSSOM or JSOM

Client Side Code InjectionSP.SOD.executeFunc('sp.js', 'SP.ClientContext', sharePointReady)

CSS JavaScript Injection

© 2014 RDA Corporation. All rights reserved.

JavaScript Tips

JavaScript !== jQueryjQuery is cross browser tested JavaScript Library

Where to store them?CDN vs Document Library vs 15 HiveEnable Blob Cache

Use a Rich Editor like Visual Studio or NotePad++Organize your files in folders

Learn non-SharePoint JavaScriptMultiple SharePoint Access Options

JSOM, SPServices, Rest, DOMMinimal 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 ColumnRegistering JavaScript on All Pages in Office 365

© 2014 RDA Corporation. All rights reserved.

JavaScript Snippet: Get SharePoint Column Internal NameGet 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 365jQuerySPServicesjqPlot

© 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-and-jquery-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-applications-sharepo

int/ 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-list-column

/

© 2014 RDA Corporation. All rights reserved.

Tim FerroSenior Software Engineer at RDA CorporationSenior SharePoint Developer / SharePoint Architect Author / Editor / Speaker / Blogger / Tweeter7+ Years Architecting and Developing SharePoint Solutionsferro@rdacorp.com www.timferro.com @timferro