Transcript Slide 1
JavaScript Libraries for
SharePoint Developers
@ITProCamp
February 21st, 2015
Timothy Ferro
Please Join Us In Thanking Our Sponsors
© 2015 RDA Corporation. All rights reserved.
Please Connect with Your
Education & User Community
http://www.meetup.com/MFCF-DC/
DC)
(Mobile-First, Cloud-First
© 2015 RDA Corporation. All rights reserved.
Hey Don’t Forget!!
Microsoft Careers is Onsite Today – Microsoft is hiring!
The Microsoft Clinic is on 7th Floor, Room 7063 - Sign-in
and Connect with an SME for wide range of technologies
Lunch is on the 7th Floor Break Area 12:30
Make Sure You Stay for the Raffle on the 7th Floor, Rooms
7023/7027/7032 Combined!
Make sure you have all of the blocks on your raffle ticket
stamped or signed
© 2015 RDA Corporation. All rights reserved.
Microsoft Ignite
May 4 – 8, 2015
Chicago, IL
Spark the future.
The best and brightest minds will all be in one place to
talk about cloud infrastructure and management,
productivity, big data, and the internet of things,
unified communications, mobility and more. Get
ready for a glimpse of what’s possible today and in the
future.
Microsoft Exchange + Lync + MMS + Project +
SharePoint + TechEd conferences = Microsoft Ignite
Register now
http://ignite.microsoft.com
© 2015 RDA Corporation. All rights reserved.
Get Social
Social media is one of the best ways to keep up-to-date with the latest event
news and buzz. Engage with Microsoft Ignite on the following channels:
Like us and Share on Facebook
http://www.facebook.com/MicrosoftIgnite
Follow us, RT and engage on Twitter
@MS_Ignite using #MSIgnite
Forum
Connect via the Forum:
http://channel9.msdn.com/Forums/MicrosoftIgnite
Follow us in the Office365 Ignite Event Group
https://www.yammer.com/itpronetwork/#/threads/i
nGroup?type=in_group&feedId=4589545
© 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.com
Established 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.
Agenda
My Background
Overview SharePoint & Office 365 JavaScript Options
JavaScript Tips
Must Have JavaScript Libraries
Niche JavaScript Libraries
JavaScript Snippets
Demo
References
© 2015 RDA Corporation. All rights reserved.
My Background
Senior Software Engineer at RDA Corporation
Senior SharePoint Developer / SharePoint Architect
Author / Editor / Speaker / Blogger / Tweeter
7+ Years Architecting and Developing SharePoint Solutions
[email protected]
www.timferro.com
@timferro
© 2015 RDA Corporation. All rights reserved.
Publications
Technical Editor
White Paper Author
© 2015 RDA Corporation. All rights reserved.
Overview of SharePoint & Office 365
JavaScript Options
Content Editor Web Part
Script Editor Web Part
SharePoint Designer
<ScriptLink> or <Script>
Server Side Code Injection
RegisterClientScriptBlock vs RegisterStartupScript
Web Parts/Delegate Controls/Application Pages
Custom Action to Register Code
SSOM or JSOM
Client Side Code Injection
SP.SOD.executeFunc('sp.js', 'SP.ClientContext', sharePointReady)
CSS JavaScript Injection
© 2015 RDA Corporation. All rights reserved.
JavaScript Tips
JavaScript !== jQuery
jQuery is cross browser tested JavaScript Library
Where to store them?
CDN vs Document Library vs 15 Hive
Enable Blob Cache
Use a Rich Editor like Visual Studio or NotePad++
Organize your files in folders
Learn non-SharePoint JavaScript
Multiple SharePoint Access Options
JSOM, SPServices, Rest, DOM
Minimal 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 Column
Registering JavaScript on All Pages in Office 365
Function to simplify REST calls to SharePoint
© 2015 RDA Corporation. All rights reserved.
JavaScript Snippet: Get SharePoint Column
Internal Name
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 Function
SharePoint REST function for simplifying calls
© 2015 RDA Corporation. All rights reserved.
Demo: JavaScript in Office 365
Office 365 Developer Tenant
JavaScript
jQuery
SPServices
jqPlot
© 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-andjquery-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-applicationssharepoint/
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-listcolumn/
http://blogs.msmvps.com/windsor/2015/02/13/reduce-code-need-for-rest-api-callswith-sprestrepository/
© 2015 RDA Corporation. All rights reserved.
Tim Ferro
Senior Software Engineer at RDA Corporation
Senior SharePoint Developer / SharePoint Architect
Author / Editor / Speaker / Blogger / Tweeter
7+ Years Architecting and Developing SharePoint Solutions
[email protected]
www.timferro.com
@timferro
© 2015 RDA Corporation. All rights reserved.