javascript libraries for office 365 developers @novacodecamp april 18 th, 2015 timothy ferro

JavaScript Libraries forOffice 365 Developers

@novacodecampApril 18th, 2015Timothy Ferro

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 | marketing@rdacorp.com

© 2015 RDA Corporation. All rights reserved.

RDA Corporation

RDA provides analysis services to help our clients evaluate their options and determine the best platform solution for their needs—whether cloud-based, on-premises, or hybrid. We also deliver full lifecycle application development services, helping build, implement, deploy, host, manage, scale and support those solutions. RDA first takes the time to understand our clients' business needs and then maps an appropriate technology solution, optimized to the cost, scale, mobility and security requirements of their business.http://www.rdacorp.comEstablished in 1988, RDA's corporate office and Development Center are located in Baltimore with additional technology teams in Atlanta, Charlotte, Philadelphia, and Washington, D.C.

© 2015 RDA Corporation. All rights reserved.

Please thank our sponsors!

Platinum

Bronze

Silver

© 2015 RDA Corporation. All rights reserved.

Housekeeping…

• Thanks to our host

• Respect your speakers and fellow attendees:Set mobile devices to vibrate or silent

• Fill out session evaluations• They are used in the drawings

• You must be present to win at the wrap-up

© 2015 RDA Corporation. All rights reserved.

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

© 2015 RDA Corporation. All rights reserved.

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

© 2015 RDA Corporation. All rights reserved.

PublicationsTechnical Editor White Paper Author

© 2015 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

© 2015 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 Data Access Options

JSOM, SPServices, REST, SOAP, DOMMinimal 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 ColumnRegistering JavaScript on All Pages in Office 365Function to simplify REST calls to SharePoint

© 2015 RDA Corporation. All rights reserved.

JavaScript Snippet: Get SharePoint Column Internal Name

http://sympmarc.com/2015/01/27/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 FunctionSharePoint REST function for simplifying calls

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

© 2015 RDA Corporation. All rights reserved.

Demo: JavaScript in Office 365

Office 365 Developer TenantJavaScriptjQuerySPServicesjqPlot

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

© 2015 RDA Corporation. All rights reserved.

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