Giving SharePoint 2013 the SPA treatment
description
Transcript of Giving SharePoint 2013 the SPA treatment
![Page 1: Giving SharePoint 2013 the SPA treatment](https://reader036.fdocuments.net/reader036/viewer/2022062302/5681661e550346895dd97001/html5/thumbnails/1.jpg)
Giving SharePoint 2013 the SPA treatment
Tom BeckerConsultant3/23/2013
![Page 2: Giving SharePoint 2013 the SPA treatment](https://reader036.fdocuments.net/reader036/viewer/2022062302/5681661e550346895dd97001/html5/thumbnails/2.jpg)
What is a Single Page Application (SPA)?What is NAPA?How can we create a SPA using NAPA and SharePoint 2013Demo– Access SharePoint Elements– Use them to create a SPA
Q & A
Agenda
![Page 3: Giving SharePoint 2013 the SPA treatment](https://reader036.fdocuments.net/reader036/viewer/2022062302/5681661e550346895dd97001/html5/thumbnails/3.jpg)
Single Page ApplicationNo post backs JavaScript heavy
What is a SPA?
![Page 4: Giving SharePoint 2013 the SPA treatment](https://reader036.fdocuments.net/reader036/viewer/2022062302/5681661e550346895dd97001/html5/thumbnails/4.jpg)
Fast and Responsive applicationsVery user friendlyMicrosoft is really pushing this.
Why should we go to the SPA?
![Page 5: Giving SharePoint 2013 the SPA treatment](https://reader036.fdocuments.net/reader036/viewer/2022062302/5681661e550346895dd97001/html5/thumbnails/5.jpg)
Tool for building Office 365 and SharePoint apps in the browser– Mail– Content– Task Pane– SharePoint
NAPA itself is an app published in the store
What is NAPA?
![Page 6: Giving SharePoint 2013 the SPA treatment](https://reader036.fdocuments.net/reader036/viewer/2022062302/5681661e550346895dd97001/html5/thumbnails/6.jpg)
Why NAPA?
No tools to installDevelopers don’t really have to worry about configurationAlmost forces you to create SPAsCSOM – Client Side Object Model
![Page 7: Giving SharePoint 2013 the SPA treatment](https://reader036.fdocuments.net/reader036/viewer/2022062302/5681661e550346895dd97001/html5/thumbnails/7.jpg)
Modernizr (http://modernizr.com/)
Jquery/ JqueryUI (http://jquery.com/)
Sammy.js (http://sammyjs.org/)
Mustache (http://mustache.github.com/)
HTML5SharePoint Rest API / OData
Technology used
![Page 8: Giving SharePoint 2013 the SPA treatment](https://reader036.fdocuments.net/reader036/viewer/2022062302/5681661e550346895dd97001/html5/thumbnails/8.jpg)
DEMO
SPA
![Page 9: Giving SharePoint 2013 the SPA treatment](https://reader036.fdocuments.net/reader036/viewer/2022062302/5681661e550346895dd97001/html5/thumbnails/9.jpg)
SPAs are fast and responsive because of low overheadNAPA is a browser based IDE used to create Office 365 and SharePoint applicationsRest API and OData are easy ways to access SharePoint elements
Review
![Page 10: Giving SharePoint 2013 the SPA treatment](https://reader036.fdocuments.net/reader036/viewer/2022062302/5681661e550346895dd97001/html5/thumbnails/10.jpg)
Questions?
![Page 11: Giving SharePoint 2013 the SPA treatment](https://reader036.fdocuments.net/reader036/viewer/2022062302/5681661e550346895dd97001/html5/thumbnails/11.jpg)
Thanks to Our Sponsors!Platinum
Gold
Silver
Bronze
Prize