110 likes | 229 Views
Giving SharePoint 2013 the SPA treatment. Tom Becker Consultant 3/23/2013. Agenda. What is a Single Page Application (SPA)? What is NAPA? How can we create a SPA using NAPA and SharePoint 2013 Demo Access SharePoint Elements Use them to create a SPA Q & A. What is a SPA?.
E N D
Giving SharePoint 2013 the SPA treatment Tom BeckerConsultant3/23/2013
Agenda • What is a Single Page Application (SPA)? • What is NAPA? • How can we create a SPA using NAPA and SharePoint 2013 • Demo • Access SharePoint Elements • Use them to create a SPA • Q & A
What is a SPA? • Single Page Application • No post backs • JavaScript heavy
Why should we go to the SPA? • Fast and Responsive applications • Very user friendly • Microsoft is really pushing this.
What is NAPA? • 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
Why NAPA? • No tools to install • Developers don’t really have to worry about configuration • Almost forces you to create SPAs • CSOM – Client Side Object Model
Technology used • Modernizr(http://modernizr.com/) • Jquery/ JqueryUI(http://jquery.com/) • Sammy.js (http://sammyjs.org/) • Mustache (http://mustache.github.com/) • HTML5 • SharePoint Rest API / OData
SPA DEMO
Review • SPAs are fast and responsive because of low overhead • NAPA is a browser based IDE used to create Office 365 and SharePoint applications • Rest API and OData are easy ways to access SharePoint elements
Thanks to Our Sponsors! Platinum Gold Silver Bronze Prize