This document provides an overview of technologies used to develop applications for SharePoint including Visual Studio, PowerShell, C#, and JavaScript. It outlines demos of creating a new Office 365 site collection using PowerShell and a provider-hosted app using C# and Azure. The presentation emphasizes the SharePoint client-side object model (CSOM) for connecting to SharePoint from various client technologies like PowerShell, C#, and JavaScript.

1. Gold Silver Bronze

2. Chris O’Connor
Senior Technical Specialist
VS, PS, CS & JS –
but no BS (?)

3. Who am I ?
• Chris O’Connor
o Senior Consultant with OBS Empired
o 20+ years experience in dev’ing
o Early days with Visual Basic, then C# ASP.NET -> SharePoint
o Now : jQuery, REST, JSON, AngularJS, Azure (C#), PowerShell
• What about when I’m not working ?
o Mountain biking !
o Basketball coach for my U/12 son’s team
• Contact details…> (later)
3

4. Agenda
• VS, PS, CS & JS but no BS
o Visual Studio
o PowerShell
o C# (Azure WebSite)
o JavaScript
• Demos…> Office 365
• Use case + application architecture
• No BS ? You decide…!
4

5. Visual Studio
• Visual Studio 2015
• Pre-requisites
o SharePoint Online Management Shell
o SharePoint Server 2013 Client Components SDK
o Azure SDK v2.7
• Google Chrome
o F12 debugging tools
5

6. PowerShell
• Remote PowerShell cmdlets
o Office 365 connectivity
o Connect-SPOService
o New-SPOSite
• SharePoint CSOM -> Microsoft.SharePoint.Client.ClientContext
o $curSite = $ctx.Site;
o $ctx.Load($curSite);
o $ctx.ExecuteQuery();
6

7. PowerShell Functions
• Connect to SPO
• New Site Collection
o Regional Settings
• Activate features
o Site Collection + Web
• Upload files
• Create lists & pages
• Other settings
o Alt Css Url
o Welcome page
• Add JavaScript reference (JS injection)
7

8. DEMO – Office 365 PowerShell

9. Connect to SPO
9

10. New Site Collection
10

11. Activate features
11

12. Upload Files
12

13. Add Alt CSS+ Logo
13

14. Set Welcome Page
14

15. JavaScript injection -> ScriptLink
15

16. Site.Startup.js
16

17. DEMO – New Site Collection

19. C#
• Azure Web Site
o SharePoint App Model
• Visual Studio 2015
o New project > App for SharePoint
19

20. Provider-Hosted App
• First steps
o Client Id + Client Secret
o Setting within WEB.CONFIG for WebApp
• Within SharePoint (O365)
o /_layouts/appregnew.aspx
o Same as for SP2013
• Client/Server metaphor
o TOKEN to allow the ‘client’ code (Azure/C#) to talk to ‘server’ (O365)
20

21. 21
https://tenant.sharepoint.com/_layouts/appregnew.aspx

22. C#
• Within WebApp, need to add references
o Microsoft.SharePoint.Client
o Microsoft.SharePoint.Client.Runtime
o Microsoft.WindowsAzure.Configuration
• SharePointContextProvider.Current.GetSharePointContext
o CSOM code -> clientContext
o Add lists + blog site
o Update home page (add webparts)
o Call to Yammer REST endpoint – create group
• Async via Azure WebJob (for PROD) – not for demo
22

23. DEMO – Azure C#

26. JavaScript
• Include JavaScript in page
o ScriptBlock reference
OR
o ContentEditor WebPart
• Examples
o Add footer – without Master Page update (JavaScript injection)
o Waffle
o Show dialog
o Delete sub-sites
o New Workspace
26

27. JavaScript Object Model (JSOM)
• JS within page reference, or HTM
• LoadContext
o SP.ClientContext
• SPWeb
o get_rootWeb()
• SPList
o get_lists()
o getByTitle(“ListName”)
27

29. DEMO – JavaScript

31. Wrap-up
• VS, PS, CS & JS – but no BS (?)
• Visual Studio 2015
• PowerShell
o Site collection provisioning
• C# (Azure WebSite)
o Sub-site, self-service
• JavaScript
o No master page changes, client-side (in-browser) functionality
31

32. Wrap-up
• CSOM ! CSOM ! CSOM !
o ClientContext
o PowerShell, C# and JavaScript
• Azure ! Azure ! Azure !
o C# > WebApp and WebJob
32

34. Contact Details :
Chris O’Connor
Email : chris.oconnor@empired.com
Blog : www.clouddeveloper.space
Twitter : @grumpywookie

35. Gold Silver Bronze

36. 36