Post on 26-Dec-2015
© 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
© 2014 RDA Corporation. All rights reserved.
AgendaMy BackgroundOverview SharePoint & Office 365 JavaScript OptionsJavaScript TipsMust Have JavaScript LibrariesNiche JavaScript LibrariesMust Have JavaScript SnippetsDemoQuestionsReferences
© 2014 RDA Corporation. All rights reserved.
My BackgroundSenior Software Engineer at RDA CorporationSenior SharePoint Developer / SharePoint Architect Author / Editor / Speaker / Blogger / Tweeter7+ Years Architecting and Developing SharePoint Solutionsferro@rdacorp.com www.timferro.com @timferro
© 2014 RDA Corporation. All rights reserved.
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
© 2014 RDA Corporation. All rights reserved.
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
© 2014 RDA Corporation. All rights reserved.
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/)
© 2014 RDA Corporation. All rights reserved.
JavaScript Library: jQuery/jQueryUI
jQuery (http://jquery.com/)jQueryUI (http://jqueryui.com/)
© 2014 RDA Corporation. All rights reserved.
JavaScript Library: SPServices
SPServices (http://spservices.codeplex.com/)
© 2014 RDA Corporation. All rights reserved.
JavaScript Library: DataTables
DataTables (http://www.datatables.net/)
© 2014 RDA Corporation. All rights reserved.
JavaScript Library: jqPlot
jqPlot (http://www.jqplot.com/)
© 2014 RDA Corporation. All rights reserved.
Niche JavaScript Libraries
Bootstrap (http://getbootstrap.com/)Moment.js (http://momentjs.com/)bxSlider (http://bxslider.com/)
© 2014 RDA Corporation. All rights reserved.
Must Have JavaScript Snippets
Print Page OptionSelect/Deselect All CheckboxesDisabling Right ClickValidating an EmailRegistering JavaScript on All Pages in Office 365
© 2014 RDA Corporation. All rights reserved.
JavaScript Snippet: Select All
Select/Deselect All Checkboxes
© 2014 RDA Corporation. All rights reserved.
JavaScript Snippet: Disable Right Click
Disabling Right Click
© 2014 RDA Corporation. All rights reserved.
JavaScript Snippet: Email Validation
Validating an Email
© 2014 RDA Corporation. All rights reserved.
JavaScript Snippet: JavaScript on all Pages
Registering JavaScript on All Pages in Office 365
© 2014 RDA Corporation. All rights reserved.
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/
© 2014 RDA Corporation. All rights reserved.
Tim FerroSenior Software Engineer at RDA CorporationSenior SharePoint Developer / SharePoint Architect Author / Editor / Speaker / Blogger / Tweeter7+ Years Architecting and Developing SharePoint Solutionsferro@rdacorp.com www.timferro.com @timferro