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 | [email protected]

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

http://www.rdacorp.com/


Please thank our sponsors!

Platinum

Bronze

Silver


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


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 / Tweeter7+ 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 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


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 / Tweeter7+ Years Architecting and Developing SharePoint [email protected] www.timferro.com @timferro

mailto:[email protected]

http://www.timferro.com/



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

Documents