2017 Office365 Bootcamp - Microsoft

2. Anupam Ranku
Kloudie – Consultant @Kloud Solutions
SharePoint Online, Office 365, Azure
Building SharePoint solution 10+ years
Designing, developing, integrating enterprise solutions 14+ years
anupam.ranku@gmail.com
http://ranku.site

3. • Toolbox
• SPFx generators – new options
• Structure overview
• SharePoint Framework Extensions
• Deployment
• Demo

5. • Office 365 tenant
• NodeJS
• Visual Studio Code
• Yeoman and gulp
• https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-
up-your-developer-tenant

6. Project Templates
C#MSBuild
IIS Express
XAML

9. • Top level folders
• .vscode: includes Visual Studio Code integration files
• config: includes all config files
• dist: created automatically when you build the project – holds debug
builds
• lib: created automatically when you build the project
• node_modules: this is created automatically when you build your
project, it includes all the npm packages your solution relies upon and
their dependencies
• src: this is the main folder of the project, it includes the web part,
styles, and a test file
• temp: created automatically when you build your project – holds
production builds
• typings: includes some type definition files. Most type definitions are
installed in node_modules@types

10. Field customizer to modify
rendering of a field

11. SharePoint
Online
JavaScript Library
Extension
Extension
SharePoint Framework
Extension assets hosted from
CDN. Could be also a folder or
library in the SharePoint tenant,
which acts as a centralized
deployment location.

12. Associated
collection

13. Associated
Editing view experience override in the roadmap – June 2017

14. Associated
collection
ListView Command Sets can be registered at site level to be valid for specific list types

15. C
Debugging
We are looking to have extension support also in SharePoint Framework workbench

16. • Connect
• SharePoint Online Management Shell
• Connect-SPOService -Url https://<yoursite>-admin.sharepoint.com
• Verify / Enable / Disable
• Get-SPOTenantCdnEnabled -CdnType Public
• Get-SPOTenantCdnEnabled -CdnType Private
• Set-SPOTenantCdnEnabled -CdnType Public #-NoDefaultOrigins
• Set-SPOTenantCdnEnabled -CdnType Public / Private -Enable $false
• Public CDN enabled locations: MASTERPAGE, STYLE LIBRARY
• Access
https://publiccdn.sharepointonline.com/<tenanthostname>/sites/site/library
https://privatecdn.sharepointonline.com/tenant/sites/site/library/item?_eat_=1495567990_1130
bbbb93becf13dd9ec288398ef3f53a8dd131d7f1116f9d3f0b89a5277b45&_oat_=1495567990_d
e85e8d775578ba9936900

18. Deployment

19. Contact:
• anupam.ranku@gmail.com
• http://ranku.site