1. Silber-Partner: Veranstalter:
Branding Deployment in
Office 365 und SharePoint
2013/2016
Stefan Bauer (@stfbauer)

2. n8d.at/blog
@StfBauer
Information Architect
Vienna / Austria

3. Overview
•Pro / Con of current deployment methods
•Tips & Tricks on deploy branding
•Web Parts / Display Templates / JS Link

4. Which assets to deploy?
Fields / Content Types
Master Page
Page Templates
Images
Themes
CSS
Display Templates
JS Link Overrides
XSLT Style Sheets
Web Parts
HTML Snippets
List Items

5. http://my.n8d.at/21Bzagz

6. Methods of deployment
OLD FASHIONED WAY
• Copy & Paste
• Farm solutions
• Sandbox Solutions
THE NEW WAY
• Provider-hosted add-ins
• SharePoint hosed add-
ins
• PowerShell Deployment
(PNP)

7. Old fashioned way
Farm solution
SharePoint 2007 – 2016
Ghosting
Performance
Easy to upgrade
Not for Office 365
Sandboxed solution
SharePoint 2010 – 2016
Limited access SharePoint
Just for file / Content Type
Deployment
No custom code
No auto check in of files

8. The new way
Provider hosted add-in
• SharePoint App
• Separate Web Site
• App Registration
• On-premises / Office 365
SharePoint hosted add-in
• Upload app
• Add to web site
• On-Premises / Office 365
JSOM / RESTCSOM / REST

9. Methods of deployment
OLD FASHIONED WAY
• Copy & Paste
• Farm solutions
• Sandbox Solutions
THE NEW WAY
• Provider-hosted add-ins
• SharePoint hosed add-
ins
• PowerShell Deployment
(PNP)

10. The new way – Office PNP PowerShell Deployment

12. The new way – Office PNP PowerShell Deployment
https://github.com/officedev/pnp-powershell/

13. Demo – Field deployment

14. Provision through
SharePoint Hosted Add-ins
Challenges with SharePoint hosted add-ins

15. AJAX Christmas
Tree
Jumping between
functions
Hard to read and change
Hardly reusable
Improved through
Promises

16. JQuery -How promises work

17. JQuery – how promises work

18. jQuery – How promises work

19. jQuery – How promises work

20. Demo – Field deployment

21. Deployment of binary files – JQuery
• Reading of binary files is not supported
• Broken
• Support can be added through extension

22. Deploy binary fiels – JavaScript

24. Demo – Binary Files
https://github.com/OfficeDev/PnP/tree/master/Samples/
Core.JSOM.BinaryUpload

25. Display Templates
1. Deploy HTML file
2. Publish HTML file
3. Automatically generate JavaScript File

26. JSLink, Web Parts
• Site Collection / Web Related
• XSLT Styles
• ~siteCollection
• Replace manually with target web address

27. Recap
• Don’t use Farm Solutions or Sandbox Solutions anymore
• Use Promises
• Better structure your code
• Performance
• Use techniques that work in
• SharePoint on-premises
• Office 365

28. FRAGEN?

29. Ich freue mich auf Ihr
Feedback!

30. Silber-Partner: Veranstalter:
Vielen Dank!
Stefan Bauer