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

2. Thanks to our sponsors!
Platinum
Gold
Bronze

3. Cloud Enterprise Transformation
Transform your business with RDA!
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

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

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

6. Publications
Technical Editor
White Paper Author

7. 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

8. 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

9. Must Have JavaScript Libraries
jQuery (
jQueryUI (
Office UI Fabric (
SPServices (
DataTables (
jqPlot (
ADAL.js (

10. JavaScript Library: jQuery/jQueryUI

11. JavaScript Library: SPServices

12. JavaScript Library: DataTables

13. JavaScript Library: jqPlot

14. JavaScript Library: Active Directory Authentication Library (ADAL) for JavaScript
ADAL.js (

15. Niche JavaScript Libraries
Bootstrap (
Moment.js (

16. 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

17. JavaScript Snippet: Get SharePoint Column Internal Name

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

19. JavaScript Snippet: SharePoint REST Function
SharePoint REST function for simplifying calls

20. Demo: JavaScript in Office 365
Office 365 Developer Tenant
JavaScript
jQuery
SPServices
jqPlot

21. References

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