39

SPS New York City 2017 - The Lay of the Land of Client-Side Development circa 2017

Embed Size (px)

Citation preview

THANK YOUEVENT SPONSORS

We appreciated you supporting the

New York SharePoint Community!

• Diamond, Platinum, Gold, & Silver have

tables scattered throughout

• Please visit them and inquire about their

products & services

• To be eligible for prizes make sure to get

your bingo card stamped by ALL sponsors

• Raffle at the end of the day and you must

be present to win!

circa 2117…

Configure Customize Extend Custom

Difficult to test outside of

production

Source control can be a

challenge

Lends itself to full ALM, even

continuous

integration/deployment

Source control is easy

Power Users Light Dev Full Dev Full Dev

with thanks to Dave Feldman and D’arce Hess

Server Side Client Side

Content Editor Web Part SharePoint Framework

One-off, quick solutions

with JavaScript / HTML

embedded directly in the

CEWP

Code can still be

centralized

Script Editor Web Part

Centralized code artifacts

with a light development

pipeline

Centralized code artifacts

with a more robust

development pipeline

Reusable components

(Client Side Web Parts+)

with a more formal

development process

Centralized admin and

deployment

Data Access / Initial

Manipulation

"Document Ready"

ViewModel /

Application Logic

Templates Application Styling

Deprecated

Deprecated

Endpoint

/_vti_bin/listdata.svc

/_apiDeprecated

None

SOAP REST

https://graph.microsoft.com

"Classic" "Modern"

"Classic" "Modern"

Widgets in one Site

Collection

Widget in one

tenant/farm, multiple

site collections

Widgets used across

multiple

tenants/farms*

Store code in a library in a specific

subsite X X

Store code in a library in the root

site of the Site Collection X

Store code in a Site Collection

specifically for client side codeO O

Create an actual CDN (Azure, AWS,

dedicated server, other commercial

CDN provider…)**X O

- Good solution O – Optional solution, potentially overkill X – Not a great choice

* - Not referencing any code that would be part of a commercial solution.

** - CDNs or Content Delivery Networks allow “content” to be made highly available to end users everywhere.

Code Creep - SharePoint "CDN" by Julie Turner (@jfj1997)

If you store your code in a different Site Collection or CDN, you may

need to bootstrap it into place.

The easiest way to add Script and Brand your SharePoint and SharePoint Online by John Liu

$.get() Office Dev PnP Web Cast – Introducing Widget Wrangler for SharePoint development RequireJS text plugin

The State Of JavaScript: Front-End Frameworks: A few preliminary results

Feb 2017 May 2017

Not Ready for the SharePoint Framework?

Start learning some components now.

IIS Express

Project Templates

Stay tuned!

Page canvas Tool pane

Tool bar

Suite bar

Web Part

EVALS / PRIZES

Bring all items to the 6th Info Desk

• Bingo Cards = how you win prizes at the

end of the event.

• The cards must be stamped by ALL the

Sponsors by the last session (4pm)

• Fill out speakers evaluations (located in

the front of the rooms

• Fill out the event evaluations27 in Curved Samsung

Lenovo IdeaPad

Name your game bundle

Beer Authority

300 W 40h St

[across the street]

Join us for a round of drinks & some

appetizers

http://www.beerauthoritynyc.com