Date post: | 12-Jan-2016 |
Category: |
Documents |
Upload: | lesley-gilbert |
View: | 219 times |
Download: | 1 times |
JavaScript Libraries forOffice 365 Developers
@SPSNYCJuly 25th, 2015Timothy Ferro
© 2015 RDA Corporation. All rights reserved.
Thank YouEvent Sponsors
We appreciated you supporting the New York SharePoint
Community!
• Diamond, Platinum, Gold, & Silver have tables scattered throughout
• Please visit them and inquire about their products & services
• To be eligible for prizes make sure to get your bingo card stamped by ALL sponsor
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.
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 / Tweeter8+ 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: Visual Studio or NotePad++ Visual Studio CodeOrganize 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 / Tweeter8+ Years Architecting and Developing SharePoint [email protected] www.timferro.com @timferro