sef 2014 - single-page applications (spas) in sharepoint using spservices
DESCRIPTION
Single-page applications (SPAs) are nothing new on the Web. However, like Responsive Web Design (RWD), SPAs have gained favor as a way to enable real work with an improved user experience (UX). SPAs first started popping up regularly in creative contexts on public Web sites. These sites have been out there for a while and are becoming more prevalent. Since the idea with SPAs is that one need not leave the single page to accomplish some high percentage of the tasks at hand, it’s a great concept to apply in a SharePoint context. The days where a clunky postback-ridden application was acceptable is fading into the rear view mirror. It’s all about Getting Work Done as effectively and painlessly as possible. We’ll look at an SPA example taken from Marc’s popular blog series on building SPAs in SharePoint and discuss successful approaches and pitfalls in doing so.TRANSCRIPT
![Page 1: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/1.jpg)
Single-Page Applications (SPAs) in SharePoint Using SPServices
Marc D Anderson
![Page 2: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/2.jpg)
Who Is Marc?
• Co-Founder and President of Sympraxis Consulting LLC, located in the Boston suburb of Newton, MA, USA. Sympraxis focuses on enabling collaboration throughout the enterprise using the SharePoint application platform.• Over 30 years of experience in technology professional services and software development. Over a wide-ranging career in consulting as well as line manager positions, Marc has proven himself as a problem solver and leader who can solve difficult technology problems for organizations across a wide variety of industries and organization sizes.
• Awarded Microsoft MVP for SharePoint Server 2011-2014
![Page 3: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/3.jpg)
Contact InformationEmail marc.anderson@sympraxisconsulting.
comTwitter @sympmarc
Blog http://sympmarc.com
SPServices http://spservices.codeplex.com
SPXSLT http://spxslt.codeplex.com
Books http://sympmarc.com/books
The Middle Tier Manifesto
http://bit.ly/middletier
![Page 4: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/4.jpg)
Session Overview
• Single-page applications (SPAs) are nothing new on the Web. However, like Responsive Web Design (RWD), SPAs have gained favor as a way to enable real work with an improved user experience (UX). SPAs first started popping up regularly in creative contexts on public Web sites. These sites have been out there for a while and are becoming more prevalent.
• Since the idea with SPAs is that one need not leave the single page to accomplish some high percentage of the tasks at hand, it’s a great concept to apply in a SharePoint context. The days where a clunky postback-ridden application was acceptable is fading into the rear view mirror. It’s all about Getting Work Done as effectively and painlessly as possible. We’ll look at an SPA example taken from Marc’s popular blog series on building SPAs in SharePoint and discuss successful approaches and pitfalls in doing so.
![Page 5: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/5.jpg)
What is a Single Page Application (SPA)?
A single-page application (SPA), also known as single-page interface (SPI), is a web application or web site that fits on a single web page with the goal of providing a more fluid user experience akin to a desktop application.
Definition from Wikipedia http://en.wikipedia.org/wiki/Single_page_application
![Page 6: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/6.jpg)
Why Single Page Applications?
• Get everything done in one place
• Fluid user experience
• Fewer page loads
![Page 7: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/7.jpg)
What SPA Do You Know Best?
![Page 8: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/8.jpg)
What is an SPA in SharePoint?
• Take over the entire screen
![Page 9: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/9.jpg)
What is an SPA in SharePoint?
• Take over the main content area
![Page 10: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/10.jpg)
What is an SPA in SharePoint?
• Take over a single Web Part (or act as one)
![Page 11: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/11.jpg)
Examples of SPAs in SharePoint
• Full screen• Provider Hosted Apps
• Main Content Area• List views• Forms
• Web Parts• App Parts• Quick survey• Workflow actions brought into a list view
![Page 12: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/12.jpg)
Tools We Can Use to Create an SPA
• JavaScript• Lets us create behaviors, actions, and effects
• Data Access with AJAX• Fetch data from external sources (XML, JSON, HTML, etc.)
• Additional Libraries• jQuery• SPServices• CSOM• Graphing tools
![Page 13: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/13.jpg)
Popular SPA Frameworks
![Page 14: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/14.jpg)
Pros and Cons of SPServices for SPAs
• Pros• Lightweight compared to other frameworks• Cross version compatibility for SharePoint 2007-2013• Good community support• Can be used in tandem with heavier frameworks (data access layer)
• Cons• SOAP Web Services are deprecated as of SharePoint 2013• Doesn’t offer as much as heavier frameworks
![Page 15: SEF 2014 - Single-Page Applications (SPAs) in SharePoint Using SPServices](https://reader036.vdocuments.net/reader036/viewer/2022070302/54828f8c5906b58a158b45ae/html5/thumbnails/15.jpg)
Demo