Getting Started with JavaScript Libraries for Office 365 Tim July 6 th, 2016

Office 365 / SharePoint Implementations * Upgrades Hybrid * Portals Workflows * Search Data Analytics Visualization * Warehouse Big Data * SQL Server Tableau Cloud Enterprise Transformation Hybrid * Platform Services Mobile * Security Application Integration Digital Marketing Internet Sites * CMS eCommerce * Sitecore Transform your business with RDA! rdacorp.com | |

© 2016 RDA Corporation. All rights reserved. Tim Ferro Microsoft MVP: Visual Studio and Development Technologies Principal Architect at RDA Corporation Senior Software Engineer / SharePoint Specialist Author / Editor / Speaker / Blogger / Tweeter 12 Years Engineering Software Solutions 9 Years Developing Solutions for SharePoint

© 2016 RDA Corporation. All rights reserved. Publications Technical EditorAuthor

© 2016 RDA Corporation. All rights reserved. Agenda Overview Office 365 JavaScript Options JavaScript Tips Must Have JavaScript Libraries Niche JavaScript Libraries JavaScript Snippets Demo SharePoint Framework (SPFx): What to Learn References

© 2016 RDA Corporation. All rights reserved. Overview Office 365 JavaScript Options Content Editor Web Part Script Editor Web Part SharePoint Designer or Custom Action to Register Code SSOM or JSOM CSS JavaScript Injection Client Side Code Injection SP.SOD.executeFunc('sp.js', 'SP.ClientContext', sharePointReady)

© 2016 RDA Corporation. All rights reserved. JavaScript Tips JavaScript !== jQuery Where to store them? CDN vs Document Library vs 15 Hive Enable Blob Cache Use a Rich Editor: Visual Studio or Visual Studio Code Organize your files in folders Learn non-SharePoint JavaScript Multiple SharePoint Data Access Options JSOM, SPServices, REST, SOAP, DOM Minimal Download Strategy (MDS) Compliant Code

© 2016 RDA Corporation. All rights reserved. Must Have JavaScript Libraries jQuery ( jQueryUI ( Office UI Fabric ( SPServices ( DataTables ( jqPlot ( ADAL.js (

© 2016 RDA Corporation. All rights reserved. JavaScript Library: jQuery/jQueryUI jQuery ( jQueryUI (

© 2016 RDA Corporation. All rights reserved. JavaScript Library: SPServices SPServices (

© 2016 RDA Corporation. All rights reserved. JavaScript Library: DataTables DataTables (

© 2016 RDA Corporation. All rights reserved. JavaScript Library: jqPlot jqPlot (

© 2016 RDA Corporation. All rights reserved. JavaScript Library: Active Directory Authentication Library (ADAL) for JavaScript ADAL.js ( MSAL.js (coming soon)

© 2016 RDA Corporation. All rights reserved. Niche JavaScript Libraries Bootstrap ( Moment.js (

© 2016 RDA Corporation. All rights reserved. JavaScript Snippets Get InternalName for a SharePoint List Column Registering JavaScript on All Pages in Office 365

© 2016 RDA Corporation. All rights reserved. JavaScript Snippet: Get SharePoint Column Internal Name

© 2016 RDA Corporation. All rights reserved. JavaScript Snippet: JavaScript on all Pages Registering JavaScript on All Pages in Office 365

© 2016 RDA Corporation. All rights reserved. Demo: JavaScript in Office 365 Office 365 Developer Tenant JavaScript jQuery SPServices jqPlot

Tooling Node.js Yeoman Gulp TypeScript Visual Studio (Code) Frameworks – Choose yours React Angular.js Knockout Etc.

IIS Express VS Project  New  C#

© 2016 RDA Corporation. All rights reserved. SharePoint Framework Overview Links Watch These Videos 1. SharePoint-Framework SharePoint-Framework 2. SharePoint-Framework SharePoint-Framework 3. Framework-What-should-I-learn Framework-What-should-I-learn Listen to These Podcasts 1. developer-podcast/ developer-podcast/ 2. office-365-developer-podcast/ office-365-developer-podcast/

© 2016 RDA Corporation. All rights reserved. SharePoint Framework Overview Links Read These Blogs 1. connected-platform/ connected-platform/ 2. model.html model.html development development

© 2016 RDA Corporation. All rights reserved. SharePoint Framework Overview Links And These Blogs Too 5. developer-announcement-the-sharepoint-framework-an-open-and-connected- platform/ developer-announcement-the-sharepoint-framework-an-open-and-connected- platform/ 6. framework framework

© 2016 RDA Corporation. All rights reserved. Tim Ferro Microsoft MVP: Visual Studio and Development Technologies Principal Architect at RDA Corporation Senior Software Engineer / SharePoint Specialist Author / Editor / Speaker / Blogger / Tweeter 12 Years Engineering Software Solutions 9 Years Developing Solutions for SharePoint

© 2016 RDA Corporation. All rights reserved. References must-have/ must-have/ sharepoint-developers/ sharepoint-developers/ sprestrepository/ sprestrepository/