javascript libraries for office 365 developers @spsnyc july 25 th, 2015 timothy ferro

JavaScript Libraries forOffice 365 Developers

@SPSNYCJuly 25th, 2015Timothy Ferro

© 2015 RDA Corporation. All rights reserved.

Thank YouEvent Sponsors

We appreciated you supporting the New York SharePoint

Community!

• Diamond, Platinum, Gold, & Silver have tables scattered throughout

• Please visit them and inquire about their products & services

• To be eligible for prizes make sure to get your bingo card stamped by ALL sponsor

Office 365 /SharePointImplementations *

UpgradesHybrid * Portals

Workflows * Search

Data AnalyticsVisualization * Warehouse

Big Data * SQL ServerTableau

Cloud Enterprise

TransformationHybrid * Platform Services

Mobile * SecurityApplication Integration

Digital Marketing

Internet Sites * CMS eCommerce * Sitecore

Transform your business with RDA!

rdacorp.com | 888 441-1278 | [email protected]


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


My BackgroundSenior Software Engineer at RDA CorporationSenior SharePoint Developer / SharePoint Architect MVP / Author / Editor / Speaker / Blogger / Tweeter8+ Years Architecting and Developing SharePoint [email protected] www.timferro.com @timferro

mailto:[email protected]

http://www.timferro.com/

http://www.twitter.com/timferro


PublicationsTechnical Editor White Paper Author


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


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: Visual Studio or NotePad++ Visual Studio CodeOrganize your files in folders

Learn non-SharePoint JavaScriptMultiple SharePoint Data Access Options

JSOM, SPServices, REST, SOAP, DOMMinimal Download Strategy (MDS) Compliant Code


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/)

http://jquery.com/

http://jquery.com/

http://jqueryui.com/


http://spservices.codeplex.com/


http://www.datatables.net/


http://www.jqplot.com/



JavaScript Library: jQuery/jQueryUI

jQuery (http://jquery.com/)jQueryUI (http://jqueryui.com/)

http://jquery.com/

http://jquery.com/




JavaScript Library: SPServices

SPServices (http://spservices.codeplex.com/)




JavaScript Library: DataTables

DataTables (http://www.datatables.net/)




JavaScript Library: jqPlot

jqPlot (http://www.jqplot.com/)




Niche JavaScript Libraries

Bootstrap (http://getbootstrap.com/)

Moment.js (http://momentjs.com/)

http://getbootstrap.com/

http://getbootstrap.com/

http://momentjs.com/

http://momentjs.com/


Must Have JavaScript Snippets

Get InternalName for a SharePoint List ColumnRegistering JavaScript on All Pages in Office 365Function to simplify REST calls to SharePoint


JavaScript Snippet: Get SharePoint Column Internal Name

http://sympmarc.com/2015/01/27/get-the-internalname-for-a-sharepoint-list-column/

mailto:[email protected]?subject=SPSNYC%202014



JavaScript Snippet: JavaScript on all Pages

Registering JavaScript on All Pages in Office 365


JavaScript Snippet: SharePoint REST FunctionSharePoint REST function for simplifying calls

http://blogs.msmvps.com/windsor/2015/02/13/reduce-code-need-for-rest-api-calls-with-sprestrepository/




Demo: JavaScript in Office 365

Office 365 Developer TenantJavaScriptjQuerySPServicesjqPlot


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

/ http://blogs.msmvps.com/windsor/2015/02/13/reduce-code-need-for-rest-api-calls-

with-sprestrepository/

http://msdn.microsoft.com/en-us/library/microsoft.sharepoint.speventreceivertype(v=office.15).aspx


























My BackgroundSenior Software Engineer at RDA CorporationSenior SharePoint Developer / SharePoint Architect MVP / Author / Editor / Speaker / Blogger / Tweeter8+ Years Architecting and Developing SharePoint [email protected] www.timferro.com @timferro

mailto:[email protected]

http://www.timferro.com/

http://www.twitter.com/timferro

javascript libraries for office 365 developers @spsnyc july 25 th, 2015 timothy ferro

Documents