Transcript Document

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 professionals
What? SharePint!!!
When? 5:30 PM
Where?
RaceCar Bar Downstairs
5441 Wisconsin Ave
Chevy Chase, MD 20815
Thanks to?
Metalogix!
Srini Sistla
Building
Single Page Application (SPA)
on
SharePoint
“A How To Session”
Self Bragging
* Sessions
Getting 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
Useful for
Transform
4 W’s of SPA
What
Why
When
Who
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
Skills
SharePoint
Expectations
Devices
Agile
•
•
•
•
•
Easy to develop
Very basic skills required
Easy to deploy
Least server resources
Update changes easily
Resources
Why
Technology
Platforms
Infrastructure
TaT Requirements
When
•Mobile First Needs
•Responsive UI Designs
•SharePoint 2010
•Where ever Possible
Who
Current State
• Server Side Object Model
• Web Services
• Client Side Object Model
EXPERTISE
SharePoint
• ECMA Script
• REST
Web Tech
Javascript
HTML
HTML
17%
•…
Javascript
17%
SharePoint
50%
Web Tech
16%
Required Skills
EXPERTISE
Web Tech, 20,
20%
HTML, 20, 20%
SharePoint, 25,
25%
JavaScript, 35,
35%
Lets get to how-to part
Its NOT
Rocket Science!
Architecture
Client
(HTML page)
Server Content
Request
Singlepage.htm#?
Doesn’t
Matter
Response
jQuery, CSS, JavaScript et
al.
Infrastructure
• 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!!!
# 1 Issue is the JavaScript debugging and IntelliSense
Issues
# 2 Issue is the JavaScript debugging and IntelliSense
Suggestion
“Understand, learn one of the
following – Durandal, Boostrap,
Linq.js or your other fav’s.”
Demo
Reach me at @srinisistla
http://blog.srinisistla.com
Questions and Raffle