Are you dazzled by all the noises you hear about client-side development? Do the grunts and gulps leave you a little confused? In this introductory session, we’ll talk about the types of things you can do with client-side development, how SharePoint can be used as a service (SPaaS?) and what the popular tool sets are. Even between writing the abstract and doing the session, things may well have changed. Whether you’re a server-side developer who wants to catch up with the new trends, a power user wanting to flex your muscles in new ways, or an end user who would like to speak more intelligently with IT, this session will provide useful foundational information.

5. circa 2116…

9. Server Side Client Side

14. 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

16. Data Access / Initial
Manipulation
"Document Ready"
ViewModel /
Application Logic
Templates Application Styling

17. Deprecated
Deprecated
Endpoint
/_vti_bin/listdata.svc
/_apiDeprecated
None
SOAP REST
https://graph.microsoft.com

18. 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 code
O  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.

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

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

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

28. IIS Express
Project Templates

29. free and open
source programming language
Microsoft
superset JavaScript
object-
oriented programming
transpiles
See: https://github.com/Microsoft/TypeScript/wiki

31. Page canvas Tool pane
Tool bar
Suite bar
Web Part

33. Email marc.anderson@sympraxisconsulting.com
Twitter @sympmarc
Blog http://sympmarc.com
SPServices http://spservices.codeplex.com
SPXSLT http://spxslt.codeplex.com
Books http://sympmarc.com/books
The Middle Tier Manifesto http://bit.ly/middletier