Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
www.sharepoint4developers.net
Web app
that fits on a
single web
page
Leverage
client side
code to
provide a
great UX
Uses AJAX to
load all
necessary
cod...
Fits on a
single
web page Keeps
navigation
history, deep
linking
Persists state
on the client
(in cache or
local storage)
Fully (or mostly)
loaded in the
initial page load
Progressively
downloads
resources as
required
Heavy
utilization
of javascript
SEO
challenges
Time consuming
/difficult if not
utilising a SPA
framework or
libraries
Sample SPA
Navigation history and deep linking
Caching
What SPA frameworks can I use?
Data Binding
MV*
Routing
Data Binding
DOM templates
Views
DI
Pub/Sub
How to fit this to SharePoint?
Feature
.NET Framework or Silverlight
object models
JavaScript object model
REST/OData endpoints called
from a Windows pla...
REST x JSOM (CSOM)
SPC:423 Deep dive: REST and
CSOM comparison
http://msdn.microsoft.com/en-us/library/office/dn268594(v=office.15).aspx
http://msdn.microsoft.com/en-us/library/office/j...
Q&A
Leveraging SharePoint Single Page Apps
Leveraging SharePoint Single Page Apps
Leveraging SharePoint Single Page Apps
Leveraging SharePoint Single Page Apps
Leveraging SharePoint Single Page Apps
Leveraging SharePoint Single Page Apps
Leveraging SharePoint Single Page Apps
Leveraging SharePoint Single Page Apps
Leveraging SharePoint Single Page Apps
Leveraging SharePoint Single Page Apps
Leveraging SharePoint Single Page Apps
Upcoming SlideShare
Loading in …5
×

Leveraging SharePoint Single Page Apps

2,659 views

Published on

Learn how to leverage the SharePoint App Architecture by using Single Page Apps.
You will get familiarised with the concept, pros, cons and javascript frameworks that make it possible.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Leveraging SharePoint Single Page Apps

  1. 1. www.sharepoint4developers.net
  2. 2. Web app that fits on a single web page Leverage client side code to provide a great UX Uses AJAX to load all necessary code with a single page load
  3. 3. Fits on a single web page Keeps navigation history, deep linking Persists state on the client (in cache or local storage)
  4. 4. Fully (or mostly) loaded in the initial page load Progressively downloads resources as required
  5. 5. Heavy utilization of javascript SEO challenges Time consuming /difficult if not utilising a SPA framework or libraries
  6. 6. Sample SPA Navigation history and deep linking Caching
  7. 7. What SPA frameworks can I use?
  8. 8. Data Binding
  9. 9. MV* Routing Data Binding DOM templates Views DI Pub/Sub
  10. 10. How to fit this to SharePoint?
  11. 11. Feature .NET Framework or Silverlight object models JavaScript object model REST/OData endpoints called from a Windows platform or JavaScript Object-oriented programming Yes Yes No Batch processing Yes Yes No APIs for conditional processing and exception handling Yes No No Availability of LINQ syntax Yes No No Combining list data from different SharePoint web applications Yes No Yes Familiarity to experienced REST/OData developers No No Yes Similarity to non-Windows programming or JavaScript programming No Yes Yes Strong typing for list item fields No (except with LINQ) No Yes, from Windows platform No, from JavaScript Leveraging jQuery, Knockout, and other JavaScript libraries No Yes No, from Windows platform Yes, from JavaScript
  12. 12. REST x JSOM (CSOM)
  13. 13. SPC:423 Deep dive: REST and CSOM comparison
  14. 14. http://msdn.microsoft.com/en-us/library/office/dn268594(v=office.15).aspx http://msdn.microsoft.com/en-us/library/office/jj164060(v=office.15).aspx http://channel9.msdn.com/Events/SharePoint-Conference/2014/SPC423 http://todomvc.com/ http://www.johnpapa.net/spa/
  15. 15. Q&A

×