javascript libraries for sharepoint developers @capareasp january 21 st, 2015 timothy ferro

JavaScript Libraries for SharePoint Developers

@CapAreaSPJanuary 21st, 2015

Timothy Ferro

© 2014 RDA Corporation. All rights reserved.

RDA Corporation

RDA helps our clients leverage technology to get their businesses moving. We solve complex business challenges that can often get companies stuck, costing them time, resources, and money. What makes us different than other custom application services is that we start with the business problem first. RDA’s experienced team takes the time to understand our clients' business needs and offers several ways to work together, including on site, field teams, and in our corporate development center. Our development services include .NET, SharePoint, business intelligence, cloud and mobile applications.http://www.rdacorp.com

http://www.rdacorp.com/

http://www.rdacorp.com/


AgendaMy BackgroundOverview SharePoint & Office 365 JavaScript OptionsJavaScript TipsMust Have JavaScript LibrariesNiche JavaScript LibrariesMust Have JavaScript SnippetsDemoQuestionsReferences


My BackgroundSenior Software Engineer at RDA CorporationSenior SharePoint Developer / SharePoint Architect 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 Access Options

JSOM, SPServices, Rest, 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/)bxSlider (http://bxslider.com/)

http://getbootstrap.com/

http://getbootstrap.com/

http://momentjs.com/

http://momentjs.com/

http://bxslider.com/

http://bxslider.com/


Must Have JavaScript Snippets

Print Page OptionSelect/Deselect All CheckboxesDisabling Right ClickValidating an EmailRegistering JavaScript on All Pages in Office 365


JavaScript Snippet: Print Page

Print Page Option


JavaScript Snippet: Select All

Select/Deselect All Checkboxes


JavaScript Snippet: Disable Right Click

Disabling Right Click


JavaScript Snippet: Email Validation

Validating an Email


JavaScript Snippet: JavaScript on all Pages

Registering JavaScript on All Pages in Office 365


Demo

Office 365jQuerySPServicesjqPlot


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://msdn.microsoft.com/en-us/library/microsoft.sharepoint.speventreceivertype(v=office.15).aspx








mailto:[email protected]?subject=SPSNYC%202014













Tim FerroSenior Software Engineer at RDA CorporationSenior SharePoint Developer / SharePoint Architect 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 sharepoint developers @capareasp january 21 st, 2015 timothy ferro

Documents