Getting Started With JavaScript Libraries for Office 365 Developers @NovaCodeCamp #NovaCodeCamp April 30th, 2016 Timothy Ferro

Thanks to our sponsors! Platinum Gold Bronze

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

Agenda My Background Overview Office 365 JavaScript Options JavaScript Tips Must Have JavaScript Libraries Niche JavaScript Libraries JavaScript Snippets Demo References

Tim Ferro MVP: Visual Studio and Development Technologies Principal Architect at RDA Corporation Senior Software Engineer / SharePoint Specialist Author / Editor / Speaker / Blogger / Tweeter ferro@rdacorp.com www.timferro.com @timferro

Publications Technical Editor White Paper Author

Overview of 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

JavaScript Tips JavaScript !== jQuery Where to store them? 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: Visual Studio or NotePad++ 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

Must Have JavaScript Libraries jQuery (http://jquery.com/) jQueryUI (http://jqueryui.com/) Office UI Fabric (http://dev.office.com/fabric) SPServices (http://spservices.codeplex.com/) DataTables (http://www.datatables.net/) jqPlot (http://www.jqplot.com/) ADAL.js (https://github.com/AzureAD/azure-activedirectory-library-for-js)

JavaScript Library: jQuery/jQueryUI

JavaScript Library: SPServices

JavaScript Library: DataTables

JavaScript Library: jqPlot

JavaScript Library: Active Directory Authentication Library (ADAL) for JavaScript ADAL.js (https://github.com/AzureAD/azure-activedirectory-library-for-js)

Niche JavaScript Libraries Bootstrap (http://getbootstrap.com/) Moment.js (http://momentjs.com/)

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

JavaScript Snippet: Get SharePoint Column Internal Name http://sympmarc.com/2015/01/27/get-the-internalname-for-a-sharepoint-list-column/

JavaScript Snippet: JavaScript on all Pages Registering JavaScript on All Pages in Office 365

JavaScript Snippet: SharePoint REST Function SharePoint 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 Tenant JavaScript jQuery SPServices jqPlot

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

Tim Ferro MVP: Visual Studio and Development Technologies Principal Architect at RDA Corporation Senior Software Engineer / SharePoint Specialist Author / Editor / Speaker / Blogger / Tweeter ferro@rdacorp.com www.timferro.com @timferro