Housekeeping…• Remember to fill out session and event evaluations…• Phasers set to stun, mobile devices set to silent…• You must be present to win at the wrap-up…

Thanks to our Sponsors!!!

Join us at #SharePint sponsored by Metalogix at Clyde’s of Chevy Chase in the RaceCar Bar Downstairs

Why? To network with fellow SharePoint professionalsWhat? SharePint!!!When? 5:30 PMWhere? RaceCar Bar Downstairs5441 Wisconsin AveChevy Chase, MD 20815

Thanks to?Metalogix!

Building Single Page Application

(SPA) on

SharePoint “A How To Session”

Sr

ini S

istla

Self

Brag

ging

* Se

ssio

nsGetting Started with JavaScript and jQuery for

SharePoint Developers – Rob Windsor

Build Secure Cloud-Hosted Apps for SharePoint 2013 – Danny Jesse

Ember & Angular & Knockout & SharePoint – Greg Hurlman

Automating SharePoint Online (O365) with PowerShell & CSOM – Amit Vasu

Use

ful f

or

Tran

sfor

m

What

Why

When

Who

4 W

’s of

SPA

What“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.”

The page does not reload at any point in the process, nor does control transfer to another page, although modern web technologies …...

Interaction with the single page application often involves dynamic communication with the web server behind the scenes.

http://en.wikipedia.org/wiki/Single-page_application

Why Technology

DevicesSkill

s Platforms

RequirementsAgile TaTExpectations Infrastructure

ResourcesSharePoint

• Easy to develop• Very basic skills required• Easy to deploy• Least server resources• Update changes easily

When

• Mobile First Needs• Responsive UI Designs• SharePoint 2010• Where ever Possible

Who

• Server Side Object Model• Web Services• Client Side Object Model• ECMA Script• REST

• …

Curr

ent

Stat

e SharePoint50%

Web Tech17%

Javascript17%

HTML17%

ExpertiseSharePoint Web Tech Javascript HTML

HTML; 20; 20%

JavaScript; 35; 35%

SharePoint; 25; 25%

Web Tech; 20; 20%

ExpertiseRe

quire

d Sk

ills

Lets get to how-to part

Its NOT Rocket Science!

Client(HTML page)

Server Content

Request

Response

jQuery, CSS, JavaScript et al.

Singlepage.htm#?

Doesn’t Matter

Arch

itect

ure

• A very small to settings on web application in central administration• Install Desktop Experience

• Some SharePoint skillset; CSOM/REST (for “model I”)• And SharePoint Apps (for “model II")

That’s it!!!

Infra

stru

ctur

e

# 1 Issue is the JavaScript debugging and IntelliSense

# 2 Issue is the JavaScript debugging and IntelliSense

Issu

es

“Understand, learn one of the following – Durandal, Boostrap, Linq.js or your

other fav’s.”

Sugg

estio

n

Demo

Questions and Raffle

Reach me at @srinisistlahttp://blog.srinisistla.com