Upload
donald-fox
View
221
Download
2
Embed Size (px)
Citation preview
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.
© 2015 RDA Corporation. All rights reserved.
Please thank our sponsors!
Platinum
Bronze
Silver
© 2015 RDA Corporation. All rights reserved.
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
© 2015 RDA Corporation. All rights reserved.
AgendaMy BackgroundOverview SharePoint & Office 365 JavaScript OptionsJavaScript TipsMust Have JavaScript LibrariesNiche JavaScript LibrariesJavaScript SnippetsDemoReferences
© 2015 RDA Corporation. All rights reserved.
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
© 2015 RDA Corporation. All rights reserved.
PublicationsTechnical Editor White Paper Author
© 2015 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
© 2015 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 Data Access Options
JSOM, SPServices, REST, SOAP, DOMMinimal Download Strategy (MDS) Compliant Code
© 2015 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/)
© 2015 RDA Corporation. All rights reserved.
JavaScript Library: jQuery/jQueryUI
jQuery (http://jquery.com/)jQueryUI (http://jqueryui.com/)
© 2015 RDA Corporation. All rights reserved.
JavaScript Library: SPServices
SPServices (http://spservices.codeplex.com/)
© 2015 RDA Corporation. All rights reserved.
JavaScript Library: DataTables
DataTables (http://www.datatables.net/)
© 2015 RDA Corporation. All rights reserved.
JavaScript Library: jqPlot
jqPlot (http://www.jqplot.com/)
© 2015 RDA Corporation. All rights reserved.
Niche JavaScript Libraries
Bootstrap (http://getbootstrap.com/)
Moment.js (http://momentjs.com/)
© 2015 RDA Corporation. All rights reserved.
Must Have JavaScript Snippets
Get InternalName for a SharePoint List ColumnRegistering JavaScript on All Pages in Office 365Function to simplify REST calls to SharePoint
© 2015 RDA Corporation. All rights reserved.
JavaScript Snippet: Get SharePoint Column Internal Name
http://sympmarc.com/2015/01/27/get-the-internalname-for-a-sharepoint-list-column/
© 2015 RDA Corporation. All rights reserved.
JavaScript Snippet: JavaScript on all Pages
Registering JavaScript on All Pages in Office 365
© 2015 RDA Corporation. All rights reserved.
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/
© 2015 RDA Corporation. All rights reserved.
Demo: JavaScript in Office 365
Office 365 Developer TenantJavaScriptjQuerySPServicesjqPlot
© 2015 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/ 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/
© 2015 RDA Corporation. All rights reserved.
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