Giving SharePoint 2013 the SPA treatment

Tom BeckerConsultant3/23/2013

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

Single Page ApplicationNo post backs JavaScript heavy

What is a SPA?

Fast and Responsive applicationsVery user friendlyMicrosoft is really pushing this.

Why should we go to the SPA?

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?

Why NAPA?

No tools to installDevelopers don’t really have to worry about configurationAlmost forces you to create SPAsCSOM – Client Side Object Model

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

DEMO

SPA

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

Questions?

Thanks to Our Sponsors!Platinum

Gold

Silver

Bronze

Prize