From 2ae4a75d651dcd902d8ab612db00b49ec62df871 Mon Sep 17 00:00:00 2001
From: Roland <roland.oechslin@bls.ch>
Date: Thu, 23 Nov 2023 20:13:26 +0100
Subject: [PATCH] Deployed 9993056d with MkDocs version: 1.4.2

---
 index.html                       |   1 +
 search/search_index.json         |   2 +-
 sitemap.xml.gz                   | Bin 260 -> 260 bytes
 viva/viva-connections/index.html |  11 +++++++++++
 4 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 2d293662..2f0c2136 100755
--- a/index.html
+++ b/index.html
@@ -2706,6 +2706,7 @@ <h2 id="dev-tenant">DEV-Tenant<a class="headerlink" href="#dev-tenant" title="Pe
 </ul>
 <h2 id="development-roadmap">Development Roadmap<a class="headerlink" href="#development-roadmap" title="Permanent link">&para;</a></h2>
 <ul>
+<li><a href="https://petri.com/microsoft-changelog/?impact=major-update">microsoft-changelog</a></li>
 <li><a href="https://docs.microsoft.com/en-us/sharepoint/dev/spfx/roadmap">SPFx Roadmap / Release Notes</a></li>
 <li><a href="https://www.microsoft.com/en-us/microsoft-365/roadmap?filters=SharePoint%2CIn%20Development">Microsoft 365 Roadmap</a></li>
 <li><a href="https://sharepointstuff.com/">Monthly Updates about M365 News</a></li>
diff --git a/search/search_index.json b/search/search_index.json
index 82c8a46d..c56b7295 100755
--- a/search/search_index.json
+++ b/search/search_index.json
@@ -1 +1 @@
-{"config":{"lang":["en"],"separator":"[\\s\\-]+","pipeline":["stopWordFilter"]},"docs":[{"location":"","title":"Tips and tricks","text":"<ul> <li>Microsoft 365 help &amp; learning</li> <li>PnP-SPFx-Blog</li> <li>Teams Developer Portal</li> <li>Pattern &amp; Practises</li> <li>Sample Solution Gallery</li> <li>Microsoft 365 Extensibility look book gallery</li> <li>Microsoft 365 Community Content</li> <li>SharePoint For IT Professionals</li> <li>SharePoint development</li> <li>SharePoint Videos</li> <li>Etiquette of Microsoft 365</li> <li>Tips &amp; Tricks Coding/SPFX/AzureAD</li> </ul>"},{"location":"#admin-shortcut-list","title":"Admin Shortcut List","text":"<ul> <li>cmd.ms | Installation cms.ms</li> <li>msportals</li> </ul>"},{"location":"#feedback","title":"Feedback","text":"<ul> <li>MS User Voice Feedback</li> </ul>"},{"location":"#m365-docs","title":"M365 Docs","text":"<ul> <li>microsoft-365</li> <li>Microsoft 365 glossary</li> <li>SPFx-Json-Schemas</li> <li>Microsoft 365 and Office 365 service descriptions</li> <li>Microsoft 365 Community Content</li> </ul>"},{"location":"#start-spfx-training","title":"Start SPFx Training","text":"<ul> <li>SPFx documentation </li> <li>Why did Microsoft create the SharePoint Framework?</li> <li>What is the SharePoint Framework?</li> <li>SharePoint Framework - Getting started</li> <li>SharePoint Developer Community - Open-source projects</li> <li>Updated SharePoint Framework developer training package now available (2019)</li> <li>SharePoint Developer GitHub repositories</li> <li>Gateway to Office 365 Training Resources from Microsoft</li> <li>Set up an Office 365 developer subscription</li> <li>Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux</li> <li>Microsoft Learning Module</li> <li>HOW TO GET STARTED WITH REACT FOR BUILDING ADVANCED SPFX SOLUTIONS</li> <li>HOW TO USE THE SERVICE PATTERN IN SPFX REACT SOLUTIONS</li> <li>Nanddeepn-Getting Started Slides</li> <li>Recap of Getting Started SharePoint Framework (SPFx) Webinar Series 2020</li> <li>PiaSys: Conferences-Samples</li> <li>PnP Virtual Conference \u2013 September 2020 \u2013 Summary and Recordings</li> <li>Microsoft 365 learning pathways</li> </ul>"},{"location":"#start-spfx-react-development","title":"Start SPFx React Development","text":"<ul> <li>SPFx Essentials my Getting Started Video | E003</li> <li>How to Style your Custom SPFx Web Part to look OOB | E004</li> <li>PT2: Custom SPFx Web Part looking like it's OOB | E005</li> <li>SPFx, Post Request, React Hooks, and Fluent UI forms | E006</li> </ul>"},{"location":"#start-teams-development","title":"Start Teams Development","text":"<ul> <li>Microsoft Teams App Camp On Demand</li> <li>#30DaysOf Learning</li> <li>Microsoft Cloud Integration Scenarios</li> </ul>"},{"location":"#reference-samples","title":"Reference Samples","text":"<ul> <li>SPFx samples in the Microsoft 365 Unified Sample gallery</li> <li>SharePoint Framework Client-Side Web Part Samples</li> <li>Microsoft Teams Development Samples</li> <li>SafeDesk365</li> <li>SharePoint Framework DataTable</li> <li>Lead Assist Dashboard</li> <li>Executive Room Reservation Reference Microsoft Teams Personal App</li> <li>News article content at a glance</li> <li>react content query online</li> <li>Fakeflix - WebApp to learn React/Redux and more</li> <li>react-roomchat - Azure Communications Services Building SPFx solution with Azure Communication Services integration</li> <li>@pnp/js and ReactJS Functional Components</li> <li>React Flight Tracker</li> <li>Extend Teams app to other M365 host apps like Outlook, Office.com</li> <li>microsoft365dev</li> <li>Exposing business data in Microsoft 365 using Azure Data API builder</li> </ul>"},{"location":"#m365-full-stack-spfx","title":"M365 Full Stack / SPFx","text":"<ul> <li>spfx-wp-react-app</li> <li>The ultimate full stack project setup for M365 development</li> <li>epic-stack</li> </ul>"},{"location":"#enterprise-reference-samples","title":"Enterprise Reference Samples","text":"<ul> <li>Rhythm of Business Calendar - SPFx Solution Accelerator - Domain Driven Design</li> <li>Rhythm of Business Calendar - SPFx Solution Accelerator Deep Dive</li> <li>Contoso Retail Dashboard</li> <li>Video: Microsoft 365 &amp; Power Platform weekly call \u2013 6th of June, 2023</li> </ul>"},{"location":"#pnpjs-v3","title":"PnPjs-V3","text":"<ul> <li>PnPjs-V3</li> </ul>"},{"location":"#fluent-ui","title":"Fluent UI","text":"<ul> <li>fluent2.microsoft.design</li> <li>Fluent UI React Components</li> <li>Installing the fluent ui components</li> <li>Fluent UI 9 SPFx Sample</li> <li>Updated Fluent UI 9 Demo to latest SPFx and Fluent UI 9</li> </ul>"},{"location":"#learning-spfx-videos","title":"Learning SPFx Videos","text":"<ul> <li>SharePoint Framework for beginners 2021 | Episode 01 - Introduction</li> <li>SharePoint Framework for beginners 2021 | Episode 02 - Development Environment</li> </ul>"},{"location":"#dev-tenant","title":"DEV-Tenant","text":"<ul> <li>Welcome to the Office 365 Developer Program</li> <li>New renewable Office 365 developer subscriptions launch on April 3rd</li> <li>10 Tips for Demo/Dev Tenant</li> <li>how-to-use-the-complimentary-azure-credits-in-a-microsoft-365-developer-tenant-step-by-step</li> <li>What is a \"Dev Tenant\" and why would you want one?</li> </ul>"},{"location":"#development-roadmap","title":"Development Roadmap","text":"<ul> <li>SPFx Roadmap / Release Notes</li> <li>Microsoft 365 Roadmap</li> <li>Monthly Updates about M365 News</li> </ul>"},{"location":"#code-guideline","title":"Code Guideline","text":"<ul> <li>Best practices in cloud applications</li> <li>Patterns and Practices for SPFx Development</li> <li>Typescriptlang - Handbook</li> <li>Airbnb React/JSX Style Guide</li> <li>Airbnb JavaScript Style Guide</li> <li>Office fabric react - Coding Guidelines</li> <li>Office fabric react - React-Guideline</li> <li>Office fabric react - TypeScript-Guidelines</li> <li>react-typescript-cheatsheet</li> <li>Setup TypeScript with React</li> <li>Design Patterns</li> <li>Awesome React Components &amp; Libraries</li> </ul>"},{"location":"#performance-guideline","title":"Performance Guideline","text":"<ul> <li>PnP Virtual Conference - 09/2020 - Ways to optimize SharePoint Framework highly custom Intranet</li> <li>SharePoint Framework performance optimization list</li> <li>Performance guidance for SharePoint Online portals</li> <li>Optimize SPFx Sample</li> </ul>"},{"location":"#design-guideline","title":"Design Guideline","text":"<ul> <li>sharepoint look book</li> <li>Official product colors for Microsoft apps</li> <li>Teams UI Component Library</li> <li>Figma UI Kit for Teams</li> </ul>"},{"location":"#code-review-checklist","title":"Code Review Checklist","text":"<ul> <li>React-JS-Checklist</li> <li>Front-end Code Review Checklist</li> </ul>"},{"location":"#security-guideline","title":"Security Guideline","text":"<ul> <li>Basic Security Set Up for Microsoft 365</li> <li>Security Scanning a SharePoint Framework Solution</li> <li>Security Engineering Portal</li> <li>Automate Azure DevOps code security analysis with the Microsoft Security Code Analysis extensions</li> </ul>"},{"location":"#granting-permission","title":"Granting Permission","text":"<ul> <li>Avoiding Declarative Permissions with Azure AD Services in SharePoint Framework Projects</li> <li> <p>Easily grant API permissions with the Office 365 CLI</p> </li> <li> <p>Logging in to Office 365</p> </li> </ul> <pre><code>m365 spo login https://&lt;tenant&gt;-admin.sharepoint.com\n</code></pre> <ul> <li>spo serviceprincipal grant add</li> </ul> <pre><code>spo serviceprincipal grant add --resource 'Microsoft Graph' --scope 'Mail.Read'\n</code></pre>"},{"location":"#content-style-guide","title":"Content Style Guide","text":"<ul> <li>Microsoft Writing Style Guide</li> </ul>"},{"location":"#coding-patterns","title":"Coding Patterns","text":"<ul> <li>React Design Principles</li> <li>Design patterns</li> <li>React inpatterns</li> <li>design patterns and component patterns</li> </ul>"},{"location":"#spfx-workflow","title":"SPFx Workflow","text":"<ul> <li>Walkthrough: use Azure DevOps with SPFx, GitFlow and GitVersion</li> </ul>"},{"location":"#sharepoint-pnp-community","title":"SharePoint PNP Community","text":"<ul> <li>SharePoint PnP resources</li> <li>Sharepoint Glossar</li> </ul>"},{"location":"#create-project-pnpm","title":"Create Project (pnpm)","text":"<ul> <li>Scaffold projects by using Yeoman SharePoint generator</li> </ul> <p>with pnpm manager</p> <ul> <li>Using pnpm with SPFx</li> </ul> <pre><code>yo @microsoft/sharepoint \u2013package-manager pnpm\n</code></pre> <pre><code>pnpm i tslint@5.9.1 -DE\n</code></pre> <pre><code>pnpm i typescript@2.4.2 -DE\n</code></pre>"},{"location":"#check-package-version","title":"Check Package Version","text":"<pre><code>node \u2013v\nnpm \u2013v\nyo --generators\ngulp \u2013v\ntsc \u2013v\ntsd --version\n</code></pre>"},{"location":"#git-basics","title":"Git Basics","text":"<p>Init local repo</p> <pre><code>git init\n</code></pre> <p>Add all Files to local repo</p> <pre><code>git add -A\ngit commit -m \"init repo\"\n</code></pre> <p>Show last commit</p> <pre><code>git show --name-only\n</code></pre> <p>show full history</p> <pre><code>git log --full-history --src/path/to/file.js\n</code></pre> <ul> <li>The Smart Ways to Correct Mistakes in Git</li> <li>A successful Git branching model</li> <li>GitHub cheat sheet for PnP contributions</li> <li>Illustrated Notes on Fixing Git Mistakes </li> </ul>"},{"location":"#developmentlocal-workbench","title":"Development(local workbench)","text":"<p>Importend: only for spfx &lt; 13.1</p> <pre><code>gulp serve\n</code></pre> <pre><code>https://localhost:4321/temp/workbench.html\n</code></pre>"},{"location":"#developmentonline-workbench","title":"Development(online workbench)","text":"<ul> <li>Update your project's hosted workbench URL</li> </ul> <pre><code>gulp serve --nobrowser\n</code></pre> <pre><code>/_layouts/15/workbench.aspx?forceLocale=de-de\n</code></pre> <pre><code>/_layouts/workbench.aspx\n</code></pre>"},{"location":"#prepare-deployment-solution","title":"Prepare Deployment Solution","text":"<pre><code>gulp clean\n</code></pre> <pre><code>gulp build --ship\n</code></pre> <pre><code>gulp bundle --ship\n</code></pre> <pre><code>gulp package-solution --ship\n</code></pre>"},{"location":"#debug-in-vscode","title":"Debug in vs.code","text":"<ul> <li>https://docs.microsoft.com/en-us/sharepoint/dev/spfx/debug-in-vscode</li> </ul>"},{"location":"#checklist-spfx-initial","title":"Checklist SPFx initial","text":"<ul> <li>SharePoint Framework \u2013 new project checklist</li> </ul>"},{"location":"#update-version","title":"Update Version","text":"<ul> <li>Use <code>npm version</code> to upgrade the version of your SPFx solution</li> <li>spfxappdev-init</li> </ul> <pre><code>npm version major\n</code></pre> <pre><code>npm version minor\n</code></pre> <pre><code>npm version patch\n</code></pre>"},{"location":"#add-imported-pnp-modules","title":"Add imported pnp modules","text":"<ul> <li>https://pnp.github.io/pnpjs/</li> <li>https://github.com/SharePoint/PnP-JS-Core/wiki/Developer-Guide</li> </ul> <pre><code>npm install @pnp/logging @pnp/common @pnp/odata @pnp/sp @pnp/graph --save\n</code></pre> <ul> <li>https://sharepoint.github.io/sp-dev-fx-controls-react/</li> </ul> <pre><code>npm install @pnp/spfx-controls-react@latest --save --save-exact\n</code></pre> <ul> <li>https://sharepoint.github.io/sp-dev-fx-property-controls/</li> </ul> <pre><code>npm install @pnp/spfx-property-controls@latest --save --save-exact\n</code></pre>"},{"location":"#localizations","title":"Localizations","text":"<ul> <li>Location files are in JSON format</li> <li>They work similar as Resources files (XML) on VS Solution</li> <li>The default language is English (en-us)</li> <li>Developers can test the locale by:</li> <li>Updating write-manifests.json file</li> </ul> <pre><code>{\n\"cdnBasePath\": \"&lt;!-- PATH TO CDN --&gt;\",\n\"debugLocale\": \"de-de\"\n}\n</code></pre> <p>or by using the \"locale\" command argument</p> <pre><code>gulp serve --locale=de-de\n</code></pre>"},{"location":"#app-permission","title":"App Permission","text":"<ul> <li>Working with Application Permissions (App-Only Auth) in SharePoint Online and the Microsoft Graph</li> <li>SharePoint lifehacks: create SharePoint app registration with client secret which never expires</li> </ul>"},{"location":"#sharepoint-online-data","title":"SharePoint Online Data","text":"<ul> <li>Granting access via Azure AD App-Only</li> <li>Granting access using SharePoint App-Only</li> </ul>"},{"location":"#msgraph-data","title":"MSGraph Data","text":"<ul> <li>Get application ID and authentication key</li> </ul>"},{"location":"#scoped-service","title":"Scoped service","text":"<ul> <li>Elegant Dependency Injection in SPFx</li> <li>SPFx WebPart scoped service</li> <li>Using React hooks to globally share service scope between components</li> <li>SPFX Service Scopes Hooks</li> </ul>"},{"location":"#data-service","title":"Data Service","text":"<ul> <li>APIs Everywhere</li> <li>RSS Reader</li> <li>Sample FieldVisitTab</li> <li>SPFx \u2013 How to handle large list items</li> <li>Filter large lists in SharePoint Online </li> </ul> <p>Sample Folder structure</p> <ul> <li>barrel: each folder should has a index.ts file</li> <li> <p>prettify your imports</p> </li> <li> <p>src</p> </li> <li>models<ul> <li>IHelpDeskItem.ts</li> <li>index.ts</li> </ul> </li> <li>services<ul> <li>IDataService.ts</li> <li>MockDataservice.ts</li> <li>SharepointDataService.ts</li> <li>index.ts</li> </ul> </li> <li>webparts<ul> <li>components</li> <li>loc</li> <li>WebpartNameWebPart.ts</li> </ul> </li> </ul>"},{"location":"#data-model","title":"Data Model","text":"<p>Interface to define our Data structure</p> <pre><code>export interface IHelpDeskItem {\n  id?: number;\n  title?: string;\n  description?: string;\n  level?: string;\n  status?: string;\n  assignedTo?: string;\n  resolution?: string;\n}\n</code></pre> <p>Interface to define our Data Access services</p> <pre><code>import { IHelpDeskItem } from \"./../models/IHelpDeskItem\";\nimport { WebPartContext } from \"@microsoft/sp-webpart-base\";\n\nexport default interface IDataService {\n  getTitle(): string;\n  isConfigured(): boolean;\n  getItems(context: WebPartContext): Promise&lt;IHelpDeskItem[]&gt;;\n  addItem(item: IHelpDeskItem): Promise&lt;void&gt;;\n  deleteItem(id: number): Promise&lt;void&gt;;\n}\n</code></pre> <p>Mocking Service for testing in local Workbench development</p> <pre><code>import { IHelpDeskItem } from \"./../models/IHelpDeskItem\";\nimport IDataService from \"./IDataService\";\nimport { IWebPartContext } from \"@microsoft/sp-webpart-base\";\n\nexport default class MockDataService implements IDataService {\n...\n  private _webPartContext: IWebPartContext;\n  private _listId: string;\n\n  constructor(webPartContext: IWebPartContext, listId: string) {\n    this._webPartContext = webPartContext;\n    this._listId = listId;\n  }\n...\n\n  public getItems(context: IWebPartContext): Promise&lt;IHelpDeskItem[]&gt; {\n    return new Promise&lt;IHelpDeskItem[]&gt;((resolve, reject) =&gt; {\n      setTimeout(() =&gt; resolve([\n        {\n          id : 1,\n          title : \"That doesn't work\",\n          description : \"When I do that, it doesn't work\",\n          level : \"Low\",\n          status: \"Open\",\n          resolution: \"Do this and it will work!\",\n          assignedTo: \"S\u00e9bastien Levert\",\n        }\n      ]), 300);\n    });\n  }\n}\n</code></pre>"},{"location":"#get-data-with-sharepoint-rest","title":"Get Data with Sharepoint REST","text":"<p>Source</p> <pre><code>public getItems(context: WebPartContext): Promise&lt;IHelpDeskItem[]&gt; {\nreturn new Promise&lt;IHelpDeskItem[]&gt;((resolve, reject) =&gt; {\n    context.spHttpClient\n    .get( `${this._webPartContext.pageContext.web.absoluteUrl}/_api/web/lists/GetById('${this._listId}')/items` +\n            `?$select=*,HelpDeskAssignedTo/Title&amp;$expand=HelpDeskAssignedTo`, SPHttpClient.configurations.v1)\n    .then(res =&gt; res.json())\n    .then(res =&gt; {\n        let helpDeskItems:IHelpDeskItem[] = [];\n\n        for(let helpDeskListItem of res.value) {\n        helpDeskItems.push(this.buildHelpDeskItem(helpDeskListItem));\n        }\n\n        resolve(helpDeskItems);\n    })\n    .catch(err =&gt; console.log(err));\n});\n}\n</code></pre>"},{"location":"#get-data-with-pnp-js-core","title":"Get Data with Pnp-JS-Core","text":"<p>Reference Sample</p> <ul> <li>pnPjsExample</li> </ul> <p>Advantages</p> <ul> <li>Type safe so you get your errors while you code and not when you execute and test</li> <li>Works on all versions of SharePoint (On-Premises, Online, etc.)</li> <li>Offers built-in caching mechanisms</li> <li>Heavily used in the SharePoint Development Community</li> </ul> <p>Init context in react webpart component source</p> <pre><code>public onInit(): Promise&lt;void&gt; {\n    return super.onInit().then(_ =&gt; {\n        pnpSetup({\n        spfxContext: this.context\n        });\n    });\n}\n</code></pre> <p>init service in react webpart component</p> <pre><code>public render(): void {\n    const element: React.ReactElement&lt;IListContentProps&gt; = React.createElement(\n      ListContent,\n      {\n        context: this.context,\n        dataService: this.getDataService(),\n        list: this.properties.list\n      }\n    );\n\n    ReactDom.render(element, this.domElement);\n}\n</code></pre> <p>Get items from list Source</p> <pre><code>public getItems(context: WebPartContext): Promise&lt;IHelpDeskItem[]&gt; {\nreturn new Promise&lt;IHelpDeskItem[]&gt;((resolve, reject) =&gt; {\n\n    sp.web.lists.getById(this._listId).items\n    .select(\"*\", \"HelpDeskAssignedTo/Title\")\n    .expand(\"HelpDeskAssignedTo\").getAll().then((sessionItems: any[]) =&gt; {\n    let helpDeskItems:IHelpDeskItem[] = [];\n\n    for(let helpDeskListItem of sessionItems) {\n        helpDeskItems.push(this.buildHelpDeskItem(helpDeskListItem));\n    }\n\n    resolve(helpDeskItems);\n    });\n\n});\n}\n</code></pre>"},{"location":"#get-search-data-with-asyncawait","title":"Get Search Data with async/await","text":"<p>Using PnPJS and Async/Await to Really Simplify Your API Calls</p> <p>async/await</p> <pre><code>  private async _getSiteData(): Promise&lt;ISPSite[]&gt; {\n\n    var thisDomain: string = location.host.split(\".\")[0];\n    var exclusions: string[] = [\"https://\" + thisDomain + \"-my.sharepoint.com\", \"https://\" + thisDomain + \".sharepoint.com/portals/personal\"];\n    var exclusionString: string = \" -Path:\" + exclusions.join(\" -Path:\");\n    exclusionString += \" -Path=https://\" + thisDomain + \".sharepoint.com\";\n\n    try {\n\n      let result = await sp.search(&amp;lt;SearchQuery&gt;{\n        Querytext: \"contentclass:sts_site \" + exclusionString,\n        RowLimit: 500,\n        TrimDuplicates: false,\n        Properties: [{\n          Name:\"EnableDynamicGroups\",\n          Value: {\n            BoolVal: true,\n            QueryPropertyValueTypeIndex: QueryPropertyValueType.BooleanType\n          }\n        }],\n        SelectProperties: [\"Title\", \"Path\", \"SiteLogo\"]\n      });\n\n      return this.processSearchResults(result);\n\n    } catch (e) {\n\n      console.error(e);\n      return null;\n\n    }\n\n  }\n</code></pre> <pre><code>public async getShipmentStatuses(serviceProps: IServiceProperties): Promise&lt;IStatus[]&gt; {\n\n    try {\n\n      let items = await sp\n        .web\n        .lists\n        .getByTitle(\"SL_ShippingStatuses\")\n        .items\n        .select(\"Id\", \"Title\", \"SortOrder\", \"CanBeCancelled\")\n        .orderBy(\"SortOrder\")\n        .get(spODataEntityArray&lt;Item, IStatus&gt;(Item));\n\n      return items;\n\n    } catch (e) {\n\n      console.error(e);\n      return null;\n\n    }\n}\n</code></pre> <p>joelfmrodrigues - demos</p> <pre><code>private async _getItems() {\n  let select = '*';\n  let expand = 'File';\n  let filter = '';\n\n  // filter by selected term if required\n  if (this.props.term !== undefined &amp;&amp; this.props.term !== null &amp;&amp; this.props.term.length &gt; 0) {\n    const term = this.props.term[0];\n\n    select = `${select},TaxCatchAll/Term`;\n    expand = `${expand},TaxCatchAll`;\n    filter = `TaxCatchAll/Term eq '${term.name}'`;\n  }\n\n  const items = await sp.web.lists.getById(this.props.list).items\n    .select(select)\n    .expand(expand)\n    .filter(filter)\n    .get();\n\n  // update state\n  this.setState({\n    items: items ? items : []\n  });\n  console.log('List Items:', this.state.items);\n}\n</code></pre>"},{"location":"#get-data-from-msgraph","title":"Get Data from MSGraph","text":"<ul> <li>Using PnPjs to send requests to MS Graph with SharePoint Framework 1.6</li> <li>Example of wrapper to ease usage of Graph calls in SPFx</li> <li>msgraph-helper</li> <li>SPFx webpart with MS Graph and PnPjs: step by step guide</li> </ul>"},{"location":"#start-office-fabric-react","title":"Start Office Fabric React","text":"<p>Create Sample</p> <ul> <li>Use Office UI Fabric React components in your SharePoint client-side web part</li> <li>TypeScript React Starter</li> <li>React app with an Office UI Fabric React DocumentCard</li> </ul> <pre><code>create-react-app demo-office-fabric-react-ts --scripts-version=react-scripts-ts\n</code></pre> <p>init git</p> <pre><code>git init\ngit add .\ngit commit -m \"Initial commit.\"\n</code></pre> <p>add office fabric react</p> <ul> <li>office-ui-fabric-react@5.131.0</li> <li>Use Office UI Fabric React components in your SharePoint client-side web part</li> </ul> <pre><code>npm install office-ui-fabric-react@5.132.0 --save\n</code></pre>"},{"location":"#generator-for-sp-applications","title":"Generator for SP applications","text":"<ul> <li>SP Pull-n-Push - Yeoman generator for SharePoint client-side applications</li> </ul>"},{"location":"#upgrade-yo-generator-spfx","title":"Upgrade yo generator SPFx","text":"<ul> <li>Use the Yeoman SharePoint generator</li> </ul> <pre><code>npm list -g --depth=0\n</code></pre> <pre><code>npm ls -g --depth=0 @microsoft/generator-sharepoint\n</code></pre> <pre><code>npm outdated --global\n</code></pre> <pre><code>npm install @microsoft/generator-sharepoint@latest --global\n</code></pre>"},{"location":"#spfx-version-upgrade","title":"SPFx Version Upgrade","text":"<ul> <li>Project-upgrade</li> <li>Easily upgrade SharePoint Framework projects with the Office 365 CLI</li> </ul>"},{"location":"#office-365-cli","title":"Office 365 CLI","text":"<ul> <li>Office 365 User Guide</li> <li>Comparison to SharePoint PowerShell</li> <li>Office 365 GitHhub Actions</li> <li>GETTING STARTED WITH THE OFFICE 365 CLI</li> <li>Working with Office365 CLI and JSON parameters</li> <li>CLI.Microsoft365.PowerShell.Predictor</li> </ul> <p>Latest version</p> <pre><code>npm i -g @pnp/cli-microsoft365@latest\n</code></pre> <p>Latest Beta version</p> <pre><code>npm i -g @pnp/cli-microsoft365@next\n</code></pre> <p>Create report for upgrade</p> <ul> <li>spfx project upgrade</li> </ul> <pre><code>m365 spfx project upgrade --shell powershell --toVersion 1.12.1 --output md &gt; report.md\n</code></pre>"},{"location":"#update-spfx-packages","title":"Update SPFx packages","text":"<ul> <li>Update SharePoint Framework packages</li> </ul>"},{"location":"#custom-yo-spfx-generator","title":"Custom yo spfx generator","text":"<ul> <li>PnP SPFx Yeoman generator</li> </ul>"},{"location":"#add-external-js-frameworks","title":"Add External JS-Frameworks","text":"<ul> <li>How to add external libraries and assets in SharePoint client-side web part</li> <li>Loading dependent JS files into SPFx Solution in right order</li> <li>How To Include JavaScript Files In SharePoint Framework Solutions?</li> </ul>"},{"location":"#spfx-utilities","title":"SPFx Utilities","text":"<ul> <li>Utility functions which you might not know existed in SPFx</li> <li>SPFx Fast Serve Tool</li> <li>sp-formatter</li> <li>SP Formatter: the big update</li> <li>SharePoint produtivity tools</li> <li>Ultimate Developer Tool List for SPFx</li> </ul>"},{"location":"#team-development-tools","title":"Team Development Tools","text":"<ul> <li>Guides and tools to design your Microsoft Teams app effectively</li> <li>@fluentui/react-teams</li> <li>Microsoft Teams UI templates sample app</li> </ul>"},{"location":"about/about/","title":"About","text":""},{"location":"about/about/#author","title":"Author","text":"<p>Roland Oechslin</p>"},{"location":"about/about/#work","title":"Work","text":"<p>Senior Sharepoint/M365 Expert and Developer, BLS AG, Bern, Switzerland</p>"},{"location":"about/about/#interests","title":"Interests","text":"<p>Programming, New Technologies  </p>"},{"location":"about/about/#twitter","title":"Twitter","text":"<p>@rolandoechslin</p>"},{"location":"about/help/","title":"Help mkdocs","text":"<ul> <li>For full documentation visit - mkdocs.org.</li> <li>Themes  Material</li> <li>Markdown Syntax</li> <li>Markdown guide</li> </ul>"},{"location":"about/help/#deployment-to-github-pages","title":"Deployment to GitHub Pages","text":"<ul> <li>https://www.mkdocs.org/user-guide/deploying-your-docs/</li> </ul> <pre><code>mkdocs gh-deploy\n</code></pre>"},{"location":"angular/elements/","title":"Angular","text":""},{"location":"angular/elements/#elements","title":"Elements","text":"<ul> <li>a-practical-guide-to-angular-elements</li> </ul>"},{"location":"angular/elements/#angularjs","title":"AngularJS","text":"<ul> <li>html-templates-in-spfx</li> <li>building-sharepoint-framework-client-side-web-parts-angular </li> </ul>"},{"location":"articles/sitecollection-versus-subsite/","title":"Sitecollection versus subsite","text":""},{"location":"articles/sitecollection-versus-subsite/#advantages-of-subsites","title":"Advantages of Subsites","text":"<ol> <li>A subsite can be provisioned by anyone with at least Full Control     permission (more specifically, the Create Subsites permission     level) on the parent site. I.e. You don\u2019t require a farm or tenant     admin to provision one for you. (Although in SharePoint Online,     anyone in a specified AD group can provision an Office 365 Group     site collection; to provision a standard SharePoint site collection     on SharePoint Server requires membership in the Farm Administrators     SharePoint group on the machine running the Central Administration     website. To provision a Classic SharePoint site collection in Office     365 requires you to be a Global Admin or SharePoint Online     administrator)</li> <li>A subsite can automatically be added to the navigation of the parent     site if you have the navigation settings configured that way.</li> <li>A subsite can automatically inherit settings from its parent site     including permissions, features, and navigation (Ironically this can     also be a disadvantage as well as I describe in the section below).     You can optionally adjust some of the settings at the subsite level.     (for example, decide not to inherit navigation settings)</li> <li>This is quick and easy to setup which is attractive for small     organizations who don\u2019t have a lot of resources to spend maintaining     site collections. (although in SharePoint Online, the provisioning     process for an Office 365 Group site collection is very quick and     easy, it is not that easy in SharePoint on-premises)</li> <li>[Update January 18, 2018] A subsite automatically inherits content     types and site columns from its parent site. This is more     straight-forward to setup than a Content Type Hub which is what is     required to do the same across site collections.</li> <li>[Update January 18, 2018] Managed Term sets can easily be shared     across all subsites within a Site Collection if the term set is     created at the site collection level. Term sets cannot be shared     across site collections unless it is created at the farm/tenant     level.</li> </ol>"},{"location":"articles/sitecollection-versus-subsite/#disadvantages-of-site-collections","title":"Disadvantages of Site Collections","text":"<ol> <li>It is a boundary for navigation which means navigation is not shared     across site collections. To visually tie together your site     collections in a \u201cvirtual hierarchy\u201d (i.e. navigation), you will     need to handle this separately. (Code, manually configured, etc.)     **See my comment about the new SharePoint Hub site below to     address this disadvantage however which will turn this into an     advantage where you can \u2018plug and play\u2019 your site collections into     whatever kind of navigation is required.</li> <li>Content types and site columns can be defined at a site collection     level but cannot be easily shared across site collections. The     Content Type hub is a feature built with the intent of this, but in     my experience it has some usability issues, particularly in     SharePoint Online.</li> <li>If you are a small company, you may find it difficult to manage     multiple site collections if you have advanced branding, navigation,     feature requirements.</li> </ol>"},{"location":"articles/sitecollection-versus-subsite/#my-thoughts","title":"My thoughts","text":"<p>Let\u2019s get back to the quote from Ignite\u2026 why are subsites the spawn of the devil?</p> <p>Generally speaking, it\u2019s hard to argue with the fact that site collections are more flexible. Each site collection can be viewed as a granular \u2018unit of work\u2019. They allow you to control permissions, features, storage, branding and target data protection and retention controls at a more targeted level. A flat architecture like this allows you to \u2018plug and play\u2019 site collections into whatever kind of navigational hierarchy is required \u2013 the announcement of the SharePoint Hub site at Microsoft Ignite is a feature being built to allow you to build this navigation thru the User Interface. You will be able to associate a site collection with a SharePoint Hub by the click of a button and easily move it from one Hub to another if required. This is great news.</p> <p>Source: https://joannecklein.com/2017/11/03/sharepoint-site-collection-advantages/</p>"},{"location":"deployment/guide/","title":"Deployment","text":"<ul> <li>Lessons learned from deploying my first full-stack web application</li> </ul>"},{"location":"js/guide/","title":"Guide","text":""},{"location":"js/guide/#ref","title":"Ref","text":"<ul> <li>https://developer.mozilla.org/en-US/docs/Web/JavaScript</li> </ul>"},{"location":"js/guide/#styleguide","title":"Styleguide","text":"<ul> <li>https://google.github.io/styleguide/jsguide.html</li> <li>https://github.com/airbnb/javascript</li> <li>http://2ality.com/2011/10/javascript-overview.html</li> </ul>"},{"location":"js/guide/#books","title":"Books","text":"<ul> <li>Front-End Developer Handbook 2018</li> <li>Front-End Developer Handbook 2018</li> <li>You Don't Know JS</li> </ul>"},{"location":"js/guide/#arrays","title":"Arrays","text":"<ul> <li>Eleven Ways To Learn Javascript Array Iteration Effectively</li> </ul>"},{"location":"js/guide/#technologie-radar","title":"Technologie Radar","text":"<ul> <li>https://lihsmi.ch/learning/2015/04/25/skill-radar-technology-radar.html</li> <li>https://github.com/schoeffm/techradar</li> <li>https://github.com/zalando/tech-radar</li> <li>https://github.com/bdargan/techradar</li> </ul>"},{"location":"js/pwa/","title":"PWA","text":""},{"location":"js/pwa/#overview","title":"Overview","text":"<ul> <li>https://scotch.io/tutorials/the-ultimate-guide-to-progressive-web-applications</li> </ul>"},{"location":"powershell/graphsdk-ps/","title":"Graph SDK Powershell","text":"<ul> <li>Microsoft Graph PowerShell SDK</li> </ul>"},{"location":"powershell/graphsdk-ps/#learning","title":"Learning","text":"<ul> <li>Get to know the Microsoft Graph PowerShell SDK better with the Graph Explorer</li> <li>Microsoft PowerShell Graph SDK \u2013 Woes</li> <li>Pluralsight: Using the Microsoft Graph PowerShell SDK</li> </ul>"},{"location":"powershell/graphsdk-ps/#security","title":"Security","text":"<ul> <li>Using a Certificate for Authentication with the Microsoft Graph SDK for PowerShell</li> </ul>"},{"location":"powershell/graphsdk-ps/#azure-automation","title":"Azure Automation","text":"<ul> <li>Using Azure Automation to Process Exchange Online Data with PowerShell</li> <li>Using the Microsoft Graph SDK for PowerShell with Azure Automation</li> <li>Updating Microsoft Graph PowerShell Modules for Azure Automation </li> </ul>"},{"location":"powershell/graphsdk-ps/#uddate-process","title":"Uddate Process","text":"<ul> <li>Updating Microsoft Graph PowerShell Modules for Azure Automation</li> </ul>"},{"location":"powershell/graphsdk-ps/#work","title":"Work","text":"<ul> <li>How to Connect to Microsoft Graph API from PowerShell</li> </ul> <p>Check</p> <pre><code>Get-InstalledModule | Where-Object {$_.Name -match \"Microsoft.Graph\"}\n</code></pre> <p>Install</p> <pre><code>Install-Module -Name \"Microsoft.Graph\"\n</code></pre> <p>Update</p> <pre><code>Update-Module Microsoft.Graph\n</code></pre> <p>Uninstall (all)</p> <pre><code>Uninstall-Module Microsoft.Graph\n\n# Uninstall all Sub-modules of Graph\nGet-InstalledModule Microsoft.Graph.* | ForEach-Object { if($_.Name -ne \"Microsoft.Graph.Authentication\") {\n    Uninstall-Module $_.Name }\n}\n\n# Uninstall the dependant module\nUninstall-Module Microsoft.Graph.Authentication\n</code></pre> <p>Connect with Delegated Access </p> <pre><code># Connect to Microsoft Graph\nConnect-MgGraph -Scopes \"User.Read.All\"\n\n# Get All users\n$users = Get-MgUser\n$users | Select-Object DisplayName, UserPrincipalName, Mail\n</code></pre> <p>Connect with App ID and Certificate</p> <pre><code># App Config\n$TenantID = \"&lt;placeholder&gt;\"\n$ClientID = \"&lt;placeholder&gt;\" # App ID\n$CertThumbPrint = \"&lt;placeholder&gt;\"\n\n# Connect to Microsoft Graph using App\nConnect-MgGraph -ClientID $ClientID -TenantId $TenantID -CertificateThumbprint $CertThumbPrint\n</code></pre> <p>Connect with Client Secret</p> <pre><code># App Registration details\n$TenantID = \"&lt;placeholder&gt;\"\n$ClientID = \"&lt;placeholder&gt;\"\n$ClientSecret = \"&lt;placeholder&gt;\"\n\n$Body =  @{\n    Grant_Type    = \"client_credentials\"\n    Scope         = \"https://graph.microsoft.com/.default\"\n    Client_Id     = $ClientID\n    Client_Secret = $ClientSecret\n}\n\n$Connection = Invoke-RestMethod `\n    -Uri https://login.microsoftonline.com/$TenantID/oauth2/v2.0/token `\n    -Method POST `\n    -Body $body\n\n# Get the Access Token\n$Token = $Connection.access_token\n\n# Connect to Microsoft Graph\nConnect-MgGraph -AccessToken $Token\n</code></pre>"},{"location":"powershell/graphsdk-ps/#check-size","title":"Check Size","text":"<ul> <li>FUNCTION CANNOT BE CREATED BECAUSE FUNCTION CAPACITY 4096 HAS BEEN EXCEEDED FOR THIS SCOPE</li> </ul> <pre><code>Get-Variable Max*Count\n</code></pre> <pre><code>$Modules = Get-Module -ListAvailable\n$ListModules = foreach ($Module in $Modules) {\n    [PScustomObject] @{\n        Name          = $Module.Name\n        Version       = $Module.Version\n        FunctionCount = ($Module.ExportedFunctions).Count\n    }\n}\n$ListModules | Sort-Object -Property FunctionCount -Descending | Format-Table -AutoSize\n</code></pre>"},{"location":"powershell/graphsdk-ps/#azuread-module-migration","title":"AzureAD Module Migration","text":"<ul> <li>PSAzureMigrationAdvisor</li> <li>Challenges of PowerShell Scripting with Microsoft 365</li> </ul>"},{"location":"powershell/pnp-ps/","title":"PnP Powershell","text":""},{"location":"powershell/pnp-ps/#information","title":"Information","text":"<ul> <li>New version of PnP PowerShell \u2013 v2.1.1</li> <li>Updating from PnP PowerShell 1.x to 2.x</li> </ul>"},{"location":"powershell/pnp-ps/#references","title":"References","text":"<ul> <li>Documentation</li> <li>Script Samples</li> <li>Script Samples - matrix</li> </ul>"},{"location":"powershell/pnp-ps/#security-authentication","title":"Security / Authentication","text":"<ul> <li>PnP PowerShell - Consent and Authentication</li> <li>Learn How Authentication Works in the latest PnP.PowerShell Module</li> <li>PnP PowerShell \u2013 take control of the service principal permissions</li> <li>Using Managed Identity with PnP PowerShell instead of SharePoint App-Only Principal</li> </ul>"},{"location":"powershell/pnp-ps/#tools-plugin","title":"Tools / Plugin","text":"<ul> <li>PnP.PowerShell.Predictor</li> </ul>"},{"location":"powershell/pnp-ps/#login-with-an-application-admin","title":"Login with an Application admin","text":"<p>-The required Office 365 role to run PnP Powershell with Scopes</p>"},{"location":"powershell/pnp-ps/#installation-options","title":"Installation Options","text":"<ul> <li>Running multiple versions of PnP-PowerShell</li> <li>Manage SharePoint &amp; Microsoft Teams on PowerShell Core using the PnP.PowerShell module</li> <li>Making the move from SharePointPnPPowerShellOnline to PnP.PowerShell</li> </ul>"},{"location":"powershell/pnp-ps/#documentation","title":"Documentation","text":"<ul> <li>sharepoint-pnp-cmdlets</li> </ul>"},{"location":"powershell/pnp-ps/#specific-version","title":"Specific Version","text":"<ul> <li>Import a specific module from the installed SharePoint PnP PowerShell modules (2013, 2016, 2019 &amp; Online)</li> <li>Run PnP PowerShell with saved module</li> </ul>"},{"location":"powershell/pnp-ps/#latest-version","title":"Latest Version","text":"<ul> <li>Latest Release Version</li> <li>Change Log</li> </ul>"},{"location":"powershell/pnp-ps/#check","title":"Check","text":"<pre><code>Get-InstalledModule | foreach { $b = (find-module $_.name).version ; if ($b -ne $_.version) { Write-host \"$($_.name) has an update from $($_.version) to $b\" } }\n</code></pre> <pre><code>Get-Module SharePointPnPPowerShell* -ListAvailable | Select-Object Name,Version | Sort-Object Version -Descending\n</code></pre>"},{"location":"powershell/pnp-ps/#update-module-to-the-latest-version","title":"Update Module to the latest version","text":"<pre><code>Update-Module SharePointPnPPowerShell*\n</code></pre>"},{"location":"powershell/pnp-ps/#delete-the-old-version","title":"Delete the old version","text":"<pre><code>Get-InstalledModule -Name \"SharePointPnPPowerShellOnline\" -RequiredVersion 3.8.1904.0 | Uninstall-Module\n</code></pre>"},{"location":"powershell/pnp-ps/#install-a-specific-version","title":"Install a specific version","text":"<pre><code>Install-Module -Name SharePointPnPPowerShellOnline -RequiredVersion 3.0.1808.1\n</code></pre>"},{"location":"powershell/pnp-ps/#connect-with-app-permission","title":"Connect with App Permission","text":"<ul> <li>Introduction to Initialize-PnPPowerShellAuthentication cmdlet</li> </ul> <pre><code>Initialize-PnPPowerShellAuthentication -ApplicationName DemoApp -Tenant tenant.onmicrosoft.com -Store CurrentUser\n\n$url = \"https://tenant.sharepoint.com\"\n$clientid = \"&lt;placeholder&gt;\"\n$thumbprint = \"&lt;placeholder&gt;\"\n$tenant = 'tenant.onmicrosoft.com'\n\nConnect-PnPOnline -Url $url -ClientId $clientid -Thumbprint $thumbprint -Tenant $tenant\n</code></pre> <pre><code># Load PNP the Right Way\n$pnp = Get-Command Connect-Stuff -ErrorAction SilentlyContinue\nif (!$pnp) {Install-Module SharePointPnPPowerShellOnline -Force}\nImport-Module SharePointPnPPowerShellOnline\n</code></pre>"},{"location":"powershell/pnp-ps/#list-all-commands","title":"List all commands","text":"<pre><code>Get-Command | ? { $_.ModuleName -eq \"SharePointPnPPowerShellOnline\" }\n</code></pre>"},{"location":"powershell/pnp-ps/#create-guid","title":"Create Guid","text":"<pre><code>[guid]::NewGuid() | Select-Object -ExpandProperty Guid | clip\n</code></pre>"},{"location":"powershell/pnp-ps/#delete-all-listitems","title":"Delete all listitems","text":"<pre><code>Get-PnPList -Identity Lists/MyList | Get-PnPListItem -PageSize 100 -ScriptBlock { Param($items) \n$items.Context.ExecuteQuery() } | % {$_.DeleteObject()}\n</code></pre>"},{"location":"powershell/pnp-ps/#upload-documents","title":"Upload Documents","text":"<ul> <li>https://gallery.technet.microsoft.com/office/Upload-Multiple-Documents-4c4aa989</li> </ul> <pre><code>function UploadDocuments(){\nParam(\n        [ValidateScript({If(Test-Path $_){$true}else{Throw \"Invalid path given: $_\"}})] \n        $LocalFolderLocation,\n        [String] \n        $siteUrl,\n        [String]\n        $documentLibraryName\n)\nProcess{\n        $path = $LocalFolderLocation.TrimEnd('\\')\n\n        Write-Host \"Provided Site :\"$siteUrl -ForegroundColor Green\n        Write-Host \"Provided Path :\"$path -ForegroundColor Green\n        Write-Host \"Provided Document Library name :\"$documentLibraryName -ForegroundColor Green\n\n          try{\n                $credentials = Get-Credential\n\n                Connect-PnPOnline -Url $siteUrl -CreateDrive -Credentials $credentials\n\n                $file = Get-ChildItem -Path $LocalFolderLocation -Recurse\n                $i = 0;\n                Write-Host \"Uploading documents to Site..\" -ForegroundColor Cyan\n                (dir $path -Recurse) | %{\n                    try{\n                        $i++\n                        if($_.GetType().Name -eq \"FileInfo\"){\n                          $SPFolderName =  $documentLibraryName + $_.DirectoryName.Substring($path.Length);\n                          $status = \"Uploading Files :'\" + $_.Name + \"' to Location :\" + $SPFolderName\n                          Write-Progress -activity \"Uploading Documents..\" -status $status -PercentComplete (($i / $file.length)  * 100)\n                          $te = Add-PnPFile -Path $_.FullName -Folder $SPFolderName\n                         }          \n                        }\n                    catch{\n                    }\n                 }\n            }\n            catch{\n             Write-Host $_.Exception.Message -ForegroundColor Red\n            }\n\n  }\n}\n\n\n#UploadDocuments -LocalFolderLocation {Local Folder Location} -siteUrl {Site collection URL} -documentLibraryName {Document Library Name}\n</code></pre>"},{"location":"powershell/pnp-ps/#site-classification","title":"Site Classification","text":"<ul> <li>https://www.jijitechnologies.com/blogs/site-classification-using-pnp-powershell</li> </ul> <pre><code>Connect-PnPOnline -Scopes \"Directory.ReadWrite.All\"\n</code></pre> <pre><code>Enable-PnPSiteClassification -Classifications \"HBI\",\"LBI\",\"Top Secret\" -UsageGuidelinesUrl ```\n\"http://aka.ms/sppnp\" -DefaultClassification \"HBI\"\n</code></pre> <pre><code>Add-PnPSiteClassification -Classifications \"SBI\",\"MBI\"\n</code></pre> <pre><code>Remove-PnPSiteClassification -Classifications \"SBI\"\n</code></pre> <pre><code>Update-PnPSiteClassification -Classifications \"HBI\",\"LBI\",\"Top Secret\" -UsageGuidelinesUrl http://aka.ms/sppnp\" -DefaultClassification \"HBI\"\n</code></pre> <pre><code>Disable-PnPSiteClassification\n</code></pre>"},{"location":"powershell/pnp-ps/#tips","title":"Tips","text":"<ul> <li>Add QuickLinks with powershell-pnp</li> </ul>"},{"location":"powershell/pnp-ps/#documents-list","title":"Documents List","text":"<ul> <li>Change the New Menu in SharePoint Online Documents List</li> </ul>"},{"location":"powershell/pnp-ps/#list-properties","title":"List Properties","text":"<ul> <li>Finding Missing Properties in PnP PowerShell</li> </ul> <pre><code>Connect-PnPOnline -Url https://toddklindt.sharepoint.com/sites/8884aced -Credentials Me\nGet-PnPView -List Documents\nGet-PnPView -List Documents -Identity 3c4126aa-d2fe-4b57-9a70-e03ebb9c76ef\n$view = Get-PnPView -List Documents -Identity 3c4126aa-d2fe-4b57-9a70-e03ebb9c76ef\n$view\n$view | select *\n$view.ViewQuery\nGet-PnPProperty -ClientObject $view -Property ViewQuery\n$view.ViewQuery\n$view\n$view | select *\n</code></pre>"},{"location":"powershell/pnp-ps/#fields","title":"Fields","text":"<ul> <li>How to: Provision Lookup Columns and Projected Fields using PnP PowerShell</li> <li>PnPPowerShellLookupColumns</li> <li>Add-PNPField: Add SharePoint columns with PowerShell</li> </ul>"},{"location":"powershell/pnp-ps/#copy-list","title":"Copy-List","text":"<ul> <li>Copy a SharePoint list with PnP PowerShell</li> </ul>"},{"location":"powershell/powerapps/","title":"Teams Powershell","text":"<ul> <li>PowerShell support for Power Apps</li> <li>PowerShell Cmdlets for PowerApps and Flow creators and administrators</li> </ul>"},{"location":"powershell/powerapps/#check-version","title":"Check Version","text":"<p>Latest Version</p> <ul> <li>History - Microsoft.PowerApps.Administration.PowerShell</li> </ul> <pre><code>Get-Module Microsoft.PowerApps* -ListAvailable | Select-Object Name,Version | Sort-Object Version -Descending\n</code></pre>"},{"location":"powershell/powerapps/#update-module-to-latest-version","title":"Update Module to latest version","text":"<pre><code>Update-Module Microsoft.PowerApps*\n</code></pre>"},{"location":"powershell/powerapps/#delete-old-version","title":"Delete old version","text":"<pre><code># Admin\nGet-InstalledModule -Name \"Microsoft.PowerApps.Administration.PowerShell\" -RequiredVersion 2.0.56 | Uninstall-Module\n\n## Maker\nGet-InstalledModule -Name \"Microsoft.PowerApps.PowerShell\" -RequiredVersion 1.0.9 | Uninstall-Module\n</code></pre>"},{"location":"powershell/powerapps/#connect","title":"Connect","text":"<pre><code>Add-PowerAppsAccount\n</code></pre>"},{"location":"powershell/powerapps/#disconnect","title":"Disconnect","text":""},{"location":"powershell/powershell/","title":"Links","text":""},{"location":"powershell/powershell/#profile","title":"Profile","text":"<pre><code>code $PROFILE\n</code></pre> <pre><code>Import-Module -Name CLI.Microsoft365.PowerShell.Predictor\nImport-Module posh-git\nImport-Module -Name Terminal-Icons\noh-my-posh init pwsh --config \"$env:POSH_THEMES_PATH/jandedobbeleer.omp.json\" | Invoke-Expression\n</code></pre> <ul> <li>My Ultimate PowerShell prompt with Oh My Posh and the Windows Terminal</li> <li>Sanselman - PowerShell_profile</li> </ul>"},{"location":"powershell/powershell/#resources","title":"Resources","text":"<ul> <li>Windows PowerShell</li> <li>The PowerShell Gallery</li> <li>janikvonrotz-awesome-powershell</li> <li>How to: SnipScripts</li> <li>Andres Bohren - PowerShellScripts</li> <li>Report on Microsoft 365</li> <li>Office 365 for IT Pros PowerShell examples</li> <li>admindroid-community</li> </ul>"},{"location":"powershell/powershell/#syntax","title":"Syntax","text":"<ul> <li>Powershell Best Practices</li> <li>About Preference Variables</li> <li>powershell basic cheat sheet</li> <li>powershell-ref</li> <li>PowerShell Cheat Sheet</li> <li>awesome-powershell</li> <li>Highway to PowerShell - Ep 1</li> <li>PowerShellGeek Quickreference</li> </ul> <pre><code>Get-Command -Name Get-PnPSite -Syntax\n</code></pre>"},{"location":"powershell/powershell/#hashtable","title":"Hashtable","text":"<ul> <li>Everything you wanted to know about hashtables</li> </ul>"},{"location":"powershell/powershell/#coding-tips","title":"Coding Tips","text":"<ul> <li>Backticks vs. Splatting vs. Class Objects</li> <li>10 suggestions to improve your next PowerShell script</li> <li>PowerShell Tips &amp; Tricks / jdhitsolutions</li> </ul>"},{"location":"powershell/powershell/#testing-tips","title":"Testing Tips","text":"<ul> <li>Performing Static Code Analysis on PowerShell Module and Scripts</li> </ul>"},{"location":"powershell/powershell/#performance-tips","title":"Performance Tips","text":"<ul> <li>PowerShell performance tips</li> </ul>"},{"location":"powershell/powershell/#vscode-settings","title":"VS.Code Settings","text":"<ul> <li>How To Make Visual Studio Code Look And Behave Like The PowerShell ISE</li> </ul>"},{"location":"powershell/powershell/#blogs","title":"Blogs","text":"<ul> <li>mikefrobbins</li> </ul>"},{"location":"powershell/powershell/#office-365-groups","title":"Office 365 Groups","text":"<ul> <li>Adding a New Office 365 Group to an Existing (Classic) SharePoint Online Site</li> <li>Useful PowerShell cmdlets to administer Office 365 Groups</li> <li>MY MOST USED POWERSHELL SCRIPTS FOR MANAGING SHAREPOINT ONLINE</li> <li>Undocumented Features</li> </ul>"},{"location":"powershell/powershell/#sharepoint-2016","title":"SharePoint 2016","text":"<ul> <li>https://github.com/harbars/PnP-Tools/tree/master/Scripts</li> <li>https://github.com/harbars/SPAT16</li> </ul>"},{"location":"powershell/powershell/#modules","title":"Modules","text":"<ul> <li>http://bobmixon.com/2018/06/powershell-and-sharepoint-modules-part-1/</li> <li>https://github.com/mikefrobbins/Plaster/tree/master/Template</li> </ul> <pre><code>$env:PSModulePath\n(Get-Module -ListAvailable Pnp.*).path\n\nGet-InstalledModule | select name, version\n</code></pre>"},{"location":"powershell/powershell/#slides","title":"Slides","text":"<ul> <li>Code &amp; Slides from my Presentations</li> </ul>"},{"location":"powershell/powershell/#azuread","title":"AzureAD","text":"<ul> <li>The PowerShell Gallery- Overview</li> <li>Powershellgallery - Module - AzureAD</li> <li>Get Azure AD audit and sign-in Logs using PowerShell and AzureADPreview module</li> <li>How to Upgrade Office 365 PowerShell Scripts to Use the Graph API</li> </ul> <pre><code>Install-Module -Name AzureAD\n</code></pre>"},{"location":"powershell/powershell/#loaded-modules","title":"Loaded Modules","text":"<ul> <li>How to list all of the assemblies loaded in a PowerShell session?</li> </ul> <pre><code>[System.AppDomain]::CurrentDomain.GetAssemblies() | Where-Object Location | Sort-Object -Property FullName | Select-Object -Property FullName, Location, GlobalAssemblyCache, IsFullyTrusted | Out-GridView\n</code></pre>"},{"location":"powershell/spo-ps/","title":"SPO Powershell","text":"<ul> <li>SPO Index</li> <li>Getting started with SharePoint Online Management Shell</li> </ul>"},{"location":"powershell/spo-ps/#check-version","title":"Check Version","text":"<p>Latest Version - https://www.powershellgallery.com/packages/Microsoft.Online.SharePoint.PowerShell/16.0.8119.0</p> <pre><code>Get-Module Microsoft.Online.SharePoint.PowerShell* -ListAvailable | Select-Object Name,Version | Sort-Object Version -Descending\n</code></pre> <ul> <li>Download</li> </ul>"},{"location":"powershell/spo-ps/#update-module-to-the-latest-version","title":"Update Module to the latest version","text":"<pre><code>Update-Module Microsoft.Online.SharePoint.PowerShell\n</code></pre>"},{"location":"powershell/spo-ps/#delete-the-old-version","title":"Delete the old version","text":"<pre><code>Get-InstalledModule -Name \"Microsoft.Online.SharePoint.PowerShell\" -RequiredVersion 16.0.8119.0 | Uninstall-Module\n</code></pre>"},{"location":"powershell/spo-ps/#check-different-file-version","title":"Check Different File Version","text":"<ul> <li>The term \u2018Connect-SPOService\u2019 is not recognized</li> </ul> <pre><code>Get-ChildItem -Path 'C:\\Program Files\\WindowsPowerShell\\Modules\\Microsoft.Online.SharePoint.PowerShell\\*Microsoft.SharePoint*.dll' -Recurse | ft Name,@{Label=\"Version\";Expression={$_.VersionInfo.FileVersion}} -AutoSize\n\n# Search in GAC_MSIL\nGet-ChildItem -Path C:\\Windows\\Microsoft.NET\\assembly\\GAC_MSIL\\*Microsoft.SharePoint*.dll -Recurse | ft Name,@{Label=\"Version\";Expression={$_.VersionInfo.FileVersion}} -AutoSize\n</code></pre>"},{"location":"powershell/spo-ps/#credential-manager","title":"Credential Manager","text":"<ul> <li>How-to-use-the-Windows-Credential-Manager-to-ease-authentication-with-PnP-PowerShell</li> </ul>"},{"location":"powershell/spo-ps/#connect","title":"Connect","text":"<ul> <li>connecting-to-all-office-365-services-with-powershell-and-multi-factor-authentication</li> <li>Connect to Office 365/Exchange Services Functions</li> </ul> <pre><code>Connect-SPOService https://devro-admin.sharepoint.com -Credential admin@devro.onmicrosoft.com\n</code></pre>"},{"location":"powershell/spo-ps/#disconnect","title":"Disconnect","text":"<pre><code>Disconnect-SPOService\n</code></pre>"},{"location":"powershell/spo-ps/#uls-correlation-id","title":"ULS-Correlation ID","text":"<pre><code>get-splogevent -starttime (get-date).addminutes(-20) | where-object { $_.correlation -eq \"e434f79b-68bb-40d2-0000-03a47eae1bf9\" } | fl message &gt; c:\\errors1.txt\n</code></pre>"},{"location":"powershell/spo-ps/#security","title":"Security","text":"<ul> <li>SPO Authentication in Powershell for CSOM when Legacy Authentication is disabled for tenant or Multi Factor Authentication is enabled for user</li> <li>sharepoint-framework-and-microsoft-graph-access-%E2%80%93-convenient-but-be-very-careful</li> </ul> <pre><code>get-sposite | ?{$_.DenyAddAndCustomizePages -eq 'Disabled'}\n ```\n\n## Ressources\n\n- [resources-to-learn-powershell-for-office-365](https://absolute-sharepoint.com/2018/03/resources-to-learn-powershell-for-office-365.html)\n\n## Tenant Configuration\n\n### Remove Feedback Button\n\n```Powershell\nSet-SPOTenant -UserVoiceForFeedbackEnabled:$false\n</code></pre>"},{"location":"powershell/teams/","title":"Teams Powershell","text":"<ul> <li>PowerShell Reference for Office Products</li> </ul>"},{"location":"powershell/teams/#check-version","title":"Check Version","text":"<p>Latest Version</p> <ul> <li>https://www.powershellgallery.com/packages/MicrosoftTeams/0.9.6</li> </ul> <pre><code>Get-Module MicrosoftTeams* -ListAvailable | Select-Object Name,Version | Sort-Object Version -Descending\n</code></pre>"},{"location":"powershell/teams/#update-module-to-latest-version","title":"Update Module to latest version","text":"<pre><code>Update-Module MicrosoftTeams\n</code></pre>"},{"location":"powershell/teams/#delete-old-version","title":"Delete old version","text":"<pre><code>Get-InstalledModule -Name \"MicrosoftTeams\" -RequiredVersion 0.9.0 | Uninstall-Module\n</code></pre>"},{"location":"powershell/teams/#connect","title":"Connect","text":"<ul> <li>https://docs.microsoft.com/en-us/powershell/module/teams/connect-microsoftteams?view=teams-ps</li> </ul>"},{"location":"powershell/teams/#disconnect","title":"Disconnect","text":"<ul> <li>https://docs.microsoft.com/en-us/powershell/module/teams/disconnect-microsoftteams?view=teams-ps</li> </ul>"},{"location":"powershell/teams/#teamsmanagment","title":"Teamsmanagment","text":"<ul> <li>Managing Teams \u2013 Movers and Leavers</li> <li>TeamsManagement Powershell</li> <li>Replace the membership of a user in a Microsoft Group or Microsoft Team</li> <li>Managing Microsoft Teams using the Microsoft Graph PowerShell</li> </ul>"},{"location":"rezepte/kochtips/","title":"Kochtips","text":""},{"location":"rezepte/kochtips/#salzkartoffel","title":"Salzkartoffel","text":"<ul> <li>Grundrezept: Salzkartoffeln</li> </ul>"},{"location":"rezepte/kochtips/#salate","title":"Salate","text":"<ul> <li>Schwarze Linesen mit Zitonen</li> </ul>"},{"location":"security/learning/","title":"Security","text":""},{"location":"security/learning/#check-pw","title":"Check PW","text":"<ul> <li>NCSC Check Tool</li> <li>haveibeenpwned</li> <li>Is someone spying on you?</li> </ul>"},{"location":"security/learning/#training","title":"Training","text":"<ul> <li>Resources for Microsoft Security Exams</li> <li>Microsoft Security Ninja Training</li> </ul>"},{"location":"security/learning/#azure","title":"Azure","text":"<ul> <li>Azure Quick Review</li> </ul>"},{"location":"security/learning/#azure-ad-breached","title":"Azure AD breached","text":"<ul> <li>My Azure AD has been breached! What now?</li> <li>DCToolbox PowerShell Module for Microsoft 365 Security, Conditional Access Automation, and more</li> </ul>"},{"location":"security/learning/#azure-sentinel","title":"Azure Sentinel","text":"<ul> <li>Monitor Office 365 Logs from Azure Sentinel</li> </ul>"},{"location":"security/learning/#resources","title":"Resources","text":"<ul> <li>OWASP\u2122 Foundation</li> <li>danielmiessler - Web Application Security Testing Resources</li> <li>Hacking-Security-Ebooks</li> <li>PEN-200 The official OSCP certification course</li> <li>MITRE ATT&amp;CK\u00ae globally-accessible knowledge base</li> </ul>"},{"location":"security/learning/#checklist","title":"Checklist","text":"<ul> <li>OWASP Testing Checklist</li> <li>Security KB Issues - portswigger.net</li> </ul>"},{"location":"security/learning/#tools","title":"Tools","text":"<ul> <li>Wireshark</li> <li>Website security check</li> <li>Advanced Web Security Proxy</li> <li>OWASP Zed Attack Proxy (ZAP)</li> <li>Burp</li> <li>RSA - Open Source Tools</li> <li>exploit-db.com</li> <li>Intro netstat</li> <li>Open Port Checking Tools in 2021</li> <li>Top 10 Vulnerability Scanning Tools in 2023</li> </ul>"},{"location":"security/learning/#firewall","title":"Firewall","text":"<ul> <li>Using PowerShell To Maintain Windows Firewall Rules For Remote Access</li> </ul>"},{"location":"security/learning/#sharepoint-onprem","title":"Sharepoint OnPrem","text":"<ul> <li>Penetration Testing SharePoint</li> </ul>"},{"location":"security/learning/#sharepoint-online","title":"SharePoint Online","text":"<ul> <li>Managing SharePoint Online Security: A Team Effort</li> <li>Managing External Guests in SharePoint vs Teams</li> </ul>"},{"location":"security/learning/#office-365-azuread","title":"Office 365 / AzureAD","text":"<ul> <li>Basic Security Set Up for Microsoft 365</li> <li>Office 365 Security overview</li> <li>Use tenant restrictions to manage access to SaaS cloud applications</li> <li>Detect and Remediate Illicit Consent Grants</li> <li>Preventing M365 app bypass MFA</li> <li>Fast and Free Incident Response Tools in Microsoft 365</li> <li>How to Discover New Audit Events in the Office 365 Audit Log (Including App Consents)</li> <li>Consent Grant Attack</li> <li>Azure AD - Attack and Defense Playbook</li> <li>SimuLand</li> <li>Azure AD access reviews</li> </ul>"},{"location":"security/learning/#file","title":"File","text":"<ul> <li>6 locations where you can set security for files in SharePoint and Office 365</li> </ul>"},{"location":"security/learning/#spfx-tooling","title":"SPFx Tooling","text":"<ul> <li>Security Scanning a SharePoint Framework Solution</li> <li>Is JavaScript Safe for SharePoint</li> </ul>"},{"location":"security/learning/#lockfiles","title":"Lockfiles","text":"<ul> <li>Why npm lockfiles can be a security blindspot for injecting malicious modules</li> </ul>"},{"location":"security/learning/#block-websites","title":"Block websites","text":"<ul> <li>How to Block a Single Website and more</li> </ul>"},{"location":"security/learning/#cookies","title":"Cookies","text":"<ul> <li>SameSite cookies explained</li> </ul>"},{"location":"security/learning/#blogger-and-sites","title":"Blogger and Sites","text":"<ul> <li>https://splintercod3.blogspot.com/</li> <li>swisscybersecurity.net</li> </ul>"},{"location":"spfx/ace/","title":"ACE","text":""},{"location":"spfx/ace/#github-samples","title":"Github Samples","text":"<ul> <li>PnP: sp-dev-fx-aces</li> <li>PiaSys: Conferences-Samples</li> <li>PnP: spfx-reference-scenarios</li> </ul>"},{"location":"spfx/adaptive-cards/","title":"Adaptive Cards","text":""},{"location":"spfx/adaptive-cards/#reference","title":"Reference","text":"<ul> <li>adaptivecards.io </li> <li>Get started with Adaptive Cards</li> <li>Actionable Message Designer</li> </ul>"},{"location":"spfx/adaptive-cards/#samples","title":"Samples","text":"<ul> <li>Teamify with Adaptive Cards and Microsoft Flow</li> <li>Using MS Graph API and Adaptive Cards for Search/Render User Details with SPFx solutions | nakkeerann/navspfxsoln</li> </ul>"},{"location":"spfx/adaptive-cards/#community-demo","title":"Community Demo","text":"<ul> <li>Community Demo - Image Gallery Web Part Built with Adaptive Cards</li> <li>SharePoint Control to Render Adaptive Cards</li> <li>Episode #134 - Working with Adaptive Cards in SharePoint Framework</li> </ul>"},{"location":"spfx/adaptive-cards/#images","title":"Images","text":"<ul> <li>Display images in Adaptive Cards</li> </ul>"},{"location":"spfx/ai/","title":"AI","text":"<ul> <li>AI Intro for DEV</li> </ul>"},{"location":"spfx/ai/#azure-openai-service","title":"Azure OpenAI Service","text":"<ul> <li>Azure OpenAI Service products</li> <li>Azure OpenAI Service Documentation</li> <li>ChatGPT + Enterprise data with Azure OpenAI and Cognitive Search</li> </ul>"},{"location":"spfx/ai/#gpt-prompts","title":"GPT Prompts","text":"<ul> <li>Awesome ChatGPT Prompts</li> <li>Power Platform GPT Prompts</li> <li>How generative language models work</li> <li>Prompt engineering cheatsheet (for JavaScript developers)upate</li> </ul>"},{"location":"spfx/ai/#samples","title":"Samples","text":"<ul> <li>openai-samples</li> <li>M365AIMate - Microsoft Graph and .NET</li> <li>Intelligent Kiosk Sample</li> </ul>"},{"location":"spfx/ai/#learning","title":"Learning","text":"<ul> <li>30 Days Of Azure AI Roadmap</li> <li>Prompt Engineering Guide</li> </ul>"},{"location":"spfx/ai/#semantic-kernel","title":"Semantic Kernel","text":"<ul> <li>Introducing Semantic Kernel: Building AI-Based Apps</li> <li>Hello, Semantic Kernel!</li> </ul>"},{"location":"spfx/ai/#text-analyse","title":"Text Analyse","text":"<ul> <li>Sentiment of comments given on a SharePoint page</li> </ul>"},{"location":"spfx/ai/#frameworks","title":"Frameworks","text":"<ul> <li>mendable.ai</li> <li>langchain.js</li> <li>LlamaIndex</li> </ul>"},{"location":"spfx/ai/#monitor-azure-openai-service","title":"Monitor Azure OpenAI Service","text":"<ul> <li>manage costs azure openai chatgpt</li> </ul>"},{"location":"spfx/architecture/","title":"Architecture","text":"<ul> <li>Microsoft cloud IT architecture resources</li> <li>Azure Architecture Center</li> <li>Common Solution Architecture Requirement Descriptions you can use</li> <li>Microsoft 365 Application Architecture Patterns</li> </ul>"},{"location":"spfx/architecture/#checklist-solution","title":"Checklist Solution","text":"<ul> <li>Question / Checklist SPFx Solution</li> <li>SharePoint Framework \u2013 new project checklist</li> <li>https://rencore.com/software/tools/sharepoint-customizations-guide/</li> </ul>"},{"location":"spfx/architecture/#user-settings","title":"User Settings","text":"<ul> <li>The easiest way to store user settings of your Microsoft 365 app</li> </ul>"},{"location":"spfx/architecture/#build-applications","title":"Build applications","text":"<ul> <li>Build applications on the Microsoft Cloud</li> </ul>"},{"location":"spfx/architecture/#template-and-icons","title":"Template and Icons","text":"<ul> <li>Microsoft 365 architecture templates and icons</li> </ul>"},{"location":"spfx/azure/","title":"Azure","text":"<ul> <li>Azure documentation</li> <li>Azure Active Directory fundamentals documentation</li> </ul>"},{"location":"spfx/azure/#azure-account-identity-services","title":"Azure Account / Identity services","text":"<ul> <li>Introduction to tokens</li> <li>What's the difference between a personal Microsoft account and a work or school account?</li> </ul>"},{"location":"spfx/azure/#administration-with-azure-cli","title":"Administration with Azure-CLI","text":"<ul> <li>The Azure Command-Line Interface (CLI)</li> </ul>"},{"location":"spfx/azure/#bicep","title":"Bicep","text":"<ul> <li>How to get started with deploying Azure resources with Bicep</li> </ul>"},{"location":"spfx/azure/#granting-access-using-sharepoint-app-only","title":"Granting access using SharePoint App-Only","text":"<ul> <li>Setting up an app-only principal with tenant permissions</li> </ul>"},{"location":"spfx/azure/#keyvault","title":"KeyVault","text":"<ul> <li>Use Azure KeyVault Secrets when accessing Microsoft Graph</li> <li>Handle certificates with Azure KeyVault when accessing SharePoint Online</li> <li>Using Azure KeyVault to Secure Graph API Automation Scripts</li> </ul>"},{"location":"spfx/azure/#azure-managed-identities","title":"Azure Managed Identities","text":"<ul> <li>Managed Identities With Azure Container Apps</li> <li>Authentication in Azure Automation with Managed Identity on SharePoint and Microsoft Graph</li> <li>Using Managed Identities to Connect to Microsoft 365 &amp; Azure</li> </ul>"},{"location":"spfx/azure/#azure-logic-app","title":"Azure Logic App","text":"<ul> <li>How to transition from Power Automate to Logic Apps</li> <li>Choose the right integration and automation services in Azure</li> <li>Export flows from Power Automate and deploy to Azure Logic Apps</li> <li>The friendly SMS reminder with Logic Apps, Azure Functions + Key Vault</li> <li>Estimate storage costs for workflows in single-tenant Azure Logic Apps</li> <li>Get notified of changes in your tenant with Microsoft Graph, Azure Event Hubs and Logic Apps</li> </ul>"},{"location":"spfx/azure/#azure-automation","title":"Azure-Automation","text":"<ul> <li>SharePoint Online PnP PowerShell Provisioning using Flow and Azure Automation</li> <li>Using Azure Automation for Modern SharePoint Site Provisioning</li> <li>Fun with Azure Automation and Table Service REST API</li> <li>Build your PnP Site Provisioning with PowerShell in Azure Functions and run it from Flow</li> <li>PROVISIONING TEAMS WITH A SITE DESIGN, FLOW AND MICROSOFT GRAPH</li> <li>https://blog.yannickreekmans.be/automate-governance-in-microsoft-teams-the-result/</li> <li>Provision Microsoft Teams with Azure Automation \u2013 Part I</li> <li>Provision Microsoft Teams with Azure Automation \u2013 Part II</li> <li>Community Demo - Using Azure automation for provisioning of your SharePoint and Teams structures</li> <li>From start to finish: How to create your modern SharePoint site provisioning solution - BRK3273</li> <li>BUILDING A MODERN FLAT PROJECT HUB USING SITE DESIGNS</li> <li>office365-azureautomation</li> <li>office365-azureautomation-runbooks</li> <li>Azure automation tips &amp; tricks</li> <li>Azure automation limits</li> <li>Working with Microsoft Teams PowerShell in Azure Automation</li> </ul>"},{"location":"spfx/azure/#azure-automation-teams-powershell","title":"Azure Automation Teams Powershell","text":"<ul> <li>Working with Microsoft Teams PowerShell in Azure Automation</li> </ul>"},{"location":"spfx/azure/#azure-functions","title":"Azure-Functions","text":"<ul> <li>AUTO-CONFIGURING SHAREPOINT SITES WITH SITE TEMPLATES \u2014 THE SETUP FROM START TO FINISH</li> <li>HOW TO USE PNP POWERSHELL ON AZURE FUNCTIONS WITH APPLICATION PERMISSIONS</li> <li>An Azure Function to keep other Functions/URLs warmed up</li> <li>3 ways to create and debug Azure Functions \u2013 CLI VS Code &amp; Visual Studio</li> <li>Putting some more FUN into Azure Functions, Managed Identity &amp; Microsoft Graph</li> <li>SharePoint PDF Merge Function</li> <li>Running .NET Function Apps or App Services accessing Microsoft 365</li> </ul>"},{"location":"spfx/azure/#app-register","title":"App Register","text":"<ul> <li>Running a PowerShell script in the cloud with an Azure Function, PnP and the Graph</li> <li>Control Office 365 Group creation \u2013 a simple no-code solution</li> </ul>"},{"location":"spfx/azure/#azure-services","title":"Azure Services","text":"<ul> <li>Get the Azure Quick Start Guide for .NET Developers</li> <li>10 Azure Cloud services that every Developers, Consultant, and Architects should Know and Learn it well \u2013 Part I</li> <li>10 Azure services that every .NET Developers, Consultant, and Architects should know and learn it well \u2013 Part II</li> </ul>"},{"location":"spfx/azure/#azure-log-analytics","title":"Azure Log Analytics","text":"<ul> <li>Azure Log Analytics</li> </ul>"},{"location":"spfx/azure/#tips","title":"Tips","text":"<ul> <li>Azure Readiness Checklist</li> </ul>"},{"location":"spfx/azure/#token","title":"Token","text":"<ul> <li>Introduction to tokens</li> </ul>"},{"location":"spfx/azure/#manage-group-settings","title":"Manage Group Settings","text":"<ul> <li>https://support.office.com/en-us/article/manage-who-can-create-office-365-groups-4c46c8cb-17d0-44b5-9776-005fced8e618</li> <li>https://docs.microsoft.com/en-us/azure/active-directory/active-directory-accessmanagement-groups-settings-cmdlets</li> <li>How to grant all employees access to a SharePoint site via Everyone except external users Group</li> <li>How to grant the Everyone claim to external users in Office 365</li> <li>Dynamische Gruppen klingen super!</li> </ul>"},{"location":"spfx/azure/#naming-policy","title":"Naming Policy","text":"<ul> <li>https://drewmadelung.com/category/office-365/groups/</li> </ul>"},{"location":"spfx/azure/#permission-reference","title":"Permission Reference","text":"<ul> <li>Connect to Azure AD-secured APIs in SharePoint Framework solutions</li> <li>Microsoft Graph permissions reference</li> <li>User_impersonation scope issue when working with SharePoint Framework API permissions</li> <li>Sites.Selected Permission using Azure AD App</li> <li>Running applications with limited SharePoint permissions - Resource Specific Consent (RSC)</li> </ul>"},{"location":"spfx/azure/#microsoft-identity-platform","title":"Microsoft identity platform","text":"<ul> <li>What is the Microsoft identity platform?</li> <li>OAuth 2.0 and OpenID Connect (OIDC) in the Microsoft identity platform</li> </ul>"},{"location":"spfx/azure/#security","title":"Security","text":"<ul> <li>Basic Security Set Up for Microsoft 365</li> <li>What is Conditional Access?</li> <li>Minimizing the Risk of Compromise</li> <li>Why Using App Secrets in Production is a Bad Idea</li> <li>Cloud Forensics using Hawk</li> </ul>"},{"location":"spfx/azure/#scripts","title":"Scripts","text":"<ul> <li>https://github.com/dmadelung/O365GroupsScripts/blob/master/DrewO365GroupsScripts%20-%20Azure%20AD%20Cmdlets</li> </ul>"},{"location":"spfx/azure/#remote-working","title":"Remote working","text":"<ul> <li>Practical guide to securing remote work using Microsoft 365 Business Premium</li> </ul>"},{"location":"spfx/azure/#office-365-management-activity-api-m365-audit-logs","title":"Office 365 Management Activity API (M365 Audit Logs)","text":"<ul> <li>Office 365 Management Activity API with Power Automate \u2013 Part One</li> <li>Search the audit log in the compliance center</li> <li>Detailed properties in the audit log</li> </ul>"},{"location":"spfx/azure/#azure-ad-cross-tenant-migration","title":"Azure AD Cross Tenant Migration","text":"<ul> <li>Getting started with Azure AD cross-tenant synchronization</li> </ul>"},{"location":"spfx/azure/#azure-ad-assessment-tools","title":"Azure AD Assessment Tools","text":"<ul> <li>Azure AD Assessment Guide</li> <li>Azure AD Exporter</li> <li>Microsoft Identity Tools PowerShell Module</li> <li>Identity Power Toys</li> <li>Microsoft Graph Permission Explorer</li> <li>Graph X-Ray</li> <li>Graph PowerShell Conversion Analyzer</li> </ul>"},{"location":"spfx/azure/#azure-storage","title":"Azure Storage","text":"<ul> <li>How to Transfer Files from Local system Folder to Azure Storage via SFTP</li> </ul>"},{"location":"spfx/backup/","title":"Backup","text":"<ul> <li>Introducing Microsoft 365 Backup and Microsoft 365 Archive</li> <li>office365itpros: Microsoft 365 Backup for SharePoint Online and Exchange Online</li> <li>office365itpros: Microsoft Briefs Partners about Microsoft 365 Backup and Microsoft 365 Archive Products</li> </ul>"},{"location":"spfx/blogger/","title":"Blogger","text":""},{"location":"spfx/blogger/#o365","title":"O365","text":"<ul> <li>patrickrodgers</li> <li>blog.josequinto.com</li> <li>tricky-sharepoint.blogspot.ch</li> <li>blog.arvosys.com</li> <li>techwithnakkeeran.com</li> <li>afrait.com</li> </ul>"},{"location":"spfx/blogger/#teams","title":"Teams","text":"<ul> <li>teams.handsontek.net</li> </ul>"},{"location":"spfx/blogger/#list-formatting","title":"List Formatting","text":"<ul> <li>sharepointhd.wordpress.com</li> </ul>"},{"location":"spfx/blogger/#onprem","title":"OnPrem","text":"<ul> <li>Stefan Go\u00dfner</li> </ul>"},{"location":"spfx/bot/","title":"BOT","text":"<ul> <li>building-a-microsoft-teams-bot</li> <li>Integrating Bot Framework v4 bots to SharePoint using SharePoint Framework</li> </ul>"},{"location":"spfx/bot/#bot-framework-cognitive-service","title":"Bot Framework &amp; Cognitive Service","text":""},{"location":"spfx/bot/#ai","title":"AI","text":"<ul> <li>Microsoft Build 2019 updates on Conversational AI</li> <li>Ignite 2019 News on the Conversational AI Platform </li> </ul>"},{"location":"spfx/bot/#qna-makers","title":"QnA Makers","text":"<ul> <li>QnA Maker Lessons Learned + Limits Infographic</li> </ul>"},{"location":"spfx/bot/#bot-framework-composer","title":"Bot Framework Composer","text":"<ul> <li>Bot Framework Composer - Github</li> <li>Bot Framework Composer - Weather Bot</li> </ul>"},{"location":"spfx/bot/#samples","title":"Samples","text":"<ul> <li>Add AtBot to your SharePoint site using SPFx</li> <li>Github Source - AtBot Protype</li> <li>Microsoft Bot Framework Web Chat</li> <li>react-chat-widget</li> <li>spfx-react-bot-qna</li> <li>Search for your SharePoint content from a bot using the Bot Framework, OAuth2 and Node.js</li> <li>SPFx MSAL Bot Extension</li> <li>Bot Framework v4 SPFX Web Part Released</li> <li>react-bot-framework</li> </ul>"},{"location":"spfx/bot/#power-virtual-agent","title":"Power Virtual Agent","text":"<ul> <li>How to: create #nocode bots to teams super-easily in 5 minutes using Power Virtual Agents app in Teams</li> </ul>"},{"location":"spfx/bot/#patterns","title":"Patterns","text":"<ul> <li>Transition conversations from bot to human</li> <li>Create interactive conversational bots for Microsoft Teams</li> <li>Chatbot Human Handover with Microsoft Teams</li> </ul>"},{"location":"spfx/bot/#create-bot-in-teams","title":"Create Bot in Teams","text":"<ul> <li>Episode #108 - Creating a Teams Bot with Yo Team</li> <li>Chatbots in Microsoft-Teams | Erstellen Sie mit Power Virtual Agents</li> <li>Make a simple bot using Webhooks in Teams</li> <li>teams-webhook-weatherbot-sample</li> </ul>"},{"location":"spfx/branding/","title":"Branding","text":""},{"location":"spfx/branding/#overview","title":"Overview","text":"<ul> <li>Branding SharePoint - The New Normal</li> <li>SharePoint design principles</li> <li>SharePoint Look Book</li> </ul>"},{"location":"spfx/branding/#docs","title":"Docs","text":"<ul> <li>Designing great SharePoint experiences</li> <li>Customizing the \"modern\" experiences in SharePoint Online</li> </ul>"},{"location":"spfx/branding/#css","title":"CSS","text":"<ul> <li>Ignite 2016 - Customizing and Branding SharePoint Online Team Sites Demos</li> <li>SPTechCon2016-SanFrancisco</li> <li>Einf\u00fcgen von Bildern im RTE steuern</li> <li>How to use Bootstrap in SharePoint Framework projects</li> <li>SPFx WebParts responsive to Modern Page sections</li> <li>Prevent SCSS from changing your CSS class names</li> <li>Applying Multiple CSS Classes in SharePoint Framework</li> </ul>"},{"location":"spfx/branding/#designing-header","title":"Designing Header","text":"<ul> <li>Designing SharePoint sites with beautiful headers</li> <li>Designing SharePoint sites with beautiful headers</li> </ul>"},{"location":"spfx/businessobjects/","title":"Business-Objects","text":""},{"location":"spfx/businessobjects/#async","title":"Async","text":"<ul> <li>Understand promises before you start using async/await</li> <li>https://blog.josequinto.com/2017/05/19/why-do-we-should-use-custom-business-objects-models-in-pnp-js-core/</li> <li>https://github.com/jquintozamora/spfx-react-sp-pnp-js-property-decorators</li> <li>https://sharepoint.stackexchange.com/questions/221325/how-to-enable-async-wait-in-spfx-typescript-tslint-missing-semicolon-ts1005</li> </ul> <pre><code>private async loadScripts(): Promise&lt;void&gt; {\n    return new Promise&lt;void&gt;(async (resolve) =&gt; {\n        if(this._context) {\n            resolve();\n        }\n\n        const response =  this.loadScript(layoutsUrl + 'init.js', 'Sod');\n        resolve();\n    });\n  }\n</code></pre> <p>Load Data from SP-List Code</p> <pre><code>private async _loadList(): Promise&lt;void&gt; {\n    this.setState({\n        loading: true\n    });\n    let items = await pnp.sp.web.lists.getByTitle(\"Events\").items.select(\"Id\", \"Title\", \"SPFxDescription\", \"SPFxThumbnail\")\n        .orderBy(\"Modified\", false).get();\n    _items = items.map((item: IList, index: number) =&gt; {\n        return {\n        thumbnail: item.SPFxThumbnail != null ? item.SPFxThumbnail.Url : \"\",\n        key: item.Id,\n        name: item.Title,\n        description: item.SPFxDescription\n        }\n    });\n    this.setState({\n        sortedItems: _items,\n        columns: _buildColumns(),\n        loading: false,\n        newsFeedVisible: false\n    });\n    _lastQueryDate = moment();\n}\n</code></pre>"},{"location":"spfx/classic/","title":"Classic sites","text":"<ul> <li>https://rasper87.wordpress.com/2018/04/24/provision-spfx-web-parts-to-classic-sites-part-1-include-spfx-assets-package-inside-wsp/</li> </ul>"},{"location":"spfx/column-formating/","title":"Column Formating","text":""},{"location":"spfx/column-formating/#reference","title":"Reference","text":"<ul> <li>Use column formatting to customize SharePoint</li> <li>Special string values</li> <li>Getting started with SharePoint\u2019s custom column formatting (Part 1)</li> <li>Getting started with SharePoint's custom view formatting (Part 2)</li> <li>Links about List Formating</li> </ul>"},{"location":"spfx/column-formating/#tools","title":"Tools","text":"<ul> <li>HTML To Formatter</li> <li>What\u2019s new in Column Formatter 1.2</li> <li>SharePoint Online CSS Classes</li> <li>Microsoft-Lists-Hub</li> </ul>"},{"location":"spfx/column-formating/#ressources","title":"Ressources","text":"<ul> <li>http://www.sharepointing.co.uk/2017/11/10/customise-sharepoint-online-columns-using-json</li> <li>http://warner.digital/columnformattingintroduction</li> <li>http://warner.digital/sharepointcolumnformattinggettingstartedpart1/</li> <li>http://warner.digital/sharepointcolumnformattinggettingstartedpart2/</li> <li>http://warner.digital/sharepointcolumnformattinggettingstartedpart3/</li> </ul>"},{"location":"spfx/column-formating/#samples","title":"Samples","text":"<ul> <li>PnP SharePoint List Formatting Samples</li> <li>Show Holidays/Events, with no of days to go using ListView Formatting</li> </ul>"},{"location":"spfx/column-formating/#add-scripts-for-formating","title":"Add Scripts for formating","text":"<ul> <li>SharePoint List Formatting Tabs</li> </ul>"},{"location":"spfx/column-formating/#view-formating","title":"View formating","text":"<ul> <li>How to create a current week view in Microsoft Lists</li> </ul>"},{"location":"spfx/communication-site/","title":"Communication Site","text":""},{"location":"spfx/communication-site/#sitecoloums-format","title":"SiteColoums Format","text":"<ul> <li>[Show me the news (pages)] (https://capacreative.co.uk/2018/10/16/show-me-the-news-pages/)</li> </ul>"},{"location":"spfx/configuration/","title":"Configuration","text":"<ul> <li>https://www.sharepointeurope.com/read-manipulate-spfx-configuration-values-code-like-boss/</li> </ul>"},{"location":"spfx/cortex/","title":"Project Cortex","text":""},{"location":"spfx/cortex/#overview","title":"Overview","text":"<ul> <li>SharePoint Developer Monthly Community Call - January 2020 - Cortex</li> </ul>"},{"location":"spfx/cosmos-db/","title":"Cosmos DB","text":""},{"location":"spfx/cosmos-db/#tips","title":"Tips","text":"<ul> <li>Things You Need to Know Before Building Applications With Azure Cosmos DB</li> <li>How to: Using managed identities to access Cosmos DB data via RBAC and disabling authentication via keys</li> </ul>"},{"location":"spfx/custom-web-api/","title":"Custom Web API","text":""},{"location":"spfx/custom-web-api/#securing","title":"Securing","text":"<ul> <li>Connect to API secured with Azure Active Directory</li> </ul>"},{"location":"spfx/custom-web-api/#samples","title":"Samples","text":"<p>-SharePoint add-in, custom Web API and SPFx (v1.1)</p>"},{"location":"spfx/debug/","title":"Debug","text":""},{"location":"spfx/debug/#debug-tricks","title":"Debug Tricks","text":"<ul> <li>sp-browser-utils</li> </ul>"},{"location":"spfx/debug/#webcast","title":"Webcast","text":"<ul> <li>PnP Webcast - Debugging SharePoint Framework Solutions</li> </ul>"},{"location":"spfx/debug/#tips","title":"Tips","text":"<ul> <li>Testing and debugging your SPFx solutions in production without causing any impact</li> <li>SharePoint Framework bookmarklet tool for quick and easy debugging</li> <li>debug-production-version-sharepoint-framework-solution</li> <li>how-debug-sharepoint-framework-webpart-visual-studio-code</li> <li>debug-in-vscode</li> <li>SPFx-breakpoints-and-debugging-from-Visual-Studio-Code</li> <li>quick-tip-easily-test-sharepoint</li> <li>testing-and-debugging-your-spfx-solutions-in-production-without-causing-any-impact</li> <li>Be schizophrenic at debugging SPFx too</li> <li>SPFx/React DEBUG vs PRODUCTION builds</li> </ul>"},{"location":"spfx/debug/#exclude-mock-data","title":"Exclude mock data","text":"<ul> <li>https://www.eliostruyf.com/exclude-your-mock-data-and-other-modules-from-your-production-bundle-in-spfx/</li> </ul>"},{"location":"spfx/debug/#azure-token","title":"Azure Token","text":"<ul> <li>Easy trick to test your Azure Active Directory returned ID Tokens</li> </ul>"},{"location":"spfx/delve/","title":"Delve","text":""},{"location":"spfx/delve/#search-konfiguration","title":"Search Konfiguration","text":"<ul> <li>HIDING FROM DELVE IN OFFICE 365</li> </ul>"},{"location":"spfx/deployment/","title":"Deployment","text":""},{"location":"spfx/deployment/#app-catalog","title":"App Catalog","text":"<ul> <li>SharePoint App Catalog Development Tips</li> </ul>"},{"location":"spfx/deployment/#azure-devops-azure-pipline","title":"Azure DevOps / Azure Pipline","text":"<ul> <li>Getting Started with Git and Azure DevOps | Getting Started with Git and Azure DevOps: The Ultimate Guide</li> <li>Feature Branch Workflow and Pull Requests</li> <li>Setting up Azure DevOps Pipelines for SharePoint Framework solutions</li> <li>Setting up multiple environments with your DevOps pipeline</li> <li>Implement Continuous Integration and Continuous deployment using Azure DevOps</li> <li>Managing projects in a modern world (Part 1)</li> <li>Walkthrough: use Azure DevOps with SPFx, GitFlow and GitVersion</li> <li>How to: Setup CI / CD in Azure DevOps with the help of SPFx Generator</li> <li>Automate Building, Testing and Deploying SharePoint Framework Projects with Azure Pipelines in Four Steps</li> <li>How to: Use PnP.PowerShell to deploy SharePoint apps with Azure DevOps</li> </ul>"},{"location":"spfx/deployment/#alm","title":"ALM","text":"<ul> <li>node-sp-alm</li> <li>alm-for-widget-solutions</li> <li>http://julieturner.net/2016/09/code-creep-sharepoint-cdn/</li> <li>http://yannickborghmans.com/2017/12/28/sharepoint-application-lifecycle-management-api-how-to-use-it-in-your-code/</li> <li>https://github.com/estruyf/node-sp-alm</li> <li>https://docs.microsoft.com/en-us/sharepoint/dev/apis/alm-api-for-spfx-add-ins</li> <li>https://www.npmjs.com/package/node-sp-alm</li> <li>ALM API and installSolution SiteScript Action Demo</li> </ul>"},{"location":"spfx/deployment/#arm","title":"ARM","text":"<ul> <li>Reusable ARM template for Web Application</li> <li>GitHub - ARMTemplates</li> <li>Azure ARM Templates Explored</li> </ul>"},{"location":"spfx/deployment/#cicd","title":"CI/CD","text":"<ul> <li>CI/CD with SharePoint Framework (SPFx)</li> <li>Implement Continuous Integration and Continuous deployment using Azure DevOps</li> <li>Implement CI/CD with Office 365 CLI for SPFx Solution for MS Teams</li> <li>Apply a DevOps process to your SPFx project (Part 1)</li> <li>Apply a DevOps process to your SPFx project (Part 2)</li> <li>Apply a DevOps process to your SPFx project (Part 3)</li> <li>CI/CD for SPFx Deployment in Azure DevOps using M365 CLI</li> </ul>"},{"location":"spfx/deployment/#deployment-to-cdn","title":"Deployment to CDN","text":"<ul> <li>Choosing a CDN for SharePoint client-side solutions</li> <li>Deploy SPFx WebParts To Office 365 Public CDN</li> <li>Add Office 365 CDN rule to have a document library for each SharePoint site</li> <li>Office 365 Content Delivery Network (CDN) Quickstart</li> </ul> <p>write-manifests.json</p> <pre><code>{\n\"cdnBasePath\": \"https://publiccdn.sharepointonline.com/cloud67.sharepoint.com/cdn/topnavmenu\"\n}\n</code></pre>"},{"location":"spfx/deployment/#deployment-to-sp-library","title":"Deployment to SP Library","text":"<ul> <li>Deploy SPFx WebParts to SharePoint Library</li> </ul>"},{"location":"spfx/deployment/#deployment-to-azure-storage","title":"Deployment to Azure Storage","text":"<ul> <li>Automate publishing process of MkDocs to Static Website hosting in Azure Storage with VSTS</li> <li>Deploy SPFx WebParts To Azure CDN</li> </ul>"},{"location":"spfx/deployment/#appsettings","title":"AppSettings","text":"<ul> <li>SharePoint Framework app settings</li> <li>AppSettings in SharePoint Framework (SPFx) and Staging</li> </ul>"},{"location":"spfx/deployment/#automate-project-documentation","title":"Automate Project Documentation","text":"<ul> <li>DocsFx in SPO</li> <li>DocFx</li> <li>Automate project documentation from Azure DevOps to SharePoint on Microsoft 365</li> <li>The static site generator for SharePoint</li> </ul>"},{"location":"spfx/dev-ops/","title":"Dev-Ops","text":""},{"location":"spfx/dev-ops/#tips-tricks","title":"Tips &amp; Tricks","text":"<p>SPFx unit tests and code coverage quality gates in Azure DevOps \u2013 Velin Georgiev Apply a DevOps process to your SPFx project (Part 1)</p>"},{"location":"spfx/dev-ops/#sample","title":"Sample","text":"<ul> <li>react-jest-testing</li> </ul>"},{"location":"spfx/dev-ops/#jest-setup","title":"Jest Setup","text":"<p>https://blog.velingeorgiev.com/unit-test-your-sharepoint-framework-solution-with-jest https://www.youtube.com/watch?v=iDt7MJX9Lj0&amp;t=20s https://www.youtube.com/watch?v=lFkNqcf-Thg https://www.eliostruyf.com/sharepoint-framework-unit-tests-with-jest/</p>"},{"location":"spfx/dev-ops/#devops-pipelines-demos","title":"DevOps pipelines demos","text":"<p>http://bit.ly/pnp-devops-1 http://bit.ly/pnp-devops-2 http://bit.ly/pnp-devops-3 http://bit.ly/pnp-devops-4</p>"},{"location":"spfx/dev-ops/#unit-tests","title":"Unit Tests","text":"<ul> <li>SharePoint Framework unit tests and code coverage quality gates in Azure DevOps</li> </ul>"},{"location":"spfx/docker/","title":"Docker","text":""},{"location":"spfx/docker/#spfx-images","title":"SPFx Images","text":"<ul> <li>SPFx Docker image for your team</li> <li>SPFx v1.5.0 Docker image available with some caveats</li> <li>SPFx GitHub Codespaces Container</li> </ul>"},{"location":"spfx/docker/#tips","title":"Tips","text":"<ul> <li>Develop with Docker </li> <li>A Docker Image for PnP SPFx Projects</li> </ul>"},{"location":"spfx/docker/#devcontainer","title":"DevContainer","text":"<ul> <li>Using custom certificates when debugging SPFx Solutions</li> </ul>"},{"location":"spfx/documentsets/","title":"Document Sets","text":""},{"location":"spfx/documentsets/#overview","title":"Overview","text":"<ul> <li>Introduction to Document Sets</li> <li>Document Sets for Fast Legacy Process Automation</li> <li>Document sets \u2013 the hidden gem of SharePoint</li> <li>Enabling Document Sets in SharePoint Online Sites</li> <li>Modern Document Sets</li> </ul>"},{"location":"spfx/documentsets/#issues","title":"Issues","text":"<ul> <li>SharePoint Online JavaScript creates folder instead of document set</li> <li>Document Set created programmatically not working anymore since 12 Jan 2021</li> </ul>"},{"location":"spfx/documentsets/#tools","title":"Tools","text":""},{"location":"spfx/documentsets/#metalogix-content-matrix-87","title":"Metalogix Content Matrix 8.7","text":"<ul> <li>How Document Sets are Migrated</li> <li>List Content Options</li> </ul>"},{"location":"spfx/events/","title":"Events/meetings","text":""},{"location":"spfx/events/#how-to-create-online-meetingsevents","title":"How to create online meetings/events","text":"<ul> <li>How to present at online meetings and events like an ignite superstar</li> <li>From PowerPoint to Demos Easily with Desktops</li> <li>How to Create Great Tech Demos and Presentations</li> </ul>"},{"location":"spfx/extensions/","title":"Extensions","text":""},{"location":"spfx/extensions/#forms-list-layout-formating","title":"Forms List Layout Formating","text":"<ul> <li>Configuring the Layout of SharePoint Forms</li> </ul>"},{"location":"spfx/extensions/#custom-forms-extensions","title":"Custom Forms Extensions","text":"<ul> <li>Building a SharePoint New Site Form Look-Alike</li> <li>AddValidateUpdateItemUsingPath deep dive</li> </ul>"},{"location":"spfx/extensions/#tipps","title":"Tipps","text":"<ul> <li>How to properly add an Application Customizer to an existing SPFx Web Part Project</li> </ul>"},{"location":"spfx/extensions/#samples","title":"Samples","text":"<ul> <li>React-application-profile-meter</li> <li>How to create news ticker, SPFx-extension</li> </ul>"},{"location":"spfx/extensions/#full-page","title":"Full Page","text":"<ul> <li>SharePoint Full Page Canvas App</li> <li>spfx-appcust-removeFeeback</li> <li>React slider field customizer</li> <li>Check the page display mode from within your SharePoint Framework extensions</li> </ul>"},{"location":"spfx/extensions/#site-footer","title":"Site footer","text":"<ul> <li>SharePoint Site Footer</li> <li>SharePoint Framework custom header and footer application customizer extension</li> </ul>"},{"location":"spfx/extensions/#listview","title":"ListView","text":"<ul> <li>Showing or hiding SharePoint Framework ListView custom actions based on permissions and selected items</li> <li>SPFX ListView Command Set and Panel</li> <li>Let users get a simple link to a document or folder</li> <li>Create Modern Page Model with PnP/PnPjs</li> <li>Create ECB Menu Items</li> <li>A modern Save List as Template</li> <li></li> </ul>"},{"location":"spfx/extensions/#bots","title":"Bots","text":"<ul> <li>Add AtBot to your SharePoint site using SPFx</li> </ul>"},{"location":"spfx/extensions/#clarity","title":"Clarity","text":"<ul> <li>Microsoft SharePoint &amp; Clarity</li> <li>Power Platform Canvas Apps &amp; Clarity</li> </ul>"},{"location":"spfx/extensions/#comments","title":"Comments","text":"<ul> <li>Receive comment notifications by email in Modern SharePoint Pages</li> <li>Github: Receive comment notifications on Modern SharePoint pages by email</li> </ul>"},{"location":"spfx/extensions/#change-browser-favicon-icon","title":"Change browser favicon icon","text":"<ul> <li>Change favicon on Modern SharePoint sites</li> <li>SPFx-favicon</li> </ul>"},{"location":"spfx/extensions/#google-analytics","title":"Google Analytics","text":"<ul> <li>Tracking code in Tenant Wide Extensions list</li> <li>SPFx-Google-Analytics</li> <li>How to add Google Tag Manager to modern SharePoint</li> </ul>"},{"location":"spfx/extensions/#matamo-piwik-analytics","title":"Matamo (Piwik) Analytics","text":"<ul> <li>Setting up usage analytics to Modern SharePoint using Matomo Analytics and SharePoint Framework</li> </ul>"},{"location":"spfx/extensions/#inject-css","title":"Inject CSS","text":"<ul> <li>Inject Custom CSS on SharePoint Modern Pages using SPFx Application Extensions</li> <li>Add Google Analytics to SharePoint modern pages</li> <li>Whitespace \u2013 Regain distraction-free working in SharePoint</li> </ul>"},{"location":"spfx/extensions/#spa","title":"SPA","text":"<ul> <li>Single Page App In SharePoint Using React</li> </ul>"},{"location":"spfx/extensions/#navigations","title":"Navigations","text":"<ul> <li>Handling navigation in a SharePoint Framework application customizer</li> <li>SPFx Side Navigation Project for Modern Sites</li> </ul>"},{"location":"spfx/extensions/#placeholders","title":"Placeholders","text":"<ul> <li>Safely using Placeholders in an extension</li> </ul> <pre><code>private _topPlaceholder : PlaceholderContent;\npublic onInit(void){\n    this.context.placeholderProvider.changedEvent.add(this, this._handlePlaceholderChange.bind(this));\n}\n\nprivate _handlePlaceholderChange(){\n  if (!this._topPlaceholder)\n  {\n    // We don't have a placeholder populated yet.  Let's try and get it.\n    this._topPlaceholder = this.context.placeholderProvider.tryCreateContent(PlaceholderName.Top);\n  } else {\n    // We have a placeholder - let's make sure that it still exists.\n    let index:number = this.context.placeholderProvider.placeholderNames.indexOf(PlaceholderName.Top);\n    if ( index &lt; 0)\n    {\n        // The placeholder is no longer here.\n        this._topPlaceholder.dispose();\n        this._topPlaceholder = undefined;\n    }\n  }\n  if ( this._topPlaceholder )\n  {\n      this._topPlaceholder.innerText = 'Hello World!';\n  }\n}\n</code></pre>"},{"location":"spfx/flow/","title":"Power Automate (aka. Flow)","text":""},{"location":"spfx/flow/#support","title":"Support","text":"<ul> <li>Troubleshooting a flow</li> <li>Microsoft Power Automate Community</li> </ul>"},{"location":"spfx/flow/#video","title":"Video","text":"<ul> <li>Microsoft Flow Conference</li> </ul>"},{"location":"spfx/flow/#api","title":"API","text":"<ul> <li>Working with APIs in Power Platform for beginners</li> </ul>"},{"location":"spfx/flow/#connectors","title":"Connectors","text":"<ul> <li>What you should know about building Microsoft Flow connectors</li> <li>Working with Custom Connectors in Power Platform for beginners</li> </ul>"},{"location":"spfx/flow/#limits","title":"Limits","text":"<ul> <li>Limits and configuration in Power Automate</li> <li>Power Automate and Flow Connector limits</li> <li>Microsoft Flow \u2013 The hidden gems, are you aware of all of these</li> <li>Microsoft Flow \u2013 This is the limit!</li> </ul>"},{"location":"spfx/flow/#admin-security","title":"Admin Security","text":"<ul> <li>Management of Flows</li> <li>Power Automate Security</li> </ul>"},{"location":"spfx/flow/#export-import-flows","title":"Export / Import Flows","text":"<ul> <li>Export and import your flows across environments with packaging</li> <li>Flow &amp; Power Apps Migrator</li> </ul>"},{"location":"spfx/flow/#samples","title":"Samples","text":"<ul> <li>Power Automate Cookbook</li> <li>https://github.com/johnnliu/flow</li> <li>Demo - Using Microsoft Flow to send monthly emails</li> <li>http://johnliu.net/blog/2018/4/run-any-pnp-powershell-in-one-azurefunction-from-microsoft-flow</li> <li>Calling Microsoft Flow from a site script</li> <li>Automating New User Account On-boarding Using SharePoint Online, Flow, and PowerApps</li> <li>control office365 group creation</li> <li>Building interactive feedback analysis system with MS Forms, MS Flow, Power BI and SharePoint Online</li> <li>RUN A FLOW AS PART OF A SHAREPOINT SITE DESIGN</li> <li>Creating a Formatted Identifier in Flow</li> <li>Disable event firing when flow updates</li> <li>How to add text to any part of a SharePoint Page using Power Automate</li> <li>Send email reminders from Microsoft Lists using Power Automate</li> </ul>"},{"location":"spfx/flow/#copy-move-documents","title":"Copy / Move Documents","text":"<ul> <li>A modern \u201ctransfer to another location\u201d in office 365</li> <li>Generate Word documents from a template using Power Automate</li> </ul>"},{"location":"spfx/flow/#error-messages","title":"Error Messages","text":"<ul> <li>SharePoint / Microsoft Flow \u2013 Common error message when using Send an HTTP request to SharePoint action in Microsoft Flow</li> </ul>"},{"location":"spfx/flow/#json-in-flow","title":"JSON in Flow","text":"<ul> <li>How to use Parse JSON action in Power Automate</li> </ul>"},{"location":"spfx/flow/#disable-flow","title":"Disable Flow","text":"<ul> <li>https://www.toddklindt.com/PoshDisableFlowButton</li> </ul> <pre><code>Connect-PnPOnline -Url https://&lt;teantUrl&gt;/sites/&lt;name&gt;\n\n# disable\nSet-PnPSite -DisableFlows:$true\n\n# enable\nSet-PnPSite -DisableFlows:$false\n</code></pre>"},{"location":"spfx/flow/#azure-logic-app","title":"Azure Logic App","text":"<ul> <li>Azure Logic Apps vs Microsoft Flow, Why Not Both?</li> <li>Integrate Azure Logic Apps with SharePoint Site Designs</li> </ul>"},{"location":"spfx/fluidframework/","title":"Fluid Framework","text":""},{"location":"spfx/fluidframework/#overview","title":"Overview","text":"<ul> <li>5 reasons or thoughts on Fluent UI Web</li> <li>Fluid Framework</li> <li>Microsoft Ignite Blog: Microsoft Fluid Framework preview</li> </ul>"},{"location":"spfx/fluidframework/#samples","title":"Samples","text":"<ul> <li>Building real-time collaborative apps with Microsoft 365, Azure and Power Platform</li> </ul>"},{"location":"spfx/forms/","title":"Forms Tools","text":""},{"location":"spfx/forms/#microsoft-forms","title":"Microsoft Forms","text":""},{"location":"spfx/forms/#limits","title":"Limits","text":"<ul> <li>Getting started guidelines to microsoft forms limits and boundaries</li> </ul>"},{"location":"spfx/forms/#frameworks","title":"Frameworks","text":"<ul> <li>https://github.com/olegrumiancev/sp-listform-react</li> <li>Classic-to-Modern ListForm UI Transform Tool</li> <li>react-hook-form</li> </ul>"},{"location":"spfx/forms/#redux-forms","title":"Redux-Forms","text":"<ul> <li>React Redux Form</li> <li>Create an intelligent Form with React Redux Form</li> <li>https://blogs.perficient.com/2017/08/10/using-react-and-redux-in-sharepoint-frameworkspfx/</li> <li>https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-reduxform</li> </ul>"},{"location":"spfx/forms/#tips","title":"Tips","text":"<ul> <li>Tips for building a custom form</li> </ul>"},{"location":"spfx/governance/","title":"Governance","text":""},{"location":"spfx/governance/#collaboration","title":"Collaboration","text":"<ul> <li>Planning intranet governance</li> <li>Overview of collaboration governance in Microsoft 365</li> <li>Groups services interactions</li> </ul>"},{"location":"spfx/governance/#overview","title":"Overview","text":"<ul> <li>SharePoint governance questions</li> <li>Plan for governance in Office 365 Groups</li> <li>Plan for governance to transform teamwork with Microsoft 365</li> <li>How to implement SharePoint Governance</li> <li>overview-best-practices-for-managing-how-people-use-your-team-site</li> <li>Naming policy features</li> <li>The Ultimate SharePoint Governance Template</li> <li>Office 365 Group Naming Policy: Deciding if it\u2019s Right For You</li> <li>8 Ways to Create Office 365 Groups \u2013 Overview and Differences</li> </ul>"},{"location":"spfx/governance/#information-architecture","title":"Information Architecture","text":"<ul> <li>Information architecture in modern SharePoint</li> <li>One Size Does Not Fit All</li> <li>3 Dimensions of IA</li> <li>The Logical Dimension</li> <li>The Metadata Dimension</li> <li>Content Type Hub. What\u2019s vNext</li> </ul>"},{"location":"spfx/governance/#sharepoint-home-site","title":"SharePoint Home Site","text":"<ul> <li>SharePoint Home, Hub, Sites, Start\u2026 What?</li> <li>SHAREPOINT HOME SITES AND HUBS: A PRIMER</li> </ul>"},{"location":"spfx/governance/#content-type","title":"Content Type","text":"<ul> <li>Content Type Benefits in Modern SharePoint</li> <li>CHOICE, LOOKUP OR MANAGED METADATA?</li> <li>BUILD TARGETED TRAINING ON OFFICE 365 ADOPTION CENTER</li> <li>BUILD A MODERN COMPANY LOCATIONS PAGE IN MINUTES</li> <li>CONTENT TYPE FILTERS IN MODERN SHAREPOINT</li> <li>MULTIPLE LIBRARIES, FOLDERS OR METADATA</li> </ul>"},{"location":"spfx/governance/#imagemap","title":"ImageMap","text":"<p>-Create Simple ImageMap in SPO</p>"},{"location":"spfx/governance/#permission","title":"Permission","text":"<ul> <li>28 REASONS WHY MODERN SHAREPOINT ONLINE SITE PERMISSIONS ARE A HOT MESS</li> <li>Sharing and permissions in the SharePoint modern experience</li> <li>How Broken Are Office 365 SharePoint Permissions</li> <li>Azure AD Internal - GDPR Tool</li> <li>Making a real world sharing strategy for SharePoint, OneDrive &amp; Teams</li> <li>SharePoint Modern Sites permission difference handling (Communication versus Teamsite)</li> <li>MS Teams Channel / SharePoint permission inconsistency</li> <li>Modern Authentication</li> </ul>"},{"location":"spfx/governance/#external-sharing","title":"External Sharing","text":"<ul> <li>A quick guide to secure Office 365_DE.pdf</li> <li>Coaching your users through the External Sharing Experience</li> <li>How to secure external sharing in SharePoint Online and Office 365</li> <li>Change External Sharing Settings Across a Hub Site with PowerShell</li> <li>Microsoft 365 guest sharing settings reference</li> <li>How to properly configure sharing settings in the SharePoint Admin Center</li> <li>Export Office 365 External User Reports for Secure External Collaboration</li> </ul>"},{"location":"spfx/governance/#organization-asset-libraries","title":"Organization Asset Libraries","text":"<ul> <li>SharePoint Organization Asset Libraries Explained</li> <li>Enable Organization assets on SharePoint Online</li> <li>How to create an Organisation Assets library in SharePoint Online to store Office Templates</li> <li>Use SharePoint Libraries to distribute Office Templates and Company images</li> </ul>"},{"location":"spfx/governance/#user-profile-delete-user","title":"User profile / Delete user","text":"<ul> <li>User Profile Automated Removal when User is Deleted from Active Directory</li> </ul>"},{"location":"spfx/governance/#external-user","title":"External user","text":"<ul> <li>4 ways to setup external users in SharePoint</li> </ul>"},{"location":"spfx/governance/#sitecollections-versus-subsites","title":"SiteCollections versus SubSites","text":"<ul> <li>ADVANTAGES OF A FLAT SHAREPOINT SITE ARCHITECTURE</li> <li>Benefits to creating a flat site structure</li> </ul>"},{"location":"spfx/governance/#tips-creating-sites","title":"Tips Creating Sites","text":"<ul> <li>Exploring creating SharePoint TeamSites using SiteDesign and the REST API</li> <li>Balancing Self-Service with Governance and Control in Office 365</li> </ul>"},{"location":"spfx/governance/#backup","title":"Backup","text":"<ul> <li>Does Office 365 require a backup solution?</li> <li>Compare Backup Solutions SkyKick and Veeam</li> <li>Does Office 365, hosted by Microsoft requires a data backup solution</li> </ul>"},{"location":"spfx/governance/#auditusage-reports-scripts","title":"Audit/Usage Reports Scripts","text":"<ul> <li>Admindroid - Office 365 Management Made Easy</li> <li>6 ways to check SharePoint Usage reports</li> <li>How to audit employees in SharePoint Online and Office 365</li> <li>Get SPO sites with filter using SPOSitePropertiesEnumerableFilter</li> <li>Retrieve Office 365 Audit logs using PowerShell and store in Azure table for quick retrieval</li> <li>Office 365 Groups and Teams Activity Report - obsolete groups</li> <li>Top 50 PowerShell Scripts for Microsoft 365 Admins</li> <li>SPC18: What Options do You Have to Govern the Lifecycle of Office 365 Groups / Teams Ignite2018GroupsGovernanceToolkit</li> <li>PowerShell scripts for Microsoft Office 365</li> <li>Useful PowerShell cmdlets to administer Office 365 Groups \u2013 Part 1</li> <li>Useful PowerShell cmdlets to administer Office 365 Groups \u2013 Part 2</li> <li>THR2131 - Three PowerShell reports every Office 365 admin needs to have</li> <li>Manage your SharePoint Team Sites to Excel</li> <li>Extract information of Communication sites to Excel</li> <li>Five-PowerShell-Reports-For-Office365</li> <li>ADEssentials - AzureAD Reporting</li> <li>M365 Powershell Reporting Scripts</li> <li>Microsoft Replaces User Data Search with Standard eDiscovery</li> <li>Azure AD audit logs latency</li> <li>REPORT ACTIVE DIRECTORY ACCOUNTS THAT ARE SYNCHRONIZED WITH AZURE AD</li> <li>How to Monitor New Members Added to Teams</li> </ul>"},{"location":"spfx/governance/#ad-mistakes","title":"AD Mistakes","text":"<ul> <li>Most Common Mistakes in Active Directory and Domain Services \u2013 Part 1</li> <li>Most Common Mistakes in Active Directory and Domain Services \u2013 Part 2</li> <li>Most Common Mistakes in Active Directory and Domain Services - Part 3</li> </ul>"},{"location":"spfx/governance/#handling-teams-and-groups","title":"Handling Teams and Groups","text":"<ul> <li>Governance and consciousness around handling Teams and Groups</li> <li>Three reasons why you should take control of Office 365 Groups creation</li> <li>Automating Office 365 Groups Lifecycle/Expiration management</li> <li>Stop using Power Automate to govern Microsoft Teams</li> <li>Microsoft Teams Naming Best Practices</li> </ul>"},{"location":"spfx/governance/#tips","title":"Tips","text":"<ul> <li>SharePoint Online Can Now Rename Site URLs</li> </ul>"},{"location":"spfx/governance/#sam","title":"SAM","text":"<ul> <li>A primer on SharePoint Advanced Management</li> <li>Govern and Secure SharePoint and OneDrive with Microsoft Syntex \u2013 SharePoint Advanced Management</li> </ul>"},{"location":"spfx/governance/#security-and-compliance-dlp","title":"Security and Compliance - DLP","text":"<ul> <li>Overview of data loss prevention</li> <li>Security and Compliance - DLP - Notes</li> <li>Compliance Customer Experience Engineering (CxE)</li> </ul>"},{"location":"spfx/governance/#records-management-rm","title":"Records Management (RM)","text":"<ul> <li>Managing and applying Purview retention labels using code</li> <li>Working with Purview event-based retention using code</li> <li>Finding incorrectly applied Purview retention labels</li> <li>Implications of applying Purview retention labels to folders</li> <li>Compliance Customer Experience Engineering (CxE) - (MIG/RM)</li> <li>Understanding Compliance and Records Management in Office 365- Video</li> <li>A Complete Guide to Office 365 Retention! - Video</li> <li>MIGScripts</li> <li>Microsoft 365 Compliancefeatures</li> <li>MIP and compliance capabilities - illustrations</li> </ul>"},{"location":"spfx/governance/#practise-german","title":"Practise (German)","text":"<ul> <li>Datensatzverwaltung in Microsoft 365</li> <li>Versionsverwaltung zur Aktualisierung von Datens\u00e4tzen verwenden</li> <li>Datenschutzressourcen</li> </ul>"},{"location":"spfx/governance/#practise-english","title":"Practise (English)","text":"<ul> <li>Lifecycle of an item in SharePoint: Where does it go?</li> <li>Use retention labels to manage the lifecycle of documents stored in SharePoint</li> <li>RETENTION IN SHAREPOINT ONLINE: THE WHERE, WHAT, HOW, AND WHEN</li> </ul> <ul> <li>ROLE TOUCHPOINTS DURING INFORMATION GOVERNANCE AND RECORDS MANAGEMENT IMPLEMENTATION</li> </ul>"},{"location":"spfx/graph/","title":"Microsoft Graph","text":""},{"location":"spfx/graph/#top-links","title":"Top Links","text":"<ul> <li>Graph Explorer</li> <li>Microsoft Graph permissions reference</li> <li>Use query parameters to customize responses</li> </ul>"},{"location":"spfx/graph/#best-practise","title":"Best Practise","text":"<ul> <li>Best practices for working with Microsoft Graph</li> <li>Using MS Graph Sandbox proxy to speed up development</li> </ul>"},{"location":"spfx/graph/#permission","title":"Permission","text":"<ul> <li>Microsoft Graph permissions reference</li> </ul>"},{"location":"spfx/graph/#learning","title":"Learning","text":"<ul> <li>30 Days of Microsoft Graph</li> <li>Consuming SharePoint Online via the Microsoft Graph</li> <li>graph explorer - start</li> <li>graph webhooks - subscription</li> <li>Use the Microsoft Graph API</li> </ul>"},{"location":"spfx/graph/#working-with-sharepoint","title":"Working with Sharepoint","text":"<ul> <li>Microsoft Graph API or SharePoint REST API?</li> <li>SharePoint API in Microsoft Graph</li> </ul>"},{"location":"spfx/graph/#query-count-filter-search-orderby","title":"Query (Count / Filter / Search  / OrderBy)","text":"<ul> <li>Use query parameters to customize responses</li> <li>Build advanced queries in Microsoft Graph with $count, $filter, $search, and $orderby</li> <li>Microsoft Graph PowerShell Filtering Working and Failures</li> </ul>"},{"location":"spfx/graph/#azure-functions","title":"Azure Functions","text":"<ul> <li>Getting started with PnP Core SDK</li> <li>How to access SharePoint data from Azure Function with SPFx and PnP Core SDK</li> <li>Azure Functions project that implements Microsoft Teams provisioning via Microsoft Graph</li> </ul>"},{"location":"spfx/graph/#samples","title":"Samples","text":"<ul> <li>Using Microsoft Graph API to convert the format of your documents</li> <li>How to get data from Microsoft Graph \u2013 SPFx</li> </ul>"},{"location":"spfx/graph/#spfx-samples","title":"SPFx Samples","text":"<ul> <li>Building business applications to Microsoft Teams using Microsoft Graph and SPFx</li> <li>Get DriveItem by File Absolute Url</li> </ul>"},{"location":"spfx/graph/#microsoft-graph-toolkit-mgt","title":"Microsoft Graph Toolkit (MGT)","text":"<ul> <li>microsoft-graph-toolkit</li> <li>Microsoft Graph Toolkit Playground</li> <li>A Lap Around Microsoft Graph Toolkit</li> <li>Microsoft Graph Toolkit</li> <li>Exploring The Microsoft Graph Toolkit</li> <li>Exploring Microsoft Graph Toolkit Lap as non Developer</li> <li>Exploring Microsoft Graph Toolkit Lap as a non-developer \u2014 Part 2</li> <li>Exploring Microsoft Graph Toolkit Lap as a non-developer -Part 3</li> <li>Exploring Microsoft Graph Toolkit as a non-Developer \u2014 Part 4</li> <li>Bulding a Moderator App</li> <li>A Lap around Microsoft Graph Toolkit Day 13 \u2013 Using Microsoft Graph Toolkit with React</li> </ul>"},{"location":"spfx/graph/#mgt-samples","title":"MGT Samples","text":"<ul> <li>How to start a new SPFx web part project with Microsoft Graph Toolkit and React</li> <li>msgraphtoolkitsamples</li> <li>SPFx - ms-graph-toolkit-agenda-panel</li> <li>SPFx - Exploring Microsoft Graph Toolkit</li> <li>SPFx-MSGraph using the Toolkit</li> </ul>"},{"location":"spfx/graph/#files-handling","title":"Files Handling","text":"<ul> <li>Accessing Files with Microsoft Graph</li> </ul>"},{"location":"spfx/graph/#granular-permission","title":"Granular Permission","text":"<ul> <li>SharePoint Site Collection Level Permissions</li> <li>Use Microsoft Graph to Set Granular Permissions to SharePoint Online Sites for Azure AD Application</li> </ul>"},{"location":"spfx/graph/#graph-developer-proxy","title":"Graph Developer Proxy","text":"<ul> <li>Microsoft Graph Developer Proxy</li> <li>Improving your Microsoft Graph PowerShell Scripts with the Graph Developer Proxy</li> <li>Mocking API Responses Made Easy with Graph Developer Proxy</li> </ul>"},{"location":"spfx/groups/","title":"Groups","text":""},{"location":"spfx/groups/#must-read","title":"Must read","text":"<ul> <li>An overview of different types of security groups in SharePoint and Office 365</li> </ul>"},{"location":"spfx/groups/#overview","title":"Overview","text":"<ul> <li>Infographic - An everyday guide to Office 365 Groups</li> <li>http://www.techmikael.com/2017/03/enable-usage-policy-for-office-365.html</li> <li>http://www.techmikael.com/2017/03/controlling-groups-creation-in-tenant.html</li> <li>http://www.techmikael.com/2017/05/three-reasons-why-you-should-take.html</li> <li>https://www.sharepointeurope.com/defining-good-governance-office-365-groups/</li> <li>http://icansharepoint.com/everyday-guide-office-365-groups/</li> <li>https://en.share-gate.com/blog/office-365-groups-explained</li> <li>https://www.avepoint.com/blog/technical-blog/office-365-groups-vs-teams/</li> <li>http://sympmarc.com/2017/04/09/dear-microsoft-in-office-365-groups-are-groups-are-groups-unless-they-arent/</li> <li>http://blog.fpweb.net/get-excited-about-office-365-groups-then-relax/#.WOvyNdLyjZs</li> <li>https://techcommunity.microsoft.com/t5/Microsoft-Teams/Office-365-Groups-vs-Microsoft-Teams-blog-post/m-p/60743#M3798</li> <li>http://blog.ioz.ch/productivity-news-beyond-groups-ein-einblick-und-ausblick/</li> <li>https://channel9.msdn.com/Events/Ignite/Australia-2017/PROD225</li> <li>https://channel9.msdn.com/Events/Ignite/Australia-2017/PROD222</li> <li>https://vigneshsharepointthoughts.com/2018/03/30/office-365-groups-what-you-need-to-know</li> </ul>"},{"location":"spfx/groups/#provisioning","title":"Provisioning","text":"<p>https://github.com/SharePoint/PnP-PowerShell/tree/master/Samples/Provisioning.SelfHostedWithAzureWebJob/Engine</p>"},{"location":"spfx/groups/#permissions","title":"Permissions","text":"<ul> <li>Copying Office 365 Group Permissions with PowerShell</li> </ul>"},{"location":"spfx/groups/#tipps","title":"Tipps","text":"<ul> <li>Generic URLs for all Office 365 Group connected workloads</li> </ul> <pre><code># SiteCollection URL &lt;site&gt;\n&lt;site&gt;/_layouts/15/groupstatus.aspx?Target=PLANNER\n\n# XML Provisioning Engine - SiteCollection Token {site}\n{site}/_layouts/15/groupstatus.aspx?Target=PLANNER\n</code></pre>"},{"location":"spfx/groups/#powershell","title":"Powershell","text":"<ul> <li>https://github.com/mikemcleanlive/Ignite-2018-BRK3098-Demo-Scripts</li> <li>https://vigneshsharepointthoughts.com/2018/05/16/useful-powershell-cmdlets-to-administer-office-365-groups/</li> <li>https://www.sharepointeurope.com/useful-powershell-cmdlets-administer-office-365-groups</li> </ul> <p>To get the list of all the Office 365 groups in descending order:</p> <pre><code>Get-UnifiedGroup | Select Id, DisplayName, ManagedBy, Alias, AccessType, WhenCreated, @{Expression={([array](Get-UnifiedGroupLinks -Identity $_.Id -LinkType Members)).Count }; Label=\u2019Members\u2019} | Sort-Object whencreated | Format-Table displayname, alias, managedby, Members, accesstype, whencreated\n</code></pre> <p>To get the list of all private Office 365 groups in your tenant:</p> <pre><code>Get-UnifiedGroup | Where-Object {$_.AccessType -eq \u2018Private\u2019} | Sort-Object whencreated | Format-Table displayname, alias, managedby, accesstype, whencreated\n</code></pre> <p>To get list of deleted Office 365 groups in descending order:</p> <pre><code>Get-AzureADMSDeletedGroup | Sort-Object DeletedDateTime -Descending | Format-Table Id, DisplayName, Description, Visibility, DeletedDateTime\n</code></pre> <p>How to resolve the error The alias is being used by another group in your organization</p> <pre><code>Get-AzureADMSDeletedGroup -All:$true | Remove-AzureADMSDeletedDirectoryObject\n</code></pre> <p>To get the list of orphaned Office 365 groups in your tenant:</p> <pre><code>$Groups = Get-UnifiedGroup | Where-Object {([array](Get-UnifiedGroupLinks -Identity $_.Id -LinkType Owners)).Count -eq 0} `\n\n| Select Id, DisplayName, ManagedBy, WhenCreated\n\nForEach ($G in $Groups) {\n\nWrite-Host \u201cWarning! The following group has no owner:\u201d $G.DisplayName\n\n}\n</code></pre> <p>To determine where a group was provisioned (Planner, Yammer, Teams etc.)</p> <pre><code>Get-UnifiedGroup |Where-Object {$_.ProvisioningOption -eq \u2018YammerProvisioning\u2019} |select DisplayName,Alias,ProvisioningOption,GroupSKU,SharePointSiteUrl,SharePointDocumentsUrl,AccessType\n</code></pre> <p>To get the list of Teams integrated Office 365 group list:</p> <pre><code>Get-UnifiedGroup |Where-Object {$_.ProvisioningOption -eq \u2018ExchangeProvisioningFlags:481\u2019}|select DisplayName,Alias,ProvisioningOption,GroupSKU,SharePointSiteUrl,SharePointDocumentsUrl,AccessType\n</code></pre>"},{"location":"spfx/hubsite/","title":"HubSite","text":"<ul> <li>What is a SharePoint hub site</li> <li>Video - SharePoint hub sites \u2014 What intranet managers need to know</li> <li>spsnyc-how-hub-sites-raise-sharepoints-intranet-potential</li> <li>the-intranet-managers-guide-to-office-365-sharepoint-hub-sites</li> <li>common-use-cases-for-office-365-sharepoint-hub-sites</li> <li>architecture-considerations-and-quick-reference-tips-for-office-365s-sharepoint-hub-sites</li> <li>How to Create Hub Sites in SharePoint Online</li> </ul>"},{"location":"spfx/hubsite/#planning","title":"Planning","text":"<ul> <li>Planning your SharePoint hub sites</li> <li>Tips for getting started with SharePoint hubs</li> </ul>"},{"location":"spfx/hubsite/#integration","title":"Integration","text":"<ul> <li>sharepoint-hub-sites-make-their-debut</li> <li>Organize-your-intranet-with-SharePoint-hub-sites</li> <li>Planning your SharePoint hub sites</li> </ul>"},{"location":"spfx/hubsite/#navigation","title":"Navigation","text":"<ul> <li>Security Trimmed Hub Site Navigation Updates!</li> <li>security-trimmed-hub-navigation</li> <li>manage-sharepoint-communication-sites-megamenu-with-csom-and-powershell</li> <li>6 tips to get mega value from the new megamenu navigation for SharePoint</li> </ul>"},{"location":"spfx/hubsite/#tips","title":"Tips","text":"<p>-Introducing the idea of Archive Hub Sites - How to get the hubId in SharePoint Framework - Fix broken Hub Sites in SharePoint Online</p> <pre><code>cls\n\n$tenantAdmin = \"https://contoso-admin.sharepoint.com\"\n$hubSite = \"https://contoso.sharepoint.com/sites/hub\"\n$extensionGUID = \"6da1a9e8-471d-4f39-80e6-a7ded02e8881\"\n$extensionName = \"Extension Name\"\n$extensionTitle = \"Extension Title\"\n\ntry\n{\nConnect-PnPOnline -Url $tenantAdmin -UseWebLogin\n} catch {\nWrite-Host \"Unable to connect.\"\nexit\n}\n\n$HubSite = Get-PnPHubSite $hubSite\n$HubSiteId = $HubSite.SiteId\n$ModernSites = (Get-PnPTenantSite -Template 'GROUP#0') + (Get-PnPTenantSite -Template 'SITEPAGEPUBLISHING#0')\n$SitesFromHub = New-Object System.Collections.ArrayList\n\nWrite-Host (\"Searching {0} sites:\" -f $HubSite.Title) -BackgroundColor Gray\nforeach ($ModernSite in $ModernSites){\n    $site = Get-PnPHubSite $ModernSite.Url\n    if($site.SiteUrl){\n    if($site.SiteId -eq $HubSiteId){\n            Write-Host (\"* {0} - {1}\" -f $ModernSite.Title, $ModernSite.Url)\n            $SitesFromHub.Add($ModernSite) | Out-Null\n        }\n    }\n}\n\nWrite-Host \"\"\nWrite-Host \"Installing at:\" -BackgroundColor Gray\nforeach ($SiteHub in $SitesFromHub){\n    Write-Host (\"* {0} - {1} ... \" -f $SiteHub.Title, $SiteHub.Url) -NoNewline\n    Connect-PnPOnline -Url $SiteHub.Url -UseWebLogin\n    Add-PnPCustomAction -ClientSideComponentId $extensionGUID -Name $extensionName -Title $extensionTitle -Location ClientSideExtension.ApplicationCustomizer -Scope site\n    Write-Host \"Done\" -BackgroundColor Green\n    Disconnect-PnPOnline\n}\n\nWrite-Host \"All Done\"\n</code></pre>"},{"location":"spfx/hubsite/#csom","title":"CSOM","text":"<ul> <li>working-with-sharepoint-online-hub</li> </ul>"},{"location":"spfx/hubsite/#search-api","title":"Search API","text":"<ul> <li>working-with-hub-sites-and-search-api</li> <li>How to get all sites</li> </ul> <pre><code> # List all sites being a hub site or associate to a hub site\n$results = Submit-PnPSearchQuery -Query 'contentclass=sts_site' -RefinementFilters 'departmentid:string(\"{*\",linguistics=off)' -TrimDuplicates $false -SelectProperties @(\"Title\",\"Path\",\"DepartmentId\",\"SiteId\") -All -RelevantResults\n\n# Filter out the hub sites\n$hubSites = $results |? { $_.DepartmentId.Trim('{','}') -eq $_.SiteId  }\n\n# Loop over the hub sites\nforeach( $hub in $hubSites ) {\n    Write-Host $hub.Title - $hub.Path -ForegroundColor Green\n    # Filter out sites associated to the current hub\n    $associatedSites = ($results |? { $_.DepartmentId -eq $hub.DepartmentId -and $_.SiteId -ne $hub.SiteId })\n    foreach($site in $associatedSites) {\n        Write-Host \"`t\"$site.Title - $site.Path -ForegroundColor Yellow\n    }\n}\n</code></pre>"},{"location":"spfx/intranet/","title":"Intranet","text":""},{"location":"spfx/intranet/#homepage","title":"Homepage","text":"<ul> <li>https://sympmarc.com/2018/07/23/whither-a-new-intranet-on-modern-office-365</li> </ul>"},{"location":"spfx/js/","title":"JS","text":""},{"location":"spfx/js/#frameworks","title":"Frameworks","text":"<ul> <li>State of JS-Frameworks</li> <li>JavaScript library that creates PowerPoint presentations</li> </ul>"},{"location":"spfx/js/#common-cheatsheets","title":"Common Cheatsheets","text":"<ul> <li>modern-frontend-hacking-cheatsheets</li> <li>https://devhints.io/moment</li> </ul>"},{"location":"spfx/js/#es6","title":"ES6","text":"<ul> <li>ES6-cheatsheets</li> </ul>"},{"location":"spfx/js/#interview-questions","title":"Interview Questions","text":"<ul> <li>yangshun - tech-interview-handbook</li> <li>https://github.com/ganqqwerty/123-Essential-JavaScript-Interview-Questions</li> <li>https://github.com/Pau1fitz/react-interview</li> <li>https://www.edureka.co/blog/interview-questions/react-interview-questions/</li> </ul>"},{"location":"spfx/js/#helper","title":"Helper","text":""},{"location":"spfx/js/#local-storage","title":"Local Storage","text":"<ul> <li>Local Storage Wrapper</li> </ul>"},{"location":"spfx/libraries/","title":"Libraries Components","text":""},{"location":"spfx/libraries/#intro","title":"Intro","text":"<ul> <li>SharePoint Library Components \u2013 Introduction</li> <li>Community Call Demo - Introduction on using the library component in SharePoint Framework solutions</li> </ul>"},{"location":"spfx/libraries/#service-locator-pattern","title":"Service Locator pattern","text":"<ul> <li>Service Locator pattern in SPFx: Using Service Scopes</li> </ul>"},{"location":"spfx/libraries/#tips","title":"Tips","text":"<ul> <li>Step by Step: Create SPFx library component</li> <li>concept of a library component and start developing</li> <li>A new beast in SharePoint Framework development: library component</li> <li>SharePoint Library Components \u2013 Simultaneous Parallel Development</li> <li>Tips and Tricks working with SPFx library components</li> </ul>"},{"location":"spfx/libraries/#samples","title":"Samples","text":"<ul> <li>React Templates using SPFx Library Component</li> <li>SVG Library Helper</li> </ul>"},{"location":"spfx/listitem/","title":"Listitem","text":""},{"location":"spfx/listitem/#system-upddate","title":"System Upddate","text":"<ul> <li>http://blog.arvosys.com/2018/07/06/list-items-system-update-options-in-sharepoint-online/</li> <li>https://www.linkedin.com/pulse/list-items-system-update-options-sharepoint-online-andrew-koltyakov/</li> <li>https://github.com/koltyakov/sp-sig-20180705-demo/blob/master/src/02-clientSvc/helper.ts</li> </ul>"},{"location":"spfx/listitem/#managing-lists","title":"Managing Lists","text":"<ul> <li>Managing Lists with SharePoint PnP JS in SPFx</li> </ul>"},{"location":"spfx/listitem/#audience-targeting","title":"Audience Targeting","text":"<ul> <li>Target Content on Modern SharePoint</li> <li>SharePoint Audience Targeting - How to (german version)</li> </ul>"},{"location":"spfx/logging/","title":"Logging","text":""},{"location":"spfx/logging/#logging-with-sp-core-library","title":"Logging with sp-core-library","text":"<ul> <li>Working with the Logging API</li> </ul> <p>Reference the Log class</p> <pre><code>import { Log } from \"@microsoft/sp-core-library\";\n</code></pre> <p>Log your message from your WebPart</p> <pre><code>Log.verbose(\"HelloWorld\", \"Here is a verbose log\", this.context.serviceScope);\nLog.info(\"HelloWorld\", \"Here is an informational message.\", this.context.serviceScope);\nLog.warn(\"HelloWorld\", \"Oh Oh, this might be bad\", this.context.serviceScope);\nLog.error(\"HelloWorld\", new Error(\"Oh No!  Error!  Ahhhhhh!!!!\"), this.context.serviceScope);\n</code></pre>"},{"location":"spfx/logging/#logging-with-pnp-logging","title":"Logging with pnp-logging","text":"<ul> <li>Resolve to Log-PnPLogger</li> <li>Resolve to Log</li> <li>Working With: Logging</li> <li>Integrate Logging</li> <li>Flexible and powerful logging using PnP Logging in SPFx</li> </ul>"},{"location":"spfx/logging/#logging-with-appinsights","title":"Logging with AppInsights","text":"<ul> <li>Add Azure App Insights or Google Analytics to your SharePoint pages with an SPFx Application Customizer</li> <li>Use Azure App Insights to track events in your app/web part/provisioning code</li> <li>Deploy Application Insights globally on modern SharePoint</li> </ul>"},{"location":"spfx/loop/","title":"Loop","text":""},{"location":"spfx/loop/#loop-components","title":"Loop Components","text":"<ul> <li>Learn - Overview of Loop components in the Microsoft 365 ecosystem</li> </ul>"},{"location":"spfx/metadata/","title":"Metadata","text":""},{"location":"spfx/metadata/#colums","title":"Colums","text":"<ul> <li>How to Work with Managed Metadata Columns by Using the SharePoint Client Object Model</li> <li>Configuring SharePoint Online managed metadata defaults for folders</li> <li>Configuring metadata defaults with CSOM</li> <li>How to sync taxonomy hidden list using PowerShell</li> </ul>"},{"location":"spfx/metadata/#design","title":"Design","text":"<ul> <li>How to come up with metadata?</li> <li>Struggling with Metadata? Use SharePoint Enterprise Keywords!</li> <li>METADATA PROS AND CONS IN MODERN SHAREPOINT</li> </ul>"},{"location":"spfx/metadata/#journal","title":"Journal","text":"<ul> <li>Creating journal logic</li> </ul>"},{"location":"spfx/migration/","title":"Migration","text":""},{"location":"spfx/migration/#overview","title":"Overview","text":"<ul> <li>Best practices for migrating to SharePoint and OneDrive</li> <li>All the ways to migrate the files to SharePoint Online</li> </ul>"},{"location":"spfx/migration/#good-to-know","title":"Good to know","text":"<ul> <li>Surefire ways to fail a SharePoint migration to Office 365</li> <li>Compilation of SharePoint to Office 365 Migration Best Practices</li> <li>33 things that can cause a hassle when migrating to SharePoint Online</li> <li>SharePoint Migration Infographic</li> <li>Cloud Migration </li> </ul>"},{"location":"spfx/migration/#sharegate","title":"ShareGate","text":"<ul> <li>ShareGate Limits</li> <li>File share to SharePoint migration diagram</li> <li>SharePoint to SharePoint migration diagram</li> <li>Tales of a Microsoft 365 migration \u2013 file shares</li> </ul>"},{"location":"spfx/migration/#sharepoint-migration-tool-spmt","title":"SharePoint Migration Tool (SPMT)","text":"<ul> <li>Overview of the SharePoint Migration Tool</li> <li>Download and install the SharePoint Migration Tool (SPMT)</li> <li>Migrating to Microsoft Teams using the SharePoint Migration Tool</li> </ul>"},{"location":"spfx/migration/#mover","title":"Mover","text":"<ul> <li>How to migrate files from cloud storage to SharePoint using the Mover Migration Tool</li> </ul>"},{"location":"spfx/migration/#sharepoint-manager","title":"SharePoint Manager","text":"<ul> <li>Walkthrough: Migration Manager</li> </ul>"},{"location":"spfx/migration/#documentid","title":"DocumentID","text":"<ul> <li>SHAREPOINT ONLINE AND DOCUMENT ID. THE GOODS</li> </ul>"},{"location":"spfx/migration/#permission","title":"Permission","text":"<ul> <li>Leave Those SharePoint Permissions for Office 365 Groups Alone</li> </ul>"},{"location":"spfx/migration/#wsp-repackage","title":"WSP Repackage","text":"<ul> <li>SharePoint WSP Repackage</li> </ul>"},{"location":"spfx/migration/#tipps","title":"Tipps","text":"<ul> <li>SharePoint Migration: Mind the URL Length</li> <li>Migrating to Office 365 Checklist</li> <li>Restrictions and limitations in OneDrive and SharePoint</li> </ul>"},{"location":"spfx/migration/#showcase","title":"Showcase","text":"<ul> <li>Learn how Microsoft ran its own migration</li> </ul>"},{"location":"spfx/migration/#google-drive","title":"Google Drive","text":"<ul> <li>Data Clean-up Activities to Consider Before Google Drive Migration</li> </ul>"},{"location":"spfx/migration/#tenant-to-teanant","title":"Tenant to Teanant","text":"<ul> <li>How to merge Office 365 tenants \u2013 migrate to another Microsoft 365 organization</li> </ul>"},{"location":"spfx/migration/#migration-streams-classic","title":"Migration Streams (Classic)","text":"<ul> <li>Migration Overview - Stream (Classic) to Stream (on SharePoint)</li> </ul>"},{"location":"spfx/modernpage/","title":"Modern page","text":""},{"location":"spfx/modernpage/#news-pages","title":"News pages","text":"<ul> <li>What makes a page to be a news page on SharePoint Online</li> <li>How to read the SharePoint news using Rest API in SPFx</li> <li>Keep your team in the loop with modern SharePoint news</li> </ul> <pre><code>/_api/search/query?querytext='IsDocument:True AND FileExtension:aspx AND PromotedState:2'\n</code></pre>"},{"location":"spfx/modernpage/#news-digest","title":"News digest","text":"<ul> <li>SharePoint News Digest Features and Limitations</li> <li>How to create and promote Newsletters in SharePoint &amp; Office 365</li> <li>How to enable/disable the automatic SharePoint news digest</li> <li>How to create an internal newsletter</li> <li>10 things to know about the SharePoint News digest</li> </ul>"},{"location":"spfx/mui/","title":"MUI","text":""},{"location":"spfx/mui/#testing-language","title":"Testing Language","text":"<ul> <li>Testing user preferred language of SharePoint site</li> </ul>"},{"location":"spfx/mui/#multilingual-pages","title":"Multilingual Pages","text":"<ul> <li>Multilingual publishing for pages and news posts</li> </ul>"},{"location":"spfx/mui/#localisation-of-the-user-interface","title":"Localisation of the user interface","text":"<ul> <li>SPFx &amp; react-localization, an easy alternative?</li> <li>Understanding the Multilingual User Interface (MUI)</li> <li>Demystifying the mystery behind the UI language in SharePoint</li> </ul>"},{"location":"spfx/mui/#definition-multilingual-intranet","title":"Definition Multilingual Intranet","text":"<ul> <li>MULTILINGUAL AND MODERN SHAREPOINT</li> <li>Building Multilingual SharePoint views using SPFx Field Customizers</li> <li>SharePoint Online Multi-language Modern Sites \u2013 real case, pros and cons</li> <li>SharePoint Localization \u2013 a (somewhat) comprehensive how-to!</li> <li>Creating a Multi-lingual Intranet using Communication Sites</li> <li>CUSTOMIZE SHAREPOINT MODERN PAGES USING MICROSOFT FLOW</li> <li>Using the SFPx library component for simplifying the localization experience</li> <li>Webinar Recording: Deep Dive into SharePoint Multilingual with Divyachapan (DC) Padur</li> <li>Using the new multilingual APIs in Modern SharePoint</li> <li>Working with SharePoint Online modern multilingual with the search Keyword Query Language, Query variables and the modern search webpart</li> <li>7 tips to help create and manage multilingual SharePoint communication sites</li> </ul> <p>Search Query for multilingual news</p> <pre><code>PromotedState:2 AND (SPTranslationLanguage:{CurrentDisplayLanguage} OR (NOT SPTranslatedLanguages:{CurrentDisplayLanguage} AND NOT SPIsTranslation:true))\n</code></pre>"},{"location":"spfx/mui/#samples","title":"Samples","text":"<ul> <li>Multilingual Pages</li> </ul>"},{"location":"spfx/network/","title":"Network","text":"<ul> <li>URLs-und-IP-Adressbereiche-von-Office-365</li> <li>Office365NetworkTools</li> <li>How to quickly optimize Office 365 traffic for remote staff &amp; reduce the load on your infrastructure </li> </ul>"},{"location":"spfx/network/#dns-basics","title":"DNS-Basics","text":"<ul> <li>Clientkonnektivit\u00e4t</li> <li>Office 365 Connectivity Guidance</li> <li>office-365-connectivity-guidance-part-2</li> <li>office-365-connectivity-guidance-part-3</li> <li>office-365-connectivity-guidance-part-4</li> </ul>"},{"location":"spfx/network/#tools","title":"Tools","text":"<ul> <li>PsPing v2.1</li> </ul>"},{"location":"spfx/network/#it-pro","title":"IT Pro","text":"<ul> <li>provisioning-office-365-services</li> </ul>"},{"location":"spfx/network/#ssl","title":"SSL","text":"<ul> <li>generating-wildcard-ssl-certs-for-development</li> </ul>"},{"location":"spfx/onedrive/","title":"OneDrive","text":""},{"location":"spfx/onedrive/#pre-provision","title":"Pre Provision","text":"<ul> <li>How to provision OneDrive for Microsoft 365 users</li> </ul>"},{"location":"spfx/onedrive/#sync","title":"Sync","text":"<ul> <li>How sync works</li> <li>How to disable sync in SharePoint and OneDrive</li> <li>Only sync what you need</li> <li>Check you're not syncing too many files</li> <li>Use PowerShell to get your OneDrive Sync status</li> <li>OneDrive sync error \u201cSorry, OneDrive can\u2019t add your folder right now\u201d</li> </ul>"},{"location":"spfx/onedrive/#support","title":"Support","text":"<ul> <li>OneDrive for Business troubleshooting</li> </ul>"},{"location":"spfx/patterns/","title":"Patterns","text":""},{"location":"spfx/patterns/#dependency-injection","title":"Dependency Injection","text":"<ul> <li>https://ypcode.wordpress.com/2018/07/30/elegant-di-in-spfx/</li> <li>https://github.com/ypcode/spfx-lab</li> </ul>"},{"location":"spfx/patterns/#slides","title":"Slides","text":"<ul> <li>https://www.slideshare.net/sharepointpnp</li> </ul>"},{"location":"spfx/planner/","title":"Planner","text":""},{"location":"spfx/planner/#planer-api","title":"Planer API","text":"<ul> <li>Create plans, buckets, and tasks in Planner</li> <li>Use the Planner REST API</li> </ul>"},{"location":"spfx/planner/#support","title":"Support","text":"<ul> <li>Microsoft Planner for admins</li> </ul>"},{"location":"spfx/planner/#creating-planner","title":"Creating Planner","text":"<ul> <li>Creating a Planner with Flow</li> <li>A Change Management Solution for Office 365 -Office 365 Message Center to Planner</li> <li>Github - O365 Message Center to Planner integration</li> <li></li> <li>Duplicate Microsoft Planner Plans</li> </ul>"},{"location":"spfx/planner/#powershell-module","title":"Powershell Module","text":"<ul> <li>Getting started with Microsoft Graph and PowerShell</li> <li>PowerShell and the Microsoft Graph API : Part 1, signing in</li> <li>PowerShell and the Microsoft Graph API : Part 2 \u2013 Starting to explore</li> <li>PowerShell formatting [not just] Part 3 of the Graph API series</li> <li>MsftGraph</li> <li>Unified PowerShell experience for Microsoft Graph</li> </ul>"},{"location":"spfx/planner/#reports","title":"Reports","text":"<ul> <li>Reporting Plans in a Microsoft 365 Tenant with the Planner Graph API</li> </ul>"},{"location":"spfx/planner/#blogs","title":"Blogs","text":"<ul> <li>MS Planner Blog</li> <li>HOW TO SORT PLANNER TASKS USING ORDER HINT AND MICROSOFT GRAPH</li> </ul>"},{"location":"spfx/planner/#video","title":"Video","text":"<ul> <li>Planner APIs in Microsoft Graph</li> </ul>"},{"location":"spfx/planner/#planner-architecture","title":"Planner Architecture","text":""},{"location":"spfx/planner/#tips","title":"Tips","text":"<ul> <li>Make Sure to Add Owners as Members When Creating New Teams</li> <li>Planner Does Multiplan</li> <li>Planner Supports Export to Excel</li> </ul>"},{"location":"spfx/planner/#tools-frameworks","title":"Tools / Frameworks","text":"<ul> <li>Apps4.Pro Planner Manager</li> <li>DHTMLX</li> <li>react-jsgantt</li> </ul>"},{"location":"spfx/provisioning/","title":"Provisioning","text":""},{"location":"spfx/provisioning/#reference","title":"Reference","text":"<ul> <li>Remote Provisioning Schema</li> <li>PnP Core Component Provisioning Engine Tokens</li> <li>Template Provisioning - Handlers</li> </ul>"},{"location":"spfx/provisioning/#pnp-provisining-template","title":"PnP-Provisining Template","text":"<ul> <li>Walkthrough of Site Provisioning process using PnP PowerShell</li> </ul>"},{"location":"spfx/provisioning/#custom-list-template","title":"Custom List Template","text":"<ul> <li>SharePoint Custom List Templates</li> <li>PnP PowerShell to manage list designs and create lists/libraries using list designs</li> </ul>"},{"location":"spfx/provisioning/#site-templateid","title":"Site TemplateId","text":"<ul> <li>SharePoint Online Site Template ID list for PowerShell</li> </ul>"},{"location":"spfx/provisioning/#fields","title":"Fields","text":"<ul> <li>How to: Provision Lookup Columns and Projected Fields using PnP PowerShell</li> <li>How to do column validation in SharePoint</li> <li>SharePoint Column Validation Examples</li> <li>Setting a SharePoint Image Column Value with PnP PowerShell</li> </ul>"},{"location":"spfx/provisioning/#app-bar","title":"App Bar","text":"<ul> <li>Introduction to the SharePoint app bar</li> <li>Best practices for using global navigation in the SharePoint app bar</li> </ul>"},{"location":"spfx/provisioning/#links","title":"Links","text":"<ul> <li>https://www.techmikael.com/2017/04/sharepoint-pnp-webcast-provisioning.html</li> <li>https://github.com/SharePoint/PnP-PowerShell/tree/master/Samples/Provisioning.SelfHostedWithAzureWebJob</li> <li>https://docs.microsoft.com/en-us/powershell/module/sharepoint-pnp/convert-pnpfoldertoprovisioningtemplate?view=sharepoint-ps</li> <li>https://www.techmikael.com/2017/04/creating-pnp-provisioning-file.html</li> <li>https://de.slideshare.net/sharePTkarm/how-to-automate-the-sharepoint-provisioning</li> <li>https://de.slideshare.net/DIWUG/spsnl17-be-more-effective-with-the-pnp-provisioning-engine-erwin-van-hunen</li> <li>Categories, organize and layout your Office 365 intranet with PnP Templates</li> </ul>"},{"location":"spfx/provisioning/#export-multiple-pages","title":"Export multiple pages","text":"<ul> <li>Create a modern SharePoint site template with multiple pages using PnP provisioning engine</li> <li>Exporting PnP Site Templates Including Modern Pages</li> </ul>"},{"location":"spfx/provisioning/#convert-pnp-files","title":"Convert PnP Files","text":"<ul> <li>https://github.com/Puzzlepart/prosjektportalen-program/tree/dev/.scripts</li> <li>https://docs.microsoft.com/en-us/powershell/module/sharepoint-pnp/convert-pnpfoldertoprovisioningtemplate?view=sharepoint-ps</li> </ul>"},{"location":"spfx/provisioning/#create-page-templates","title":"Create Page-Templates","text":"<ul> <li>Creating modern page templates</li> <li>Hide the template gallery from newly created sites in SharePoint</li> </ul>"},{"location":"spfx/provisioning/#flow-azure-function","title":"Flow / Azure Function","text":"<ul> <li>O365ModernProvisioning</li> <li>Provisioning an Office 365 group with an approval flow and Azure functions-part 1</li> <li>Provisioning an Office 365 group with an approval flow and Azure functions-part 2</li> <li>Provisioning an Office 365 group with an approval flow and Azure functions-part 3</li> <li>https://thomasdaly.net/2021/04/09/pnp-powershell-v4-provisioning-with-azure-functions-v3-and-power-automate/</li> </ul>"},{"location":"spfx/provisioning/#onedrive-for-business","title":"OneDrive for Business","text":"<ul> <li>How to provision OneDrive for Microsoft 365 users</li> <li>Create OneDrive for Business Site Collections using PowerShell</li> </ul>"},{"location":"spfx/provisioning/#tools","title":"Tools","text":"<ul> <li>provisionpoint.com</li> </ul>"},{"location":"spfx/provisioning/#logic-app-azure-queue","title":"Logic App &amp; Azure Queue","text":"<ul> <li>SharePoint event receiver to Azure storage queue</li> </ul>"},{"location":"spfx/provisioning/#find-empty-general-folder","title":"Find Empty General Folder","text":"<ul> <li>Error on first navigation to the files tab</li> </ul>"},{"location":"spfx/recipes/","title":"Recipes","text":""},{"location":"spfx/recipes/#timezones","title":"Timezones","text":"<ul> <li>MS Graph, Events, and Time Zones in SPFx</li> <li>Change the time zone of existing SharePoint site,</li> </ul>"},{"location":"spfx/rest/","title":"REST","text":""},{"location":"spfx/rest/#reference","title":"Reference","text":"<ul> <li>How the SharePoint REST service works</li> <li>Determine SharePoint REST service endpoint URIs</li> <li>Use OData query operations in SharePoint REST requests</li> <li>SharePoint &amp; Office 365 REST API Resources</li> <li>Using REST API For Selecting, Filtering, Sorting And Pagination in SharePoint List</li> </ul>"},{"location":"spfx/rest/#api-guidlines","title":"API Guidlines","text":"<ul> <li>Microsoft REST API Guidelines</li> </ul>"},{"location":"spfx/rest/#tools","title":"Tools","text":"<ul> <li>SharePoint REST API Metadata Explorer</li> <li>Powerful HTTP and GraphQL tool belt</li> <li>Explore SharePoint REST API with Chrome F12 cURL (bash) to Postman</li> <li>SharePoint Framework - Rest API Tester</li> </ul>"},{"location":"spfx/rest/#postman","title":"Postman","text":"<ul> <li>postman-and-office-365</li> <li>Using Postman with the Microsoft Graph</li> <li>Configure Postman to be easily used with any Azure AD protected API (SharePoint, Graph, custom etc.)</li> <li>Announcing Microsoft Graph Postman Collections</li> <li>Microsoft Graph Mailbag \u2013 Explore Microsoft Graph with Postman</li> <li>Advanced Testing with Postman - Bearer Token Authentication via scripting</li> </ul>"},{"location":"spfx/rest/#testing","title":"Testing","text":"<p>Testing in chrome console</p> <pre><code>fetch(`/sites/gridworks/_api/web/lists/getbytitle('SiteRequestsQueue')/items?$select=Id,Title,gwRequestSiteAlias&amp;$orderby=Id desc`, {\nheaders: {\nAccept: 'application/json;odata=verbose;'\n}\n}).then(res =&gt; res.json().then(json =&gt; {\njson.d.results.forEach(item =&gt; {\nconsole.log(`item: ${item.Title}`);\n});\n}));\n</code></pre>"},{"location":"spfx/search/","title":"Search","text":"<ul> <li>Overview of Microsoft Search</li> <li>Manage the search schema in SharePoint</li> <li>Sharepoint search Queries explained - Basics</li> </ul>"},{"location":"spfx/search/#tools","title":"Tools","text":"<ul> <li>MS Search Layout Designer</li> </ul>"},{"location":"spfx/search/#custom-search-result-page","title":"Custom Search Result Page","text":"<ul> <li>Create a custom search results page in SharePoint Online</li> </ul>"},{"location":"spfx/search/#pnp-modern-search","title":"PnP Modern Search","text":"<ul> <li>PnP Modern Search solution</li> <li>PnP Webcast - SharePoint Framework Modern Search Web Part</li> <li>How to Implement SharePoint Modern Search Refiners</li> <li>GalacticSummit Agnes Molnar - No Code Search Applications in SharePoint Online</li> <li>How to set up your first PnP Search Page</li> <li>PnP Modern Search Filters web part</li> <li>Using the PnP Modern Search Web Parts</li> <li>How to customize the handlebars template in PnP modern search web part?</li> <li>Image Search with PnP Modern Search v4</li> <li>How to connect two search results Web Parts together</li> <li>Using the PnP Modern Search Web Parts</li> <li>Customizing the PnP people search handlebar template in SharePoint online</li> </ul>"},{"location":"spfx/search/#microsoft-search","title":"Microsoft Search","text":"<ul> <li>Microsoft Search</li> <li>MICROSOFT SEARCH BOOKMARKS</li> </ul>"},{"location":"spfx/search/#search-tips","title":"Search Tips","text":"<ul> <li>what makes sharepoint column searchable</li> <li>How to improve your SharePoint search results</li> <li>How to search in SharePoint</li> <li>How to use Boolean Operators in SharePoint Search</li> <li>4 Levels of Search in SharePoint Online</li> <li>7 ways to search for content in SharePoint and Office 365</li> <li>SharePoint Knowledge Base: Search</li> </ul>"},{"location":"spfx/search/#managed-properties","title":"Managed Properties","text":"<ul> <li>Display Search Results in SharePoint Online</li> <li>Crawled Properties Not Created From Site Columns in Modern Team Sites</li> <li>Mapping or clearing crawled property</li> <li>SearchConfiguration</li> <li>How to create a Managed Property in SharePoint Online</li> <li>Hide content from delve but not from search</li> <li>Manage the search schema in SharePoint</li> <li>Managed Properties characteristics explained: Searchable vs. Queryable vs. Retrievable vs. Refinable</li> </ul>"},{"location":"spfx/search/#keyword-query-language-kql-syntax-reference","title":"Keyword Query Language (KQL) syntax reference","text":"<ul> <li>Keyword Query Language (KQL) syntax reference</li> <li>Keyword queries and search conditions for Content Search</li> <li>Customizing ranking models to improve relevance in SharePoint</li> <li>Create a Simple SharePoint 2013 Employee Directory on Office365</li> <li>Keyword Query Language (KQL) syntax reference</li> </ul>"},{"location":"spfx/search/#crawl-logs","title":"Crawl Logs","text":"<ul> <li>http://blogs.catapultsystems.com/eskaggs/archive/2015/05/20/microsoft-guidance-on-search-crawls-in-sharepoint-online/</li> <li>https://blogs.technet.microsoft.com/o365totd/2015/10/30/viewing-crawl-logs-in-sharepoint-online-office-365/</li> </ul>"},{"location":"spfx/search/#reindex","title":"Reindex","text":"<ul> <li>Scripts to trigger re-indexing of user profiles and content in SharePoint Online</li> <li>How to Trigger Full Reindex using PowerShell</li> </ul>"},{"location":"spfx/search/#content-source","title":"Content Source","text":""},{"location":"spfx/search/#onenote","title":"OneNote","text":"<ul> <li>https://blog.ioz.ch/onenote-notizbuecher-ueber-search-anzeigen/</li> <li>http://www.techmikael.com/2015/07/how-to-do-light-weight-search-center_21.html</li> <li>http://www.techmikael.com/2017/01/clarification-on-automatic-managed.html</li> </ul>"},{"location":"spfx/search/#documentid","title":"DocumentID","text":"<ul> <li>http://www.nubo.eu/en/blog/2017/02/Improve-Search-Experience-Documents-With-DocumentId/</li> </ul>"},{"location":"spfx/search/#ranking","title":"Ranking","text":"<ul> <li>https://github.com/wobba/SearchConfiguration</li> <li>https://msdn.microsoft.com/en-us/library/office/dn169052.aspx</li> <li>https://msdn.microsoft.com/library/dn169052.aspx</li> <li>http://mosshowto.blogspot.ch/2016/05/sharepoint2013-improve-search-relevance.html</li> <li>https://blog.mastykarz.nl/understanding-item-ranking-sharepoint-2013-search/</li> </ul>"},{"location":"spfx/search/#fileshare","title":"FileShare","text":"<ul> <li>https://social.technet.microsoft.com/wiki/contents/articles/2209.sharepoint-201020132016-best-practices-for-indexing-file-share-content.aspx</li> <li>https://blogs.msdn.microsoft.com/nicolasu/2013/07/24/sp2013-how-to-better-balance-your-distributed-file-system-dfs-crawl</li> <li>https://redmondmag.com/articles/2014/10/07/search-content-source-in-sharepoint.aspx</li> <li>https://technet.microsoft.com/en-us/library/dn535606.aspx#BKMK_UseContentSources</li> <li>http://www.bigdata-unleashed.com/20131205/crawling-von-fileshares-sharepoint-2013</li> <li>https://www.experts-exchange.com/questions/28918628/Unable-to-do-full-crawl-on-file-share-for-Sharepoint-2013-Content-Source.html</li> <li>http://kx.cloudingenium.com/microsoft/servers/sharepoint/sharepoint-2013/how-to-give-sharepoint-2013-crawler-sufficient-rightspermissions-to-crawl-file-shares</li> <li>https://social.technet.microsoft.com/Forums/office/en-US/a1eb205d-128a-46ff-967d-355dc13411d2/crawling-file-server-sharepoint-2013?forum=sharepointadmin</li> <li>https://social.technet.microsoft.com/Forums/sharepoint/en-US/942979d0-358a-4aac-9953-b2192decdfa4/creating-a-mapped-driveuser-folder-permission-problems?forum=winserverGP</li> <li>http://www.collabshow.com/2008/10/31/best-practices-for-enterprise-user-scalability-in-sharepoint</li> <li>https://profadmins.com/2014/04/07/sharepoint-doesnt-accept-the-universal-security-groups-for-granting-permissions</li> </ul>"},{"location":"spfx/search/#teamsites-groups","title":"Teamsites / Groups","text":"<ul> <li>Retrieving search results from private Groups in Office 365 via REST</li> </ul>"},{"location":"spfx/search/#search-hubsite","title":"Search HubSite","text":"<ul> <li>Search all Document under a hubsite</li> </ul>"},{"location":"spfx/search/#search-empty-terms-fields","title":"Search Empty Terms Fields","text":"<ul> <li>MONITORING FOR AN EMPTY MANAGED METADATA SHAREPOINT COLUMN</li> </ul>"},{"location":"spfx/search/#sharing-link","title":"Sharing Link","text":"<ul> <li>Sharing-Link</li> </ul> <pre><code>  # Managed Properties: SharedWithUsersOWSUSER, SharedWithDetails\n  {SearchTerms} contentclass:STS_ListItem_DocumentLibrary IsContainer&lt;&gt;true SharedWithUsersOWSUSER=0\n</code></pre>"},{"location":"spfx/search/#only-office-files","title":"Only Office Files","text":"<pre><code>{SearchTerms} ((FileExtension:mp4 OR FileExtension:doc OR FileExtension:docx OR FileExtension:xls OR FileExtension:xlsx OR FileExtension:ppt OR FileExtension:pptx OR FileExtension:pdf) AND (IsDocument:\"True\" OR contentclass:\"STS_ListItem\")) OR ContentType=\"Folder\"\n</code></pre>"},{"location":"spfx/search/#search-query-filter","title":"Search Query Filter","text":"<ul> <li>query variable trick in ms search</li> <li>filter on managed properties in search</li> </ul> <p>## News 2023</p> <ul> <li>Microsoft Search: Connecting You to Knowledge and Expertise</li> <li>How to configure Search Verticals on a SharePoint site</li> </ul>"},{"location":"spfx/search/#news-2021","title":"News 2021","text":"<ul> <li>We\u2019re making changes to search in SharePoint Online</li> </ul>"},{"location":"spfx/search/#news-2020","title":"News 2020","text":"<ul> <li>Make the most of Microsoft Search through Configuration and Administration</li> <li>What\u2019s new for Microsoft Search \u2013 Ignite 2020 Edition </li> <li>SharePoint Search REST API overview</li> <li>SharePoint Search REST API. GET and POST requests</li> </ul>"},{"location":"spfx/search/#search-all","title":"Search All","text":"<ul> <li>Tackling SharePoint's 5000 Item Limit with PowerShell and Search</li> </ul>"},{"location":"spfx/sitedesign/","title":"SiteDesign","text":""},{"location":"spfx/sitedesign/#best-practise","title":"Best practise","text":"<ul> <li>Best Practices on SharePoint Site Design</li> <li>SharePoint Modern Page Best Practices</li> <li>Site Designs for Good Information Architecture</li> <li>Site Design Deployment Made Easy</li> <li>How to create a Board of Directors Site in SharePoint Online</li> </ul>"},{"location":"spfx/sitedesign/#list-templates","title":"List templates","text":"<ul> <li>The broad world of templates when using Microsoft Lists</li> </ul>"},{"location":"spfx/sitedesign/#modern-site-provisioning","title":"Modern Site Provisioning","text":"<ul> <li>SPSBE18: New era of customizing site provisioning</li> <li>SPSBE2018-powershell</li> <li> <p>Sample mit Flow und Azure Function</p> </li> <li> <p>Provisioning complex Modern Sites with Azure Functions and Microsoft Flow \u2013 Part 1 \u2013 Architecture</p> </li> <li>Provisioning complex Modern Sites with Azure Functions and Flow \u2013 Part 2 \u2013 Create and Apply Template</li> <li>Provisioning complex Modern Sites with Azure Functions and Flow \u2013 Part 3 \u2013 Post Provisioning Site Configuration </li> <li>Building SharePoint Site Designs with Themes and Azure Functions</li> <li>Update site design to all of your sites</li> </ul>"},{"location":"spfx/sitedesign/#deploying","title":"Deploying","text":"<ul> <li>Deploying Application Customizers with a Site Design</li> </ul>"},{"location":"spfx/sitedesign/#flow-rest","title":"Flow / REST","text":"<ul> <li>Invoking a Site Design Task using REST</li> <li>Invoking unlimited actions with Site Design Tasks and Microsoft Flow</li> <li>Create Site Script and Site Template Using Power Automate in SharePoint</li> <li>How to Apply Site template (Site Design) via Power Automate</li> <li>SharePoint PnP Provisioning with Azure Logic Apps and Azure Automation</li> <li>Modern SharePoint site creation with site designs and REST</li> </ul>"},{"location":"spfx/sitedesign/#reports","title":"Reports","text":"<p>Success runs</p> <pre><code>Get-SPOSite -Limit All | ForEach-Object {  \n  $failedRuns = Get-SPOSiteDesignRun $_.Url | Get-SPOSiteDesignRunStatus | Where-Object {$_.OutcomeCode -ne \"Success\"};\n\n  if($failedRuns) {\n    Write-Output $_.Url\n    $failedRuns\n  }\n}\n</code></pre> <p>Failed runs</p> <pre><code>Get-SPOSite -Limit All | ForEach-Object {  \n  $failedRuns = Get-SPOSiteDesignRun $_.Url | Get-SPOSiteDesignRunStatus | Where-Object {$_.OutcomeCode -eq \"Faulure\"};\n\n  if($failedRuns) {\n    Write-Output $_.Url\n    $failedRuns\n  }\n}\n</code></pre>"},{"location":"spfx/sitedesign/#tips","title":"Tips","text":"<p>Know how many Site Designs and Site Scripts you have:</p> <pre><code>(Get-SPOSiteDesign | Measure).Count\n</code></pre> <pre><code>(Get-SPOSiteScript | Measure).Count\n</code></pre> <p>Delete a Site Design or a Site Script based on its unique identifier:</p> <pre><code>Remove-SPOSiteDesign -Identity $siteDesignId\n</code></pre> <pre><code>Remove-SPOSiteScript -Identity $siteScriptId\n\nDelete all Site Designs or Site Scripts at once:\n\n```Powershell\nGet-SPOSiteDesign | foreach { Remove-SPOSiteDesign -Identity $_.Id }\n</code></pre> <pre><code>Get-SPOSiteScript | foreach { Remove-SPOSiteScript -Identity $_.Id }\n</code></pre>"},{"location":"spfx/sitescripts/","title":"SiteScripts","text":"<ul> <li>SharePoint Site Scripts and Site Designs - April 2018 release</li> <li>THE ULTIMATE GUIDE TO SHAREPOINT SITE DESIGNS AND SITE SCRIPTS</li> <li>How To: Create Modern SharePoint site templates using Office 365 Site Designs</li> </ul>"},{"location":"spfx/sitescripts/#pnp-or-site-scripts","title":"PnP or site scripts","text":"<ul> <li>Using Site Designs or PnP templates for SharePoint site provisioning</li> </ul>"},{"location":"spfx/sitescripts/#reference","title":"Reference","text":"<ul> <li>Site design JSON schema</li> <li>Calling the PnP provisioning engine from a site script</li> </ul>"},{"location":"spfx/sitescripts/#tools","title":"Tools","text":"<ul> <li>Site Designs Studio 1.0</li> <li>Convert CAML List Schema to Site Scripts</li> <li>Sharepoint Site Designer</li> </ul>"},{"location":"spfx/sitescripts/#samples","title":"Samples","text":"<ul> <li>SharePoint Site Script samples</li> <li>Triggers Flow to run an Azure function containing PnP PowerShell</li> </ul>"},{"location":"spfx/sitescripts/#fields","title":"Fields","text":"<ul> <li>Taxonomie Field</li> </ul>"},{"location":"spfx/snippets/","title":"Code Snippets","text":""},{"location":"spfx/snippets/#tips-and-tricks","title":"Tips and Tricks","text":"<ul> <li>How to get Tenant &amp; User\u2019s AD ID</li> </ul>"},{"location":"spfx/snippets/#check-url","title":"Check URL","text":"<p>Use Microsoft Graph to evaluate SharePoint Urls</p>"},{"location":"spfx/snippets/#querystring","title":"QueryString","text":"<ul> <li>How to get a querystring value</li> </ul> <pre><code>import { UrlQueryParameterCollection } from '@microsoft/sp-core-library';\n\nif (queryParameters.getValue('id')) {\nid = parseInt(queryParameters.getValue('id'));\n}\n</code></pre>"},{"location":"spfx/snippets/#pnp-js-core","title":"PNP JS-Core","text":""},{"location":"spfx/snippets/#list-permission","title":"List Permission","text":"<pre><code>private _checkProductsPermissions(productsList){\nreturn pnp.sp.web.lists.getByTitle(productsList).getCurrentUserEffectivePermissions()\n.then(perms =&gt; {\nlet canEdit = pnp.sp.web.lists.getByTitle(productsList).hasPermissions(perms, PermissionKind.EditListItems);\nlet canView = pnp.sp.web.lists.getByTitle(productsList).hasPermissions(perms, PermissionKind.ViewListItems);\nif(canEdit){\nreturn 'Edit';\n} else if(canView){\nreturn 'View';\n} else {\nreturn 'None';\n}\n})\n.catch((err) =&gt; {\nconsole.log('error:', err);\nreturn 'None';\n});\n}\n</code></pre>"},{"location":"spfx/snippets/#admin-user","title":"Admin User","text":"<pre><code>// Ensure a user on site collection\nsp.web.ensureUser('john.doe@contoso.onmicrosoft.com').then(console.log);\n\n// Get site collection admins\nsp.web.siteUsers.filter(`IsSiteAdmin eq true`)\n.get().then(console.log);\n\n// Remove a user from site collection admins\nsp.web.siteUsers.getByLoginName('i:0#.f|membership|john.doe@contoso.onmicrosoft.com')\n.update({ IsSiteAdmin: false }).then(console.log);\n\n// Add a user to site collection admins\nsp.web.siteUsers.getByLoginName('i:0#.f|membership|john.doe@contoso.onmicrosoft.com')\n.update({ IsSiteAdmin: true }).then(console.log);\n</code></pre>"},{"location":"spfx/sp2016/","title":"SP2016","text":""},{"location":"spfx/sp2016/#lifecycle","title":"Lifecycle","text":"<ul> <li>Product lifecycle</li> </ul>"},{"location":"spfx/sp2016/#overview-facts","title":"Overview Facts","text":"<ul> <li>SharePoint-Framework (SPFx): Enterprise-Leitfaden</li> <li>\u00dcbersicht \u00fcber das SharePoint-Framework</li> <li>SharePoint Framework development with SharePoint 2016 Feature Pack 2</li> <li>All about SharePoint Framework For SharePoint Server 2016</li> <li>How to use SharePoint FrameWork for SharePoint 2016 on premise</li> <li>Yes, you can use Modern React on SharePoint 2016</li> </ul>"},{"location":"spfx/sp2016/#setup-development","title":"Setup Development","text":"<ul> <li>Set up your SharePoint Framework development environment</li> <li>Build your first SharePoint client-side web part (Hello World part 1)</li> <li>Connect your client-side web part to SharePoint (Hello World part 2)</li> <li>Deploy your client-side web part to a SharePoint page (Hello World part 3)</li> </ul>"},{"location":"spfx/sp2016/#developmentlocal-workbench","title":"Development(local workbench)","text":"<pre><code>gulp serve\n</code></pre> <pre><code>https://localhost:4321/temp/workbench.html\n</code></pre>"},{"location":"spfx/sp2016/#developmentonline-workbench","title":"Development(online workbench)","text":"<pre><code>gulp serve --nobrowser\n</code></pre> <pre><code>/_layouts/15/workbench.aspx\n</code></pre>"},{"location":"spfx/sp2016/#deployment","title":"Deployment","text":"<pre><code>gulp clean\n</code></pre> <pre><code>gulp build --ship\n</code></pre> <pre><code>gulp bundle --ship\n</code></pre> <pre><code>gulp package-solution --ship\n</code></pre>"},{"location":"spfx/sp2016/#troubleshooting","title":"Troubleshooting","text":"<ul> <li>SharePoint 2016, 2019 &amp; SharePoint Online: Which Version of the SharePoint Framework Should You Install?</li> <li>SPFx Development for SharePoint Server 2016</li> <li>TSLint, VS Cod</li> <li>Struggling with using SPFx on SharePoint 2016? Let me help!</li> </ul>"},{"location":"spfx/sp2016/#check-package-version","title":"Check Package Version","text":"<pre><code>node \u2013v\nnpm \u2013v\nyo --generators\ngulp \u2013v\ntsc \u2013v\ntsd --version\n</code></pre>"},{"location":"spfx/sp2016/#react","title":"React","text":"<ul> <li>sharepoint-application-pages-with-react-office-fabric-ui-interface</li> </ul>"},{"location":"spfx/sp2016/#ie-support","title":"IE Support","text":"<ul> <li>Polyfills</li> <li>Planning IE11 compatibility with SPFx components and PnPJS library</li> <li>Perform other types of HTTP requests with HttpClient and SPHttpClient in SPFx projects</li> </ul>"},{"location":"spfx/sp2019/","title":"SP2019","text":""},{"location":"spfx/sp2019/#setup-development","title":"Setup Development","text":"<ul> <li>Getting started with creating SharePoint Framework solutions for SharePoint 2019 YouTube video</li> <li>Community call where SharePoint 2019 developer platform is covered YouTube video</li> <li>Definitive guide for developers: SharePoint Framework for SharePoint Server SE</li> </ul>"},{"location":"spfx/sp2019/#new-features","title":"New Features","text":"<ul> <li>15 facts about SharePoint 2019 (German)</li> <li>New and improved features in SharePoint Server 2019</li> <li>Differences between SharePoint Server 2016 and 2019</li> </ul>"},{"location":"spfx/sp2019/#installation","title":"Installation","text":"<ul> <li>SharePointDSC Starter Template for SharePoint 2019</li> </ul>"},{"location":"spfx/sp2019/#upgrade","title":"Upgrade","text":"<ul> <li>High level overview to upgrade from SharePoint 2013 to SharePoint Server 2019</li> </ul>"},{"location":"spfx/sp2019/#webparts","title":"WebParts","text":"<ul> <li>Modern SPFx WebParts Comparison in SPOnline vs SP2019</li> </ul>"},{"location":"spfx/sp2019/#hybrid","title":"Hybrid","text":"<ul> <li>SharePoint Server hybrid configuration roadmaps</li> </ul>"},{"location":"spfx/sp2019/#configure-cloud-hybrid-search","title":"Configure cloud hybrid search","text":"<ul> <li>Configure cloud hybrid search - roadmap</li> <li>Cloud hybrid search service (Cloud SSA) FAQ</li> </ul>"},{"location":"spfx/sp2019/#applauncher","title":"AppLauncher","text":"<ul> <li>SharePoint Hybrid App Launcher Explained</li> </ul>"},{"location":"spfx/sp2019/#not-so-good","title":"Not so good","text":"<ul> <li>The TypeScript for SPFX is so out of date.... ( 2.4 ) really MS</li> </ul>"},{"location":"spfx/sp2019/#wsa-customer-experience-improvement-program","title":"WSA - Customer Experience Improvement Program","text":"<ul> <li>Disabling requests to WsaUpload.ashx (Customer Experience Improvement Program)</li> </ul>"},{"location":"spfx/sp2019/#content-script-webpart-typescript","title":"Content Script WebPart (TypeScript)","text":"<ul> <li>Using TypeScript with SharePoint Content/Script editor web parts</li> </ul>"},{"location":"spfx/sp2019/#custom-action","title":"Custom Action","text":"<ul> <li>SharePoint Sticky Footer for classic experience</li> <li>SharePoint.UI.StickyFooter</li> </ul>"},{"location":"spfx/sp2019/#certificates","title":"Certificates","text":"<p>-Renewing SharePoint Certificates on premise</p>"},{"location":"spfx/sp2019/#userprofile","title":"Userprofile","text":"<ul> <li>All about non-imported user profiles</li> <li>Check user profiles</li> </ul>"},{"location":"spfx/sp2019/#code-tips","title":"Code Tips","text":"<ul> <li>Build SharePoint Framework solutions for on-premises SharePoint with ANY version of React, TypeScript or Office UI Fabric React</li> </ul>"},{"location":"spfx/sp2019/#architecture-online-sql-onprem","title":"Architecture Online - SQL OnPrem","text":"<ul> <li>Connecting SharePoint Online to On-Premise Databases with SharePoint Framework (SPFx)</li> </ul>"},{"location":"spfx/spaces/","title":"Spaces","text":""},{"location":"spfx/spaces/#intro","title":"Intro","text":"<ul> <li>First look at SharePoint Spaces using 3D printer files</li> </ul>"},{"location":"spfx/spaces/#pnp-template","title":"PnP-Template","text":"<ul> <li>Create SharePoint Spaces templates using PnP PowerShell</li> </ul>"},{"location":"spfx/start/","title":"Dev Start","text":""},{"location":"spfx/start/#history-of-sharepoint","title":"History of SharePoint","text":"<ul> <li>The Service That SharePoint Built \u2013 a cumulative evolution story</li> </ul>"},{"location":"spfx/start/#development-starting","title":"Development starting","text":"<ul> <li>Set up your Office 365 tenant</li> <li>Set up your SharePoint Framework development environment</li> <li>SPFx developer guide \u2013 setup and solution structure overview</li> </ul>"},{"location":"spfx/starterkit/","title":"Starter Kid","text":""},{"location":"spfx/starterkit/#github","title":"GitHub","text":"<ul> <li>https://github.com/SharePoint/sp-starter-kit</li> </ul>"},{"location":"spfx/starterkit/#tipps","title":"Tipps","text":"<ul> <li>https://beaucameron.net/2018/05/22/pnp-sp-starter-kit-hints-and-tips</li> <li>https://robertschouten.com/2018/05/25/pnp-starter-kit-my-experiences</li> </ul>"},{"location":"spfx/starterkit/#performance","title":"Performance","text":"<ul> <li>https://robertschouten.com/2018/07/06/pnp-starter-kit-optimisation-considerations</li> </ul>"},{"location":"spfx/starterkit/#extension","title":"Extension","text":"<ul> <li>https://beaucameron.net/2018/07/19/customizing-the-pnp-starter-kit-for-office-365-part-1-portal-footer</li> <li>https://beaucameron.net/2018/09/03/customizing-the-sharepoint-starter-kit-for-office-365-part-3-collab-footer/</li> </ul>"},{"location":"spfx/starterkit/#webpart","title":"WebPart","text":"<ul> <li>https://robertschouten.com/2018/07/18/pnp-starter-kit-people-directory-search-issue</li> <li>https://robertschouten.com/2018/09/03/sharepoint-pnp-starter-kit-people-directory-contribution</li> </ul>"},{"location":"spfx/stream/","title":"Stream","text":""},{"location":"spfx/stream/#links","title":"Links","text":"<p>Stream (built on SharePoint), the new version of Microsoft Stream</p>"},{"location":"spfx/support/","title":"Support","text":""},{"location":"spfx/support/#top-limitations","title":"Top limitations","text":"<ul> <li>https://sharepointmaven.com/top-5-limitations-of-sharepoint-online/</li> <li>Top 10 limitations in Microsoft Teams</li> </ul>"},{"location":"spfx/support/#content-video","title":"Content &amp; Video","text":"<ul> <li>How to present your video and content side by side in a Microsoft Teams meeting</li> </ul>"},{"location":"spfx/support/#troubleshoot","title":"Troubleshoot","text":"<ul> <li>SharePoint Online troubleshooting</li> </ul>"},{"location":"spfx/support/#sharepoint-documentation","title":"SharePoint Documentation","text":"<ul> <li>SharePoint help center</li> <li>SharePoint Online admin</li> <li>SharePoint Online Troubleshooting</li> <li>Office troubleshooting for admins and IT professionals</li> <li>SharePoint Server</li> </ul>"},{"location":"spfx/support/#licence-changes","title":"Licence Changes","text":"<ul> <li>Power Platform licensing, November 2021 updates</li> <li>Microsoft 365 Licensing</li> <li>Understanding Power Platform Licensing</li> <li>Neue Lizenzierung von PowerApps</li> <li>PowerApps Licence Changes in terms that Matt Weston understands!</li> <li>PowerApps and Microsoft Flow licensing FAQs for October 2019</li> <li>Microsoft 365 Compliance Licensing Comparison</li> <li>Compare Microsoft 365 Enterprise Plans</li> </ul>"},{"location":"spfx/support/#partner-secure-application-model","title":"Partner Secure Application Model","text":"<ul> <li>Enabling the Secure Application Model framework</li> <li>Security requirements for using Partner Center or Partner Center APIs</li> <li>Connect to Exchange Online automated when MFA is enabled (Using the SecureApp Model)</li> </ul>"},{"location":"spfx/support/#sharepoint-spo","title":"SharePoint SPO","text":"<ul> <li>SharePoint Online Support Info</li> <li>Sharepoint 2019 Feature Ids</li> <li>Change a site address</li> <li>Set up a home site for your organization</li> <li>SharePoint Admin API Access</li> </ul>"},{"location":"spfx/support/#storage-limits","title":"Storage Limits","text":"<ul> <li>Manage site storage limits</li> </ul>"},{"location":"spfx/support/#admin-o365","title":"Admin O365","text":"<ul> <li>TechNet Gallery - Office365</li> <li>http://aka.ms/Office-Developer (alle wichtigen Office DEV Links)</li> <li>http://aka.ms/Office-TechGuide </li> <li>https://support.office.com/?ui=de-DE&amp;rs=de-CH&amp;ad=CH&amp;fromAR=1</li> <li>https://technet.microsoft.com/de-ch/</li> <li>https://products.office.com/de-CH/</li> <li>Admin-Help-O365</li> <li>https://support.office.com/en-us/</li> <li>free-ebooks-microsoft</li> <li>Click-2-Run</li> <li>URLs-und-IP-Adressbereiche-von-Office-365</li> <li>sharepoint-licensing-overview</li> <li>free-microsoft-training-resources</li> </ul>"},{"location":"spfx/support/#azure-error-codes","title":"Azure Error Codes","text":"<ul> <li>All AADSTS Errors</li> <li>Search AADSTS Nummer</li> <li>Resolving error AADSTS90056</li> <li>Breaking: Changes to app authentication on SharePoint! </li> </ul>"},{"location":"spfx/support/#spo","title":"SPO","text":"<ul> <li>Navigation options for SharePoint Online</li> </ul>"},{"location":"spfx/support/#guest-users","title":"Guest Users","text":"<ul> <li>Ultimate Admin Guide to Microsoft Teams Guest Users</li> <li>SHAREPOINT ONLINE GUEST USER TROUBLES AND HOW TO GET PAST THEM</li> </ul>"},{"location":"spfx/support/#external-access","title":"External Access","text":"<ul> <li>Troubleshooting external access to SharePoint sites</li> <li>SPFx Webpart \u2013 External User Access</li> </ul>"},{"location":"spfx/support/#diagnostics","title":"Diagnostics","text":"<ul> <li>use-the-page-diagnostics-tool-for-sharepoint-online</li> </ul>"},{"location":"spfx/support/#performance","title":"Performance","text":"<ul> <li>Creating and launching a healthy SharePoint portal</li> <li>Best practices for optimizing performance of SharePoint sites and portals in Microsoft 365</li> </ul>"},{"location":"spfx/support/#webparts","title":"WebParts","text":"<p>Maintenance mode</p> <ul> <li>open-and-use-the-web-part-maintenance-page</li> <li>How to open SharePoint pages in maintenance mode</li> <li>Query String URL Tricks for SharePoint and Microsoft 365</li> <li>Generate Modern List Filter URL: Managed Metadata</li> </ul> <pre><code>?maintenancemode=true\n</code></pre> <ul> <li>Disable SPFx web parts and extensions</li> </ul> <pre><code>?disable3PCode=1\n</code></pre> <p>DisableTelemetry</p> <ul> <li>Disabling Telemetry network traffic on SPFx workbench</li> </ul> <pre><code>?disableTelemetry=true\n</code></pre> <p>Debug localization</p> <pre><code>?forceLocale=fr-fr\n</code></pre> <p>Search vertical layout refresh</p> <ul> <li>View the vertical in the search result page</li> </ul> <pre><code>?cacheClear=true\n</code></pre> <p>Hide the navigation</p> <ul> <li>Hide the navigation and the header in modern SharePoint pages</li> </ul> <pre><code>?env=Embedded is the new ?isDlg=1 \n</code></pre> <pre><code>?env=WebViewList\n</code></pre> <ul> <li>SPFX webpart serving old files versions in Chrome</li> </ul> <pre><code>?Embed=true&amp;sw=bypass\n```html\n\nFilter URL\n\n- [Generate Modern List Filter URL: Managed Metadata](https://piyushksingh.com/2019/05/24/generate-modern-list-filter-url-managed-metadata/)\n- [How to filter a SharePoint list or library using URL parameters](https://natechamberlain.com/2020/05/09/how-to-filter-a-sharepoint-list-or-library-using-url-parameters/)\n\n\nNews Links\n\n- [Edit news links](https://emilymancini.com/2020/01/16/editing-a-news-link-in-sharepoint-online/)\n\nto clear (debug) configs\n\n```html\n?stay=true\n</code></pre> <p>Error Handling</p> <ul> <li>simulating 429 throttling</li> <li>Simulating 429 Throttling in Microsoft Graph API (SharePoint/OneDrive workloads)</li> </ul> <pre><code>?test429=true\n</code></pre>"},{"location":"spfx/support/#lists","title":"Lists","text":"<ul> <li>Switch to classic mode</li> <li>Organize-documents-and-sites-in-office-365</li> <li>Manage-large-lists-and-libraries-in-SharePoint</li> <li>Optimising Large List Updates with PnP Batch: Handling Throttling and Enhancing Efficiency</li> </ul>"},{"location":"spfx/support/#recyclebin","title":"RecycleBin","text":"<ul> <li>Bulk delete recycle bin items from a site in batch</li> </ul>"},{"location":"spfx/support/#create-documentation","title":"Create Documentation","text":"<ul> <li>article/ways-to-work-with-sharepoint</li> <li>Doctor - Creating SharePoint Documentation</li> </ul>"},{"location":"spfx/support/#login-error","title":"Login Error","text":"<ul> <li>How to log in to Microsoft\u2019s websites (MSDN forums, Azure Portal, SharePoint Online) when you get a 'Bad Request' error?</li> <li>Inconvenient Microsoft Teams Authentication Error \u2013 Clear all Cookies</li> <li>SPFx App webpart is blocked in various browsers</li> <li>Authenticating to Api\u2019s and Third Party Cookies</li> </ul> <pre><code>edge://settings/siteData?search=cookie\n</code></pre>"},{"location":"spfx/support/#throttling","title":"Throttling","text":"<ul> <li>Avoid throttling in SharePoint Online by using RateLimit headers in API calls</li> <li>Using RateLimit headers to optimize the throttling behavior</li> </ul>"},{"location":"spfx/support/#graph-api-errors-429","title":"Graph API Errors 429","text":"<ul> <li>Simulating throttling in SharePoint</li> <li>How to use the Microsoft Graph SDK Chaos Handler to Simulate Graph API Errors</li> <li>Microsoft Graph Developer Proxy</li> </ul>"},{"location":"spfx/support/#tips","title":"Tips","text":"<ul> <li>The scientific methodology for troubleshooting SharePoint</li> <li>Open in Explorer or View with File Explorer in SharePoint</li> </ul>"},{"location":"spfx/support/#invalid-file-names-and-types","title":"Invalid File Names and Types","text":"<ul> <li>Invalid file names and file types in OneDrive, OneDrive for Business, and SharePoint</li> <li>File naming restrictions in SharePoint</li> <li>SharePoint Naming Guidelines</li> <li>File types supported for previewing files in OneDrive, SharePoint, and Teams</li> </ul>"},{"location":"spfx/support/#no-scripts-embedding-scripts","title":"No-Scripts / embedding-scripts","text":"<ul> <li>Don't allow embedding scripts on modern sites</li> <li>Advice on using unsupported customisations (and more) in a SharePoint Online environment</li> </ul>"},{"location":"spfx/support/#followed-sites","title":"Followed Sites","text":"<ul> <li>Social Following Sites on behalf of a user</li> </ul>"},{"location":"spfx/support/#o365-network-planning","title":"O365 Network planning","text":"<ul> <li>Network planning and performance tuning for Office 365</li> <li>Office 365 URLs and IP address ranges</li> </ul>"},{"location":"spfx/support/#clean-o365","title":"Clean O365","text":"<ul> <li>POWERSHELL SCRIPTS FOR KEEPING YOUR DEVELOPMENT ENVIRONMENT TIDY AND SPOTLESS</li> </ul>"},{"location":"spfx/support/#classic-features","title":"Classic Features","text":"<ul> <li>Classic Administration Links</li> </ul>"},{"location":"spfx/support/#webdav","title":"WebDAV","text":"<ul> <li>Troubleshooting Explorer view and mapped drives to SharePoint</li> <li>DrDAV - A PowerShell-based diagnostic script for Windows WebClient service.</li> <li>Zee Drive for Office 365</li> </ul>"},{"location":"spfx/support/#makros-vba","title":"Makros /VBA","text":"<ul> <li>[Readiness Toolkit to assess application compatibility for Mic</li> </ul>"},{"location":"spfx/support/#sway","title":"Sway","text":"<ul> <li>Your community for best practices and the latest news on Sway</li> </ul>"},{"location":"spfx/teams-adoption/","title":"Teams Adoption","text":""},{"location":"spfx/teams-adoption/#learning","title":"Learning","text":"<ul> <li>EDX: Microsoft Service Adoption Specialist</li> <li>Get started driving adoption of Microsoft Teams</li> <li>Tools and workshops: Plan, deliver, and adopt Microsoft Teams</li> </ul>"},{"location":"spfx/teams-adoption/#blog","title":"Blog","text":"<ul> <li>DrivingAdoption</li> </ul>"},{"location":"spfx/teams-adoption/#material","title":"Material","text":"<ul> <li>Teamworktools</li> <li>Adoption Guide Book</li> <li>Adopt Microsoft Teams</li> <li>SharePoint and Office 365: Securely sharing, managing, governing, and protecting content at Microsoft</li> <li>Understand teams and channels in Microsoft Teams</li> </ul>"},{"location":"spfx/teams/","title":"Teams","text":"<ul> <li>An Everyday Guide to Office 365 Groups</li> <li>Microsoft Teams Platform Architecture Overview with Teams Founder, Bill Bliss</li> <li>Microsoft Teams developer documentation</li> </ul>"},{"location":"spfx/teams/#start-developing","title":"Start Developing","text":"<ul> <li>Prepare your Microsoft 365 tenant</li> <li>Get Started with the Getting Started Sample App</li> <li>App-Camp</li> <li>Enabling Dev Tools in the New Microsoft Teams Client</li> </ul>"},{"location":"spfx/teams/#support","title":"Support","text":"<ul> <li>Keyboard shortcuts for Microsoft Teams</li> <li>Microsoft Teams: How to clean cache</li> <li>A guide to troubleshooting Teams</li> </ul>"},{"location":"spfx/teams/#overview","title":"Overview","text":"<ul> <li>All-in-One Collaboration</li> <li>Teams and SharePoint: Better Together</li> <li>Everything You Need to Know About Microsoft Teams</li> <li>Inner Loop &amp; Outer Loop</li> </ul>"},{"location":"spfx/teams/#planing","title":"Planing","text":"<ul> <li>Modern Governance f\u00fcr SharePoint Team Sites sind zu beachten</li> <li>Microsoft Teams planning guide</li> <li>Core components of Teams</li> <li>Limits and specifications for Microsoft Teams</li> <li>Difference in permission between an owner and a member</li> <li>Overview of Teams and SharePoint integration</li> </ul>"},{"location":"spfx/teams/#training-video","title":"Training video","text":"<ul> <li>Microsoft Teams video training</li> <li>Governance, management and lifecycle in Microsoft Teams</li> </ul>"},{"location":"spfx/teams/#developing","title":"Developing","text":"<ul> <li>Start building apps for Teams</li> <li>Build apps for Microsoft Teams</li> <li>Overview and Concepts - Part 1</li> <li>Do you need ngrok to develop Microsoft Teams apps?</li> </ul> <ul> <li>Features and Components analysis - Part 2</li> </ul>"},{"location":"spfx/teams/#coding","title":"Coding","text":"<ul> <li>A Yeoman Generator for Microsoft Teams</li> <li>Get started with Teams templates</li> <li>App Templates for Microsoft Teams</li> </ul>"},{"location":"spfx/teams/#azure-app-configuration","title":"Azure App Configuration","text":"<ul> <li>Configure Teams Applications with Azure App Configuration (nodeJS)</li> <li>teams-ext-action-azure-config</li> <li>General Microsoft 365 Developer SIG community call \u2013 8th of July, 2021 </li> </ul>"},{"location":"spfx/teams/#personal-app-properties","title":"Personal App Properties","text":"<ul> <li>Store Microsoft Teams SPFx Personal App Properties</li> </ul>"},{"location":"spfx/teams/#deployment","title":"Deployment","text":"<ul> <li>How to deploy a Yo Teams generated project to Azure through Azure DevOps</li> <li>Team development for Microsoft Teams apps</li> </ul>"},{"location":"spfx/teams/#teams-toolkit-visual-studio-code","title":"Teams Toolkit Visual Studio Code","text":"<ul> <li>Teams Toolkit Visual Studio Code v5 Guide</li> <li>Bring your existing projects to Teams Toolkit for Visual Studio Code</li> </ul>"},{"location":"spfx/teams/#message-extensions","title":"Message Extensions","text":"<ul> <li>Where to start developing your messaging extension using Microsoft Teams Toolkit</li> </ul>"},{"location":"spfx/teams/#personal-apps","title":"Personal Apps","text":"<ul> <li>Personal apps</li> <li>Building Microsoft Teams tab using SharePoint Framework - Tutorial</li> <li>Create Microsoft Teams manifest manually for a web part and deploy it to Microsoft Teams</li> </ul>"},{"location":"spfx/teams/#administration","title":"Administration","text":"<ul> <li>Overview of Teams</li> <li>Which Office 365 Service to Use</li> <li>Selecting users for your Microsoft Teams pilot phase</li> <li>Top 10 Office 365 Best Practices Every Admin Should Know</li> <li>Getting Started with Microsoft Teams Administration</li> </ul>"},{"location":"spfx/teams/#teams-adviser","title":"Teams Adviser","text":"<ul> <li>Overview Microsoft Teams Advisor</li> </ul>"},{"location":"spfx/teams/#microsoft-teams-versus-sharepoint-teams","title":"Microsoft Teams versus Sharepoint Teams","text":"<ul> <li>http://blog.intlock.com/microsoft-teams-vs-sharepoint-teams-enhance-collaboration-work</li> <li>https://www.avepoint.com/blog/microsoft-teams/office-365-groups-vs-teams/</li> <li>http://blog.pixelmill.com/3580/microsoft-teams-sharepoint-destined-lifelong-partners/</li> </ul>"},{"location":"spfx/teams/#private-channels","title":"Private Channels","text":"<ul> <li>Top 5 things to know about private channels in Microsoft Teams</li> </ul>"},{"location":"spfx/teams/#deep-links","title":"Deep Links","text":"<ul> <li>Deep linking into a custom teams application</li> </ul>"},{"location":"spfx/teams/#tipps","title":"Tipps","text":"<ul> <li>https://collab365.community/microsoft-teams-hacks</li> <li>Office 365 Groups Naming Policy</li> <li>Get Office 365 Groups with Teams via PowerShell and the Microsoft Graph</li> <li>https://laurakokkarinen.com/useful-things-to-do-with-graph-api-teams-operations</li> <li>PowerShell scripts for managing Office 365 Groups and Microsoft Teams</li> </ul>"},{"location":"spfx/teams/#querys-reports","title":"Querys / Reports","text":"<ul> <li>How to find inactive Microsoft Teams you no longer need</li> <li>Get all Teams Groups</li> <li>Get Office 365 Groups with Teams via PowerShell and the Microsoft Graph</li> </ul> <pre><code>https://graph.microsoft.com/beta/groups?$filter=resourceProvisioningOptions/Any(x:x eq 'Team')\n</code></pre>"},{"location":"spfx/teams/#blogs","title":"Blogs","text":"<ul> <li>http://drewmadelung.com</li> </ul>"},{"location":"spfx/teams/#governance-with-teams","title":"Governance with teams","text":"<ul> <li>Automate governance in Microsoft Teams: Context and Goals</li> <li>Automate governance in Microsoft Teams: The Result</li> <li>Automate governance in Microsoft Teams: Implementation, v1</li> <li>Automate governance in Microsoft Teams: Implementation, v2</li> </ul>"},{"location":"spfx/teams/#governance-tools","title":"Governance Tools","text":"<ul> <li>Easylife365</li> </ul>"},{"location":"spfx/teams/#securing-teams","title":"Securing Teams","text":"<ul> <li>Securing Microsoft Teams</li> </ul>"},{"location":"spfx/teams/#devops","title":"DevOps","text":"<ul> <li>Create Azure DevOps pipelines for a Microsoft Teams app built with SPFx</li> </ul>"},{"location":"spfx/teams/#provisioning-with-template","title":"Provisioning with Template","text":"<ul> <li>Create Teams with template</li> <li>Provisioning Teams with Azure Functions and Microsoft Flow Part 1: Solution Overview</li> <li>Microsoft Teams \u2013 Automation of Teams Creation</li> <li>Provision Microsoft Teams with Azure Automation \u2013 Part I</li> <li>Episode #73 - Provisioning Teams with the PnP Provisioning Engine</li> <li>Episode #99 - Updates about Provisioning Teams with PnP Provisioning Engine</li> <li>Episode #120 - Microsoft Teams Templates</li> <li>Provisioning teams in Microsoft Teams using the PnP Provisioning Engine</li> <li>PiaSys/Conferences-Samples/Teams-Provisioning</li> <li>Manage Team Templates with PowerShell</li> </ul>"},{"location":"spfx/teams/#renaming-teams","title":"Renaming Teams","text":"<ul> <li>Renaming Teams and Channels Can Be Messy</li> <li>Renaming a Microsoft Team and the associated SharePoint site</li> </ul>"},{"location":"spfx/teams/#teams-for-education","title":"Teams for Education","text":"<ul> <li>Teams for Education, Fundamentals</li> </ul>"},{"location":"spfx/teams/#presenting-in-teams","title":"Presenting in Teams","text":"<ul> <li>The right way to present a PowerPoint file during a Microsoft Teams meeting</li> </ul>"},{"location":"spfx/teams/#dataverse","title":"Dataverse","text":"<ul> <li>Overview of Microsoft Dataverse for Teams</li> <li>Reshape the future of work with Microsoft Dataverse for Teams</li> <li>A Closer Look at Data Platform Capabilities in Project Oakdale</li> <li>Manage Microsoft Dataverse for Teams environments</li> <li>Power Platform in a Modern Data Platform Architecture</li> <li>Dataverse REST Builder</li> </ul>"},{"location":"spfx/teams/#pro-contra-sharepointdataverse","title":"Pro / Contra SharePoint/Dataverse","text":"<p>Making Good Technology Decisions: Data Storage 8 top reasons to use Dataverse or SharePoint lists in the Power Platform Key considerations and differences between Lists, Dataverse for Teams, and Dataverse</p>"},{"location":"spfx/testing/","title":"Testing","text":""},{"location":"spfx/testing/#typescript-testing","title":"TypeScript Testing","text":"<ul> <li>Introduction to Test-Driven Development (TDD) with Classic TDD Example</li> <li>How to Setup a TypeScript + Node.js Project</li> <li>Simple TypeScript Starter | 2020</li> <li>Introduction to Test-Driven Development (TDD) with TypeScript | 2021</li> </ul>"},{"location":"spfx/testing/#toolchain-setup","title":"Toolchain Setup","text":"<ul> <li>automated code reviews ts-project 1</li> <li>automated code reviews ts-project 2</li> </ul>"},{"location":"spfx/testing/#playwright","title":"Playwright","text":"<ul> <li>playwright</li> </ul>"},{"location":"spfx/testing/#react-testing-library","title":"React Testing Library","text":"<ul> <li>React Testing Library</li> <li>Testing In React Tutorial - Jest and React Testing Library</li> </ul>"},{"location":"spfx/testing/#jest","title":"Jest","text":"<ul> <li>SharePoint Framework unit-tests with Jest</li> <li>Writing unit tests for your SharePoint Framework components</li> <li>Unit Test your SharePoint Framework solution with Jest</li> <li>Demo: Simplify SPFx test configuration with Jest Presets</li> <li>jest-preset-spfx-react16</li> <li>SPFx Deep Dive Webinar Series: Unit Test SPFx Solutions using Jest and Enzyme</li> <li>Community Demo - Simplify SPFx test configuration with Jest Presets</li> <li>Test-Driven Development with React, Jest, and Enzyme - Part 1</li> <li>PiaSys: Episode #33 - Testing SharePoint Framework Solutions with Jest and Enzyme</li> <li>PiaSys: spfx-testing-v-1-9-1</li> <li>Extend SPFx solution testability: Let\u2019s start</li> <li>Extend SPFx solution testability: TDD in Data Access Layer</li> <li>Extend SPFx solution testability: TDD in View Layer</li> <li>Extend SPFx solution testability: TDD in View Layer part 2</li> <li>Extend SPFx solution testability: dealing with legacy code and async components</li> <li>Mock teams library in SPFx project</li> <li>Publish Code Coverage Results in Azure DevOps Pipeline for React</li> <li>Mocking 3rd party libraries with jest for SPFx developers</li> <li>spfx-wp-react-app</li> <li>State of SPFx unit testing in 2023</li> </ul>"},{"location":"spfx/testing/#testing-hooks","title":"Testing Hooks","text":"<ul> <li>react-hooks-testing-library</li> <li>spfx-ut-library - Mocking library for SPFx</li> </ul>"},{"location":"spfx/testing/#samples","title":"Samples","text":"<ul> <li>SharePoint Framework Unit-Tests Sample with Jest</li> <li>PFx-Jest-Enzyme-Sinon unit testing starter kit</li> <li>React Inversion Of Control Web Part with Unit Tests using Jest and Enzyme</li> <li>message-bar</li> <li>Table Of Contents for SharePoint</li> <li>unit-test-samples</li> <li>mgwdev-spfx-utfx</li> <li>SharePoint Framework Unit Tests - Part 1</li> <li>Getting started with unit testing SPFx</li> </ul>"},{"location":"spfx/testing/#tdd","title":"TDD","text":"<ul> <li>Introduction to Test driven development(TDD) of SharePoint Framework solution using Jest &amp; Enzyme</li> </ul>"},{"location":"spfx/testing/#generate-test-data","title":"Generate test data","text":"<ul> <li>Mockaroo</li> <li>Generatedata</li> <li>Public APIs</li> </ul>"},{"location":"spfx/testing/#frontend-testing-witd-playwright","title":"Frontend Testing witd Playwright","text":"<ul> <li>Getting started with Playwright component testing</li> <li>Test Your Site In Every Browser</li> </ul>"},{"location":"spfx/theme/","title":"Theme","text":"<ul> <li>How to create a multicolored theme fora modern sharepoint online site</li> <li>BRK3090 - Customizing Modern SharePoint Sites: Branding, Site Scripts and Site Designs</li> <li>https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-themes</li> <li>http://tricky-sharepoint.blogspot.ch/2017/04/using-sharepoint-themes-colors-in-spfx.html</li> <li>http://sass-lang.com/guideaspx</li> <li>How to: Use PowerShell to customize the theme of a SharePoint Modern Site</li> <li>How to make your web parts responsive to the parent container</li> <li>Brand modern SharePoint Online sites</li> <li>two approaches to applying modern theme</li> <li>SPFX integration for theme support</li> <li>Creating a Section Aware webpart in SPFx</li> <li>Adding support for theme variants in SPFx web parts</li> </ul>"},{"location":"spfx/theme/#get-theme","title":"Get Theme","text":"<pre><code>$t = Get-PnPTenantTheme -Name \"Contoso Team Theme\"\n$t.Palette | ConvertTo-Json | Clip\n</code></pre>"},{"location":"spfx/theme/#section-backgrounds","title":"Section Backgrounds","text":"<ul> <li>Supporting section backgrounds</li> <li>Develop SPFx web parts for different section designs using CSS</li> <li>Using Custom Color for Section Backgrounds and Page Headers</li> <li>Adding support for theme variants in SPFx web parts</li> </ul>"},{"location":"spfx/theme/#office-fabric-tips","title":"Office Fabric Tips","text":"<ul> <li>How to handle table component of Office UI Fabric</li> <li>Office UI Fabric Table Example</li> <li>sp-modern-classes</li> </ul>"},{"location":"spfx/theme/#responsive-tips","title":"Responsive Tips","text":"<ul> <li>How to test responsiveness and user experience for SPFx web parts properly</li> <li>Simulate Mobile Devices with Device Mode in Chrome DevTools</li> </ul>"},{"location":"spfx/theme/#css-learning","title":"CSS Learning","text":"<ul> <li>Learn CSS</li> </ul>"},{"location":"spfx/theme/#css-tips","title":"CSS Tips","text":"<ul> <li>CodyHouse is a library of HTML, CSS, JS nuggets</li> <li>A Complete Guide to Grid</li> <li>CSS Grid\u200a\u2014\u200aResponsive layouts and components</li> <li>MDN: Use CSS to solve common problems </li> <li>Part 1: Style Options &amp; How to Import</li> <li>Part 2: Dynamic Bundling of Styles</li> <li>Guidance for CSS in SharePoint Framework</li> </ul>"},{"location":"spfx/theme/#css-grid","title":"CSS Grid","text":"<ul> <li>A Complete Guide to CSS Grid</li> <li>Grid - Einf\u00fchung in 4 Schritten</li> <li>CSS Grid \u2013 Einf\u00fchrung in Gestaltungsraster mit dem Grid Layout Module</li> <li>Grid by Examples</li> </ul>"},{"location":"spfx/theme/#flexbox","title":"Flexbox","text":"<ul> <li>An Interactive Guide to Flexbox</li> <li>A Complete Guide to Flexbox</li> <li>Interactive Flex Generator</li> </ul>"},{"location":"spfx/theme/#css-box-model","title":"CSS Box Model","text":"<ul> <li>CSS Box Model</li> </ul>"},{"location":"spfx/theme/#css-specification","title":"CSS Specification","text":"<ul> <li>Specificity Calculator</li> <li>Specificity</li> </ul>"},{"location":"spfx/theme/#tools","title":"Tools","text":"<ul> <li>SPFxThemeWiz</li> <li>codepen.io</li> <li>caniuse.com</li> <li>CSS Validation Service</li> <li>mozilla addon - web-developer</li> <li>open-ui.org</li> <li>shadcn/ui - Build your component library</li> </ul>"},{"location":"spfx/theme/#testing","title":"Testing","text":"<ul> <li>Panthema web part</li> <li>How to test SPFx web part theming</li> </ul>"},{"location":"spfx/theme/#debug","title":"Debug","text":""},{"location":"spfx/theme/#output-theme-variables","title":"Output theme variables","text":"<ul> <li>Source Code</li> </ul> <pre><code>var palette = window.__themeState__.theme;\nvar containerElement = document.createElement(\"div\");\ncontainerElement.style.padding = \"1em\";\ncontainerElement.style.fontFamily = \"sans-serif\";\ncontainerElement.style.columnCount = \"3\";\ndocument.body.appendChild(containerElement);\nvar arr = Object.keys(palette).map(k =&gt; {\nvar colorElement =document.createElement(\"div\");\ncolorElement.style.marginTop = \"1ex\";\nvar nameElement =document.createElement(\"span\");\nnameElement.style.display = \"inline-block\";\nnameElement.style.minWidth= \"150px\";\nnameElement.innerHTML = k\ncolorElement.appendChild(nameElement );\nvar squareElement = document.createElement(\"span\");\nsquareElement.style.display= \"inline-block\";\nsquareElement.style.border= \"solid 1px #888\";\nsquareElement.style.width = \"12px\";\nsquareElement.style.height = \"12px\";\nsquareElement.style.margin = \"0 2px 0 1ex\";\nsquareElement.style.backgroundColor = window.__themeState__.theme[k];\ncolorElement.appendChild(squareElement);\nvar hexElement =document.createElement(\"span\");\nhexElement.innerHTML = window.__themeState__.theme[k];\ncolorElement.appendChild(hexElement);\ncontainerElement.appendChild(colorElement);\n});\n</code></pre> <pre><code>window.spModuleLoader._bundledComponents[\"b6917cb1-93a0-4b97-a84d-7cf49975d4ec\"].PageManager._instance.pageContext.legacyPageContext\n</code></pre>"},{"location":"spfx/toolchain/","title":"Toolchain","text":"<ul> <li>cmd.ms</li> </ul>"},{"location":"spfx/toolchain/#overview","title":"Overview","text":"<ul> <li>SharePoint Framework toolchain</li> <li>SharePoint Framework development tools and libraries</li> </ul>"},{"location":"spfx/toolchain/#from-classic-to-modern","title":"From classic to modern","text":"<ul> <li>Conquer your dev toolchain in 'Classic' SharePoint \u2013 Part 1</li> <li>Conquer your dev toolchain in 'Classic' SharePoint \u2013 Part 2</li> <li>Conquer your dev toolchain in 'Classic' SharePoint \u2013 Part 3</li> <li>Conquer your dev toolchain in 'Classic' SharePoint \u2013 Part 4</li> </ul>"},{"location":"spfx/toolchain/#webpack","title":"Webpack","text":"<ul> <li>webpack-basics-part-1</li> <li>getting-up-to-speed-with-webpack</li> <li>(Update the Webpack Config</li> </ul>"},{"location":"spfx/toolchain/#prepare","title":"Prepare","text":"<ul> <li>Preparing development machine for client-side SharePoint projects</li> </ul>"},{"location":"spfx/toolchain/#commands","title":"Commands","text":"<ul> <li>SPFx Commands Cheat Sheet</li> </ul>"},{"location":"spfx/toolchain/#gulp","title":"Gulp","text":"<ul> <li>Getting up to speed with Gulp</li> <li>Gulp: Basics</li> <li>SPFx Automatically Generating Revision Numbers</li> <li>SPFx Automatically Generating Revision Numbers + Versioning</li> <li>One command to create a clean solution package</li> </ul>"},{"location":"spfx/toolchain/#gulp-dist","title":"gulp dist","text":"<ul> <li>One command to create a clean solution package</li> </ul> <p>install npm package</p> <pre><code>npm install gulp-sequence --save-dev\n</code></pre> <p>add to gulpfile.js</p> <pre><code>if (process.argv.indexOf('dist') !== -1){\nprocess.argv.push('--ship');\n}\n\nconst gulpSequence = require('gulp-sequence');\n\ngulp.task('dist', gulpSequence('clean', 'bundle', 'package-solution'));\n</code></pre>"},{"location":"spfx/toolchain/#deployment","title":"Deployment","text":"<ul> <li>https://github.com/estruyf/UploadToOffice365SPFx/blob/master/gulpfile.js</li> <li>https://github.com/estruyf/gulp-spsync-creds</li> <li>https://n8d.at/blog/how-to-version-new-sharepoint-framework-projects/?platform=hootsuite</li> </ul>"},{"location":"spfx/toolchain/#npm","title":"NPM","text":""},{"location":"spfx/toolchain/#package-lockjson","title":"package-lock.json","text":"<ul> <li>https://medium.com/coinmonks/everything-you-wanted-to-know-about-package-lock-json-b81911aa8ab8</li> </ul>"},{"location":"spfx/toolchain/#optimization-packages","title":"Optimization packages","text":"<ul> <li>https://docs.microsoft.com/en-us/sharepoint/dev/spfx/toolchain/optimize-builds-for-production</li> <li>https://docs.microsoft.com/en-us/sharepoint/dev/spfx/toolchain/optimize-builds-for-production</li> <li>https://rencore.com/sharepoint-framework/script-check/</li> <li>https://www.techmikael.com/2018/08/an-adventure-into-optimizing-sharepoint.html</li> </ul>"},{"location":"spfx/toolchain/#update-packages","title":"Update packages","text":"<ul> <li>https://gist.github.com/iki/ec32bfdeeb23930efd15</li> </ul> <pre><code># check\nnpm outdated -g\n\n# install\nnpm -g i npm-check\n\n# interactive update of global packages\nnpm-check -u -g\n\n# interactive update for a project you are working on\nnpm-check -u\n\n# unistall package\nnpm uninstall -g &lt;module&gt;\n</code></pre>"},{"location":"spfx/toolchain/#check-package-version","title":"Check package version","text":"<ul> <li>https://github.com/dylang/npm-check</li> </ul> <p>List global npm  packages versions</p> <pre><code>npm list -g --depth 0\n</code></pre> <p>List detail global npm  package versions from one package</p> <pre><code>npm view @microsoft/generator-sharepoint\n</code></pre>"},{"location":"spfx/toolchain/#pnpm","title":"PNPM","text":"<ul> <li>NPM, Yarn and PNPM: Which Package Manager Should You Use for SharePoint Framework Projects?</li> <li>pnpm - Package Manager</li> <li>Using pnpm in SPFx projects</li> </ul>"},{"location":"spfx/toolchain/#packagejson","title":"Package.json","text":"<ul> <li>https://docs.npmjs.com/files/package.json</li> </ul>"},{"location":"spfx/toolchain/#security","title":"Security","text":"<ul> <li>have-you-ever-thought-about-checking-your-dependency-for-vulnerabilities</li> <li>5 ways to manage and monitor your digital workplace</li> </ul>"},{"location":"spfx/toolchain/#installation","title":"Installation","text":"<ul> <li>getting-up-to-speed-with-node-js-and-npm</li> </ul>"},{"location":"spfx/toolchain/#update-spfx-version","title":"Update SPFx version","text":"<ul> <li>go into solution folder</li> <li>search f\u00fcr \"@micorosoft/sp-\"</li> <li>update all package (latest or version)</li> </ul> <pre><code>npm outdated\n</code></pre> <pre><code>npm install package-name@latest --save\n</code></pre> <pre><code>npm install package-name@version --save\n</code></pre> <pre><code>gulp clean\n</code></pre> <pre><code>gulp build\n</code></pre>"},{"location":"spfx/toolchain/#test","title":"Test","text":"<pre><code>gulp serve --nobrowser\n</code></pre>"},{"location":"spfx/toolchain/#tips","title":"Tips","text":"<ul> <li>https://pdemro.com/improve-sharepoint-framework-build-times-by-hacking-gulp-and-webpack</li> <li>https://github.com/pdemro/spfx-gulpfile-hack</li> </ul>"},{"location":"spfx/toolchain/#deployment_1","title":"Deployment","text":"<pre><code>npm i\ngulp clean\ngulp build\ngulp --ship\ngulp package-solution --ship\n</code></pre>"},{"location":"spfx/toolchain/#dependencies","title":"Dependencies","text":"<ul> <li>https://docs.npmjs.com/cli/install</li> </ul> <pre><code>npm install saves any specified packages into dependencies by default. Additionally, you can control where and how they get saved with some additional flags:\n\n-P, --save-prod: Package will appear in your dependencies. This is the default unless -D or -O are present.\n\n-D, --save-dev: Package will appear in your devDependencies.\n\n-O, --save-optional: Package will appear in your optionalDependencies.\n</code></pre>"},{"location":"spfx/toolchain/#version-manger-nvm-npx","title":"Version Manger (nvm, npx)","text":"<ul> <li>How to install Node.js on Windows</li> <li>Node Version Manager (nvm) for Windows</li> <li>Use SPFx and NVM in an easy way with PowerShell</li> <li>How to use specific NodeJS version with your SPFx project</li> <li>Better Node.js Install Management with Node Version Manager</li> <li>Use Node Version Manager to develop your SPFx apps </li> </ul> <pre><code>// check version\nnode --version\n\n// list installed versions of node (via nvm)\nnvm ls\n\n// To list available remote versions on Windows 10 you can type\nnvm list available\n\n// install a specific version of node\nnvm install 10.22.1\nnvm install 8.17.0\n\nnvm list\n\n// switch version of node\nnvm use 10.22.1\n\n# for spfx deployment\n\nnpm i -g gulp\nnpm i -g yo\nnpm i -g @microsoft/generator-sharepoint\ngulp trust-dev-cert\n\n# for spfx advanced\nnpm i -g @pnp/office365-cli\nnpm i -g spfx-fast-serve\nnpm i -g @pnp/generator-spfx\nnpm i -g npm-check\n</code></pre>"},{"location":"spfx/toolchain/#eslint","title":"ESLint","text":"<ul> <li>ESLint in SPFx Projects</li> </ul>"},{"location":"spfx/typescript/","title":"Typescript","text":""},{"location":"spfx/typescript/#reference","title":"Reference","text":"<ul> <li>TypeScript Cheatsheet</li> <li>Learn X in Y minutes</li> <li>TypeScript Handbook</li> <li>Why TypeScript</li> <li>pluralsight typescript course</li> <li>https://github.com/Microsoft/TypeScript/wiki</li> <li>https://github.com/basarat/typescript-book</li> <li>https://basarat.gitbooks.io/typescript/content/docs/getting-started.html</li> <li>https://www.gitbook.com/book/basarat/typescript/details</li> <li>https://codewich.com/</li> <li>https://github.com/lakshaydulani/typescript-summary</li> <li>https://github.com/netdur/typescript-design-patterns</li> <li>clean-code-typescript</li> </ul>"},{"location":"spfx/typescript/#typescript-version-for-spfx","title":"Typescript Version for SPFx","text":"<ul> <li>Use Different Versions of TypeScript in SPFx projects</li> </ul>"},{"location":"spfx/typescript/#tutorial","title":"Tutorial","text":"<ul> <li>http://dotnetdetail.com/learn-typescript-from-basic/</li> <li>http://dotnetdetail.com/learn-typescript-step-by-step-with-suitable-example/</li> </ul>"},{"location":"spfx/typescript/#library","title":"Library","text":"<ul> <li>https://github.com/alexjoverm/typescript-library-starter</li> </ul>"},{"location":"spfx/typescript/#typings","title":"Typings","text":"<ul> <li>https://github.com/cashfarm/autotypes</li> </ul>"},{"location":"spfx/typescript/#code-snippets","title":"Code Snippets","text":""},{"location":"spfx/typescript/#isemptystring","title":"isEmptyString","text":"<pre><code>/**\n    * Check if the value is null, undefined or empty\n    *\n    * @param value\n    */\nprivate _isEmptyString(value: string): boolean {\nreturn value === null || typeof value === \"undefined\" || !value.length;\n}\n</code></pre>"},{"location":"spfx/typescript/#_isnull","title":"_isNull","text":"<pre><code>/**\n    * Check if the value is null or undefined\n    *\n    * @param value\n    */\nprivate _isNull(value: any): boolean {\nreturn value === null || typeof value === \"undefined\";\n}\n</code></pre>"},{"location":"spfx/upgrade/","title":"Upgrade","text":""},{"location":"spfx/upgrade/#office-365-cli","title":"Office 365 CLI","text":"<ul> <li>https://blog.mastykarz.nl/upgrade-sharepoint-framework-project-office-365-cli/</li> <li>https://tahoeninjas.blog/2018/06/12/upgrade-your-spfx-solution-to-sharepoint-framework-package-v1-5/</li> </ul>"},{"location":"spfx/upgrade/#update-framework","title":"Update Framework","text":"<ul> <li>http://www.sharepointnutsandbolts.com/2018/05/Update-SPFx-version.html</li> <li>https://docs.microsoft.com/en-us/sharepoint/dev/spfx/toolchain/update-latest-packages</li> <li> <p>http://sharepoint.handsontek.net/2017/12/11/asset-packaging-and-the-goodies-from-sharepoint-framework-1-4</p> </li> <li> <p>https://joelfmrodrigues.wordpress.com/2018/03/02/sharepoint-framework-checklist/</p> </li> <li>https://www.sharepointnutsandbolts.com/2018/05/Update-SPFx-version.html</li> <li>Commands to upgrade an SPFx project to version 1.6</li> </ul> <p>go into solution folder</p> <pre><code>npm outdated\n</code></pre> <p>search f\u00fcr \"@micorosoft/sp-\" update all</p> <p><pre><code>npm install package-name@version --save\n</code></pre> or</p> <pre><code>npm install package-name@latest --save\n</code></pre> <pre><code>gulp clean\ngulp build\n</code></pre>"},{"location":"spfx/upgrade/#support-issues","title":"Support Issues","text":""},{"location":"spfx/upgrade/#azure-permission","title":"Azure Permission","text":"<ul> <li>http://spblog.net/post/2018/09/19/You-might-experience-errors-when-first-trying-new-SPFx-16-features</li> <li>https://github.com/SharePoint/sp-dev-docs/issues/2473#issuecomment-419111117</li> </ul> <p><code>bs - Go to the \"API Management\"-section in the SharePoint Preview Admin Center (https://TENANT-admin.sharepoint.com/_layouts/15/online/AdminHome.aspx#/webApiPermissionManagement)   - Ensure that no permissions are there anymore    - Head over to the App Registrations Page in the Azure Portal.   - Click \"View all applications\"   - Click \"SharePoint Online Client Extensibility Web Application Principal\"   - Choose \"Settings\" &gt; \"Required Permissions\"   - Click \"Add\"     - \"Select an API\" and choose \"Windows Azure Active Directory\", press \"Select\"     - \"Select Permissions\" and choose \"Sign in and read user profile\", press \"Select\"   - Click \"Done\"   - Click \"Grant permissions\" and \"Yes\"   - Update the app package in the app catalog   - Head back to the \"API Managment\"-section:     - Ensure that \"Windows Azure Active Directory\" is already listed in the approved permissions (this permission should be here because of the previously executed steps).     - Approve all permission requests one by one. Once this is done, reload the page to ensure that all permissions are actually approved as the SharePoint UI doesn't always behave as expected.   - Wait a couple of minutes   - Log out of SharePoint, close all browser windows and log in again   - Access your intranet and everything should be fine</code></p>"},{"location":"spfx/userprofile/","title":"User Profile","text":"<ul> <li>Looking at Things in Profile</li> </ul>"},{"location":"spfx/userprofile/#sync-user-picture","title":"Sync User Picture","text":"<ul> <li>Information about profile picture synchronization in Microsoft 365</li> <li>SharePoint Online UserProfiles and the story about synchronizing with Azure Active Directory-Part 1</li> <li>SharePoint Online UserProfiles and the story about synchronizing with Azure Active Directory-Part 2</li> <li>How the UserProfile in Azure Active Directory and how a Mailbox in Exchange Online looks like</li> <li>How user profile picture synchronization works in Microsoft 365</li> <li>How to Control Updates for User Photos in Microsoft 365 Apps</li> <li>Change your own profile picture as a Guest in Microsoft Teams</li> <li>Profilbilder synchronisieren in Microsoft 365</li> </ul>"},{"location":"spfx/userprofile/#get-user-picture","title":"Get User Picture","text":"<ul> <li>How to get SharePoint profile picture</li> </ul>"},{"location":"spfx/userprofile/#edit-user-profiles","title":"Edit User Profiles","text":"<ul> <li>Edit-User-Properties</li> </ul>"},{"location":"spfx/ux/","title":"UX","text":""},{"location":"spfx/ux/#style-guide","title":"Style Guide","text":"<ul> <li>Simple Style Guide Generator for SharePoint and Office 365 Development</li> </ul>"},{"location":"spfx/ux/#design-rules","title":"Design Rules","text":"<ul> <li>Laws aof UX</li> <li>RefactoringUI</li> </ul>"},{"location":"spfx/ux/#ux-tools","title":"UX Tools","text":"<ul> <li>SP Axure Library Downloads</li> <li>CSS Grid Generator</li> <li>CSS shadows Generator</li> <li>neumorphism</li> <li>Open-Source UI elements made with HTML and CSS</li> </ul>"},{"location":"spfx/ux/#page-layout","title":"Page layout","text":"<ul> <li>Design Review: Page layout and typography of communication sites</li> </ul>"},{"location":"spfx/versions/","title":"SPFx Versions","text":"<ul> <li>Overview SPFx Versions</li> <li>SPFx Compatibility Matrix</li> <li>SPFx development tools and libraries compatibility</li> <li>SPFx project doctor</li> </ul> <pre><code>m365 spfx project doctor --output md &gt; \"doctor-report.md\"\n</code></pre>"},{"location":"spfx/versions/#check-versions","title":"Check versions","text":"<ul> <li>What version of Node can I use for SharePoint Framework?</li> <li>SharePoint 2016, 2019 &amp; SharePoint Online: Which Version of the SharePoint Framework Should You Install?</li> <li>What SharePoint Framework version can I use?</li> <li>How to check SharePoint Framework version</li> </ul>"},{"location":"spfx/versions/#v18","title":"v1.8","text":"<ul> <li>What's in the latest Update of SPFx 1.8.0?</li> <li>Release notes for SharePoint Framework 1.8</li> <li>Using the full potential of React in SharePoint Framework 1.8.0</li> <li>SPFx 1.8 now supports Office Fabric React 6.156.0</li> <li>SharePoint Framework 1.8 Has Been Released!</li> <li>Common Issues in SPFx 1.8.0 with TypeScript 3.3</li> </ul>"},{"location":"spfx/versions/#office-fabric-version","title":"Office Fabric Version","text":"<ul> <li>Use Office UI Fabric React components in your SharePoint client-side web part</li> </ul>"},{"location":"spfx/versions/#fluent-ui","title":"Fluent UI","text":"<ul> <li>Fluent UI (Controls Web)</li> </ul>"},{"location":"spfx/versions/#azure-communication-service-ui-library","title":"Azure Communication Service UI Library","text":"<ul> <li>Azure Communication Services UI Library - UI Components</li> </ul>"},{"location":"spfx/webhooks/","title":"Webhooks","text":""},{"location":"spfx/webhooks/#reference","title":"Reference","text":"<ul> <li>introduction-to-sharepoint-webhook</li> </ul>"},{"location":"spfx/webhooks/#video","title":"Video","text":"<ul> <li>PnP Webcast - Introduction to SharePoint Webhooks -SharePoint Online Webhooks with Azure Functions</li> </ul>"},{"location":"spfx/webhooks/#sample","title":"Sample","text":"<ul> <li>WebHooks.List.AzureAD</li> <li>WebHooks.List</li> </ul>"},{"location":"spfx/webhooks/#guide","title":"Guide","text":"<ul> <li>SharePoint web hooks Azure AD reference implementation - Deployment guide</li> <li>Using Azure Functions with SharePoint webhooks</li> </ul>"},{"location":"spfx/webparts/","title":"Webparts","text":""},{"location":"spfx/webparts/#find-weparts","title":"Find WeParts","text":"<ul> <li>Find out where SPFx Web Parts are being used in Modern SharePoint sites</li> <li>Locatepages where particular webpart</li> <li>Upgrading the PnP Modern Search Web Parts from v3 to v4 - UpgradeWebParts</li> </ul>"},{"location":"spfx/webparts/#design","title":"Design","text":"<ul> <li>SharePointWireframes</li> <li>Designing a SharePoint web part</li> <li>SharePoint Framework Design Series: Property Panes \u2014 Part I</li> <li>SharePoint Framework Design Series: Property Panes \u2014 Part II</li> <li>SharePoint Framework Design Series: Property Panes \u2014 Part III</li> <li>SharePoint Framework Design Series: Web Part Titles and Descriptions</li> <li>harePoint Framework Design Series: Layout Patterns \u2014 Part I</li> </ul>"},{"location":"spfx/webparts/#localization","title":"Localization","text":"<ul> <li>Localize SharePoint Framework client-side web parts</li> <li>Implementing localization file checks to prevent issues in SharePoint Framework solutions</li> <li>Simplify localization in SharePoint Framework projects</li> <li>Using the SFPx library component for simplifing the localization experience</li> </ul>"},{"location":"spfx/webparts/#version","title":"Version","text":"<ul> <li>Display the solution version in your web part</li> </ul>"},{"location":"spfx/webparts/#properties","title":"Properties","text":"<ul> <li>spfx-web-part-properties-dynamic-dropdown</li> <li>simplify-adding-web-parts-with-preconfigured-entries</li> <li>Web part properties in the SharePoint Framework \u2013 part 1</li> <li>Web part properties in the SharePoint Framework \u2013 part 2</li> <li>Creating a property pane for editing items in your SPFx web parts</li> <li>Understanding manifest.js file in spx project</li> <li>Understanding spfx Solution Structure</li> <li>Restrict Permissions on Editing SharePoint SPFx Property Pane Configurations</li> <li>SharePoint Framework Web Part and Property Pane Lifecycles</li> <li>Integrate PnP SPFx React controls inside the Property Pane collection data control</li> <li>an SPFX Tour sample WebPart</li> </ul>"},{"location":"spfx/webparts/#edit-mode","title":"Edit Mode","text":"<ul> <li>Trigger the edit page experience from your SharePoint Framework solution</li> <li>Check the page display mode from within your SharePoint Framework extensions</li> </ul>"},{"location":"spfx/webparts/#sppagecontextinfo","title":"spPageContextInfo","text":"<ul> <li>Access _spPageContextInfo details in SharePoint Framework</li> </ul> <p>In the F12 Developer Console, you can call</p> <pre><code>window.spModuleLoader._bundledComponents[\"b6917cb1-93a0-4b97-a84d-7cf49975d4ec\"].PageManager._instance.pageContext.legacyPageContext\n</code></pre>"},{"location":"spfx/webparts/#dynamic-default-properties","title":"Dynamic default properties","text":"<ul> <li>Dynamic default properties in SPFx web parts</li> </ul>"},{"location":"spfx/webparts/#group-webpart","title":"Group WebPart","text":"<ul> <li>SharePoint Online Group Calendar Web Part Tutorial</li> </ul>"},{"location":"spfx/webparts/#news-webpart","title":"News WebPart","text":"<ul> <li>EXPIRING NEWS ACROSS MODERN SHAREPOINT</li> <li>Injecting HTML content with PnP PowerShell</li> </ul>"},{"location":"spfx/webparts/#highlighted-content-web-part-hcwp","title":"Highlighted Content Web Part (HCWP)","text":"<ul> <li>Highlighted Content WebPart</li> <li>Use the Highlighted content web part</li> </ul>"},{"location":"spfx/webparts/#document-library-webpart","title":"Document Library WebPart","text":"<ul> <li>Can the document library web part look like Stream?</li> </ul>"},{"location":"spfx/webparts/#help-tutorial-webpart","title":"Help / Tutorial WebPart","text":"<ul> <li>Add in-place scripted tutorials in your SPFx components</li> </ul>"},{"location":"spfx/webparts/#samples","title":"Samples","text":"<ul> <li>SharePoint Framework Client-Side Web Part Samples</li> <li>https://github.com/wobba/spfx4fun/tree/master/react-pageheaderconfigurator</li> <li>https://github.com/wobba/sp-dev-fx-webparts/tree/modernscripted/samples/react-script-editor</li> <li>http://www.sharepointnutsandbolts.com/2017/03/provisioning-modern-pages-and-spfx-web-parts.html</li> <li>https://msdn.microsoft.com/en-us/pnp_articles/modern-experience-customizations-customize-pages#using-the-pnp-support-for-modern-pages-and-client-side-web-parts</li> <li>https://github.com/OlivierCC/spfx-40-fantastics</li> <li>https://www.codeproject.com/Articles/1235629/Sharepoint-Framework-SPFx-Large-List-Webpart-using</li> <li>https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples</li> <li>https://gist.github.com/vman/1941ce6c61cebca1bfe3e490ce63185e#file-msgraphnospfx-js</li> <li>https://veenstra.me.uk/2017/07/18/office-365-spfx-samples-a-complete-overview/</li> <li>https://veenstra.me.uk/2017/08/01/office-365-sharepoint-spfx-web-parts-that-are-not-part-of-the-spfx-samples/</li> <li>https://blog.velingeorgiev.com/how-add-spfx-webpart-full-width-column</li> <li>https://blog.velingeorgiev.com/sharepoint-framework-slide-swiper</li> <li>https://techcommunity.microsoft.com/t5/SharePoint-Blog/MVP-Blog-Build-Targeted-Training-on-Office-365-Adoption-Center/ba-p/170840</li> <li>http://www.carlosmontilla.com/single-post/2017/12/05/Create-an-Enterprise-Search-Web-Part-for-Modern-Pages</li> <li>https://github.com/hugoabernier/react-calendar-feed</li> <li>https://github.com/aflyen/spfx-webpart-sitesifollow</li> <li>https://github.com/aflyen/spfx-extension-fullpagecanvas</li> <li>Office UI Fabric Persona with Skype for Business status integration</li> <li>Facebook Feed webpart with custom UI</li> <li>Web Part built using React showing documents trending in the current site</li> <li>Employee Directory with SPFX ReactJS Using SharePoint Search Rest Api \u2013 Modern Webpart</li> <li>Puzzlepart presents the modern flexible Divider web part</li> <li>Vimeo webpart</li> <li>Filtered Documents webpart</li> <li>Birthday SPFx, Web Part</li> <li>Celebrate work anniversaries on your SharePoint Intranet</li> <li>Add Google Charts into SharePoint Framework Web Part</li> <li>Display Google Fit Information | Getting Started With Google Fitness REST API</li> <li>How to let users fill out new documents based on a template in Office client directly from SharePoint | Office URI Schemes</li> <li>Google search web part</li> <li>Promoted Links Web Part</li> <li>List Pivot Table \u2013 WebPart</li> <li>React Flow Diagram Web Parts</li> <li>Fabric UI React GroupedLists inside Pivot Tabs</li> <li>React Tree Organization Web Part</li> <li>react-display-hierarchy</li> <li>react-cs-images-suggestion: a SPFX sample webpart using Azure Cognitive Services</li> <li>Share data between SPFx webpart</li> <li>Office 365 Usage Reports using Microsoft Graph API</li> <li>Group People Web Part | gitlab.lsonline.fr</li> <li>How To Create/ Generate QRcode In SPFx Web Part</li> <li>Create a simple a \u2013 z in page</li> <li>spfx-react-covid-19 - chart</li> <li>spfx-jquery-owlcarousel</li> <li>sudharsank - samples</li> </ul>"},{"location":"spfx/webparts/#project-webparts","title":"Project WebParts","text":"<ul> <li>Modern Project Site Example</li> <li>VerticalTimeline</li> <li>react-google-charts - timeline</li> <li>JavaScript Calendar React</li> </ul>"},{"location":"spfx/webparts/#isolated-webparts","title":"Isolated WebParts","text":"<ul> <li>Isolated web parts</li> <li>SPFx isolated web parts with AadHttpClient</li> </ul>"},{"location":"spfx/webparts/#filtering-webparts","title":"Filtering WebParts","text":"<ul> <li>SPFx - Image Gallery with filtering</li> <li>Microsoft Search and the integrated image search in M365</li> </ul>"},{"location":"spfx/webparts/#send-mail","title":"Send Mail","text":"<ul> <li>SPFx - Send Emails &amp; Attachments With Graph API</li> <li>How to Send an Email Using a Graph API in SharePoint Framework (SPFx)</li> <li>How To Attach A File While Sending Email Using Graph API In SharePoint Framework (SPFx)</li> </ul>"},{"location":"spfx/webparts/#external-lib","title":"External Lib","text":"<ul> <li>How to add external libraries and assets in SharePoint client-side web part</li> <li>React Templates using SPFx Library Component</li> <li>How to consume a third-party SPFx library</li> </ul>"},{"location":"spfx/webparts/#config-variables","title":"Config Variables","text":"<ul> <li>Using .env files in SharePoint Framework development</li> </ul>"},{"location":"spfx/webparts/#create-pdf","title":"Create PDF","text":"<ul> <li>Generate PDF Document In Spfx</li> </ul>"},{"location":"spfx/webparts/#caml-query","title":"CAML Query","text":"<ul> <li>Query schema</li> <li>CamlJs</li> <li>Camlex.NET.dll</li> <li>CAML Query</li> </ul>"},{"location":"spfx/webparts/#terms-sets","title":"Terms Sets","text":"<ul> <li>Display hierarchical Term Sets to your Web Part</li> <li>Get all child terms from term group in SharePoint Taxonomy using PnP JS</li> <li>How to filter list items by Managed Metadata Fields or Taxonomy Columns</li> </ul>"},{"location":"spfx/webparts/#reusable-react-control","title":"Reusable React control","text":"<ul> <li>SPFx reusable React control field-picker-list-data</li> </ul>"},{"location":"spfx/webparts/#share-data-in-webpart","title":"Share Data in WebPart","text":"<ul> <li>Share data between SPFx webpart</li> </ul>"},{"location":"spfx/webparts/#dynamic-load-webpart","title":"Dynamic Load WebPart","text":"<ul> <li>https://github.com/wobba/spfx4fun/blob/master/DynamicLoad</li> </ul>"},{"location":"spfx/webparts/#samplesexercises","title":"Samples/Exercises","text":"<ul> <li>https://github.com/ktskumar/spfxguidesamples</li> <li>https://www.c-sharpcorner.com/article/amazing-guide-to-sharepoint-framework-development-with-react/</li> <li>https://github.com/agzertuche/SPFx-Exercises</li> </ul>"},{"location":"spfx/webparts/#overview-modern-webparts","title":"Overview Modern WebParts","text":"<ul> <li>http://aurorabits.com/modern-sharepoint-web-parts/</li> <li>http://aurorabits.com/modern-sharepoint-web-parts-2/</li> </ul>"},{"location":"spfx/webparts/#available-webparts","title":"Available WebParts","text":"<ul> <li>https://tracyvanderschyff.com/2018/07/23/overview-of-sharepoint-online-web-parts/</li> <li>Available web parts</li> </ul>"},{"location":"spfx/webparts/#modern-pages","title":"Modern Pages","text":"<ul> <li>http://www.sharepointnutsandbolts.com/2017/03/provisioning-modern-pages-and-spfx-web-parts.html</li> </ul>"},{"location":"spfx/webparts/#css-tips","title":"CSS Tips","text":"<ul> <li>Alternative to innerHTML in SharePoint Framework web parts</li> <li>Add SPFx Web Part to a Full Width Column</li> </ul>"},{"location":"spfx/webparts/#rest-call","title":"Rest Call","text":"<ul> <li>async rest calls with promises httpclient jquery</li> <li>Get list of frequent sites in SharePoint</li> <li>Get list of recent documents in SharePoint</li> </ul>"},{"location":"spfx/webparts/#cors","title":"CORS","text":"<ul> <li>Getting around CORS issues in SPFx with SPHttpClient</li> </ul>"},{"location":"spfx/webparts/#products","title":"Products","text":"<ul> <li>http://bindtuning.com/webparts</li> </ul>"},{"location":"spfx/webparts/#package-bundling","title":"Package bundling","text":"<ul> <li>Video Dynamic SPFx Package Bundling</li> </ul>"},{"location":"spfx/webparts/#web-accessibility-a11y","title":"Web accessibility (a11y)","text":"<ul> <li>Web accessibility (also referred to as a11y) in React components</li> </ul>"},{"location":"spfx/webparts/#redirecting","title":"Redirecting","text":"<ul> <li>SPFx Anchor Tags</li> <li>Navigating to other pages in SharePoint Framework from code</li> <li>sp-starter-kit: redirect</li> </ul>"},{"location":"spfx/webparts/#dialog","title":"Dialog","text":"<ul> <li>Modal Dialog, show classic SharePoint forms</li> </ul>"},{"location":"spfx/webparts/#wiki-pages","title":"Wiki Pages","text":"<ul> <li>Create a TOC for your SharePoint Wiki pages</li> </ul>"},{"location":"spfx/webparts/#replacing-the-out-of-the-box-web-part","title":"Replacing the out of the box web part","text":"<ul> <li>Replacing the out of the box divider web part with this one</li> </ul> <pre><code>Connect-PnPOnline https://tenantname-admin.sharepoint.com\n$ctx = Get-PnPContext\n$tenant = New-Object -TypeName \"Microsoft.Online.SharePoint.TenantAdministration.Tenant\" -ArgumentList $ctx\n# Get existing list of blocked web parts\n$ids = @($tenant.DisabledWebPartIds)\n# Add the id for the out of the box Divider web part\n$ids += [Guid]'2161a1c6-db61-4731-b97c-3cdb303f7cbb'\n$ids = $ids | Where-Object {$_}\n$tenant.DisabledWebPartIds = $ids\n$tenant.Update()\nInvoke-PnPQuery\n</code></pre>"},{"location":"spfx/webparts/#office-add-in","title":"Office Add-in","text":"<ul> <li>Register an Office Add-in that uses single sign-on (SSO) with the Microsoft identity platform</li> <li>Enable single sign-on (SSO) in an Office Add-in</li> </ul>"},{"location":"tools/blazor/","title":"Blazor","text":""},{"location":"tools/blazor/#overview","title":"Overview","text":"<ul> <li>Awesome Blazor</li> <li>Blazor University</li> <li>aspnet-core-blazor</li> <li>Blazor Web Assembly and Microsoft Graph with Azure Functions</li> </ul>"},{"location":"tools/blazor/#teams-apps","title":"Teams Apps","text":"<ul> <li>Blazorade-Teams</li> <li>Video: Building Microsoft Teams Apps with Blazor</li> <li>PnP Dev General Community Call Demo, Feb 4 2021 - Blazor Teams App</li> </ul>"},{"location":"tools/blazor/#blogger","title":"Blogger","text":"<ul> <li>mikaberglund</li> </ul>"},{"location":"tools/blazor/#workshop","title":"Workshop","text":"<ul> <li>Blazor - app building workshop</li> <li>Blazor MS-Teams Tab App Series</li> <li>Video: Microsoft Graph Toolkit with Blazor</li> </ul>"},{"location":"tools/contentful/","title":"Contentful","text":""},{"location":"tools/contentful/#overviews","title":"Overviews","text":"<ul> <li>Create a Blog App With Next.js and Contentful API</li> </ul>"},{"location":"tools/contentful/#samples","title":"Samples","text":"<ul> <li>FoodBlogContentful</li> </ul>"},{"location":"tools/dev/","title":"Dev Tools","text":"<ul> <li>2022.stateofjs</li> <li>2022.stateofcss</li> <li>Web Almanac</li> </ul>"},{"location":"tools/dev/#secret-knowledge","title":"Secret knowledge","text":"<ul> <li>The book of Secret knowledge</li> </ul>"},{"location":"tools/dev/#html-prototype","title":"Html Prototype","text":"<ul> <li>html-codepen</li> <li>codesandbox</li> <li>images-unsplash</li> <li>icons-iconfinder</li> </ul>"},{"location":"tools/dev/#stack-2020","title":"Stack 2020","text":"<ul> <li>My Tech Stack (2020 Edition)</li> </ul>"},{"location":"tools/dev/#nextjs","title":"Next.js","text":"<ul> <li>Awesome Next.js </li> <li>Next.js and Reactstrap Admin Dashboard Project</li> <li>nextjs-reactstrap</li> <li>Airframe React</li> <li>react-admin</li> <li>Next.js from the Ground Up</li> <li>How Next.js is delivering React\u2019s vision for the future</li> </ul>"},{"location":"tools/dev/#shopify","title":"Shopify","text":""},{"location":"tools/dev/#hydrogen","title":"Hydrogen","text":"<ul> <li>How We Built Hydrogen: A React Framework for Building Custom Storefronts</li> </ul>"},{"location":"tools/dev/#create-new-project","title":"Create new project","text":"<ul> <li>Create Next App</li> <li>nextjs-admin-template - Pal.js UI</li> </ul>"},{"location":"tools/dev/#tailwind-css","title":"Tailwind CSS","text":"<ul> <li>tailwindcss.com</li> <li>tailwindcss play</li> <li>Integrating Tailwind CSS framework into a SPFx React project for advance User Experience</li> <li>react-tailwindcss</li> <li>Your First Tailwind Website</li> <li>How to build a landing page with Tailwind CSS, Tailwind UI, Vite.js \u2013 tutorial video</li> <li>Tailwind CSS: From Zero to Production\" on YouTube</li> <li>Source Code - From Zero to Production</li> </ul>"},{"location":"tools/dev/#tailwind-spfx","title":"Tailwind &amp; SPFx","text":"<ul> <li>react-tailwindcss</li> <li>How to Set Up Tailwind CSS in a SPFx Project</li> <li>spfx-react-tailwindcss</li> </ul>"},{"location":"tools/dev/#design-to-code","title":"Design to Code","text":"<ul> <li>MS Fabric and Stardust to Fluent UI</li> <li>MS Fluent UI Starting</li> <li>Design to HTML</li> <li>Top 22 Prototyping Tools For UI And UX Designers 2020</li> </ul>"},{"location":"tools/dev/#best-practises","title":"Best practises","text":"<ul> <li>khalilstemmler - advanced TypeScript &amp; Node.js best practices</li> </ul>"},{"location":"tools/dev/#msdn","title":"MSDN","text":"<ul> <li>MSDM-Subscriptions</li> </ul>"},{"location":"tools/dev/#tools-list","title":"Tools List","text":"<ul> <li>Useful Developer Tools</li> <li>My 12 Favorite Chrome Extensions as a Web Developer</li> <li>The tools for a SharePoint developer - Part 2</li> <li>msportals.io</li> <li>SharePoint Quicklinks</li> <li>Graph X-Ray</li> <li>PnP Sharing is Caring VS Code Extensions</li> <li>Tools that I use &amp; \u2764\ufe0f</li> </ul>"},{"location":"tools/dev/#framework-trends","title":"Framework Trends","text":"<ul> <li>npmtrends</li> </ul>"},{"location":"tools/dev/#regexp","title":"RegExp","text":"<ul> <li>regex101</li> </ul>"},{"location":"tools/dev/#create-shortcuts","title":"Create shortcut(s)","text":"<ul> <li>create shortcut(s) for your common SharePoint Framework generator commands</li> </ul>"},{"location":"tools/dev/#debug","title":"Debug","text":"<ul> <li>mastykarz: easily debug production version</li> <li>sergei-sergeev: easily debug production version</li> </ul>"},{"location":"tools/dev/#tweetdeck-twitter","title":"TweetDeck (Twitter)","text":"<ul> <li>How to filter for SharePoint Framework #SPFx related tweets in TweetDeck</li> </ul>"},{"location":"tools/dev/#powershell-module-installs","title":"PowerShell Module Installs","text":"<ul> <li>Office 365 PowerShell Module Installs</li> <li>O365 PowerShell Module Installs</li> </ul>"},{"location":"tools/dev/#translation","title":"Translation","text":"<ul> <li>deepl translator</li> </ul>"},{"location":"tools/dev/#dokumentation-site-generator","title":"Dokumentation Site Generator","text":"<ul> <li>mkdocs-material</li> <li>docusaurus</li> <li>dochameleon</li> </ul>"},{"location":"tools/dev/#zoomit","title":"ZoomIt","text":"<ul> <li>How to present like a PRO using ZoomIt</li> </ul>"},{"location":"tools/dev/#convert-format","title":"Convert / Format","text":"<ul> <li>freeformatter.com</li> </ul>"},{"location":"tools/dev/#content-generators","title":"Content generators","text":"<ul> <li>loremipsum generator</li> <li>http://socialgoodipsum.com</li> <li>Office Ipsum</li> <li>http://trollemipsum.appspot.com</li> </ul>"},{"location":"tools/dev/#image-tools","title":"Image Tools","text":"<ul> <li>unsplash - free images</li> <li>pixabay - free images</li> <li>20 Websites To Find Free High-Quality Images</li> <li>mazwai - free background images</li> <li>dummyimage</li> <li>Screenshots</li> <li>Convert Modern SharePoint Page Banner Images to Base-64 using PowerShell</li> <li>screenshots tool greenshot</li> </ul>"},{"location":"tools/dev/#emoji","title":"Emoji","text":"<ul> <li>Windows 10 keyboard tips and tricks</li> <li>Alt Code Shortcuts for Emoji, Smileys and Emoticons</li> </ul>"},{"location":"tools/dev/#sound-tools","title":"Sound Tools","text":"<ul> <li>Sound effects</li> </ul>"},{"location":"tools/dev/#password-generators","title":"Password generators","text":"<ul> <li>Random password generator</li> <li>password-generators</li> </ul>"},{"location":"tools/dev/#guid","title":"GUID","text":"<ul> <li>GUID Generator</li> </ul>"},{"location":"tools/dev/#json","title":"JSON","text":"<ul> <li>Introduction to JSON</li> <li>Online Json viewer</li> <li>json formatter</li> <li>Fake Json Generator</li> <li>JSON to CSV Converter</li> </ul>"},{"location":"tools/dev/#change-log","title":"Change Log","text":"<ul> <li>keepachangelog</li> </ul>"},{"location":"tools/dev/#download-website-offline","title":"Download Website / offline","text":"<ul> <li>Download entire website for offline</li> </ul> <pre><code>wget --recursive --no-clobber --page-requisites --html-extension --convert-links --restrict-file-names=windows -domains www.yourwebsite.com --no-parent www.yourwebsite.com/someurl\n</code></pre>"},{"location":"tools/dev/#email","title":"Email","text":"<ul> <li>Responsive Email Foundation Zurb</li> <li>mailchimp - newsletter</li> <li>10MinuteMail</li> <li>Free Mobile-Friendly &amp; Responsive HTML Email Templates</li> </ul>"},{"location":"tools/dev/#ressourcen-files","title":"Ressourcen Files","text":"<ul> <li>https://poeditor.com/</li> <li>https://github.com/ypcode/spfx-dev-tools (Ressourcen Files mit Excel editieren)</li> <li>Excel and PowerShell to maintain your SPFx localized resources</li> <li>JavaScript Internationalization Framework</li> </ul>"},{"location":"tools/dev/#vscode","title":"VS.Code","text":""},{"location":"tools/dev/#c-development","title":"C# Development","text":"<ul> <li>Basic dotnet commands to create a C# Project in Visual Studio Code</li> </ul>"},{"location":"tools/dev/#command-line","title":"Command Line","text":"<ul> <li>Command Line Interface (CLI)</li> </ul> <p>open last active window</p> <pre><code>code -r .\n</code></pre> <p>open in new window</p> <pre><code>code -n\n</code></pre>"},{"location":"tools/dev/#vscode-extensions","title":"VS.Code Extensions","text":"<ul> <li>markdownlint</li> <li>Introducing SharePoint Typed Item</li> <li>Backup and Synchronize VSCode Settings with a GitHub Gist</li> <li>Visual Studio Code Extension \u2013 Settings Sync</li> <li>Top 10 VSCode Extensions for React</li> <li>Code Spell Checker</li> <li>abracadabra</li> </ul> <p>settings.json</p> <pre><code>// Is git enabled\n\"git.enabled\": false,\n</code></pre> <pre><code>// Path to the git executable\n\"git.path\": null,\n</code></pre> <pre><code>// Whether auto fetching is enabled.\n\"git.autofetch\": false,\n</code></pre> <p>Info: https://stackoverflow.com/questions/30331338/remove-git-integrations-from-vscode</p>"},{"location":"tools/dev/#configure-vscode-intellisense","title":"Configure VSCode Intellisense","text":"<ul> <li>Avoid errors editing SharePoint Framework project configuration with Visual Studio Code intellisense</li> <li>VSCode SharePoint Framework JSON schemas configuration</li> </ul>"},{"location":"tools/dev/#edge-browser","title":"Edge Browser","text":"<ul> <li>Launching Edge with different profiles using shortcuts</li> </ul>"},{"location":"tools/dev/#exclude-folders-from-vscode","title":"Exclude Folders from VS.Code","text":"<ul> <li>How can I exclude a directory from Visual Studio Code 'Explore' tab</li> </ul>"},{"location":"tools/dev/#cli-app-generator","title":"CLI App Generator","text":"<ul> <li>generator-sppp</li> <li>SharePoint front-end projects automation and tasks tool-belt</li> <li>create-react-app</li> <li>generator-simplestyle</li> </ul>"},{"location":"tools/dev/#fabric-icons","title":"Fabric Icons","text":"<ul> <li>Render Office Fabric UI Icons into Canvas</li> <li>Tool to Generate Images Using Office UI Fabric Icons</li> <li>Fabric Icons</li> <li>Office UI Fabric Icons</li> <li> <ul> <li>Flicon</li> </ul> </li> <li>Using Flicon to support visual hierarchy on a homepage</li> <li>Microsoft-Integration-and-Azure-Stencils-Pack-for-Visio</li> </ul>"},{"location":"tools/dev/#favicons","title":"Favicons","text":"<ul> <li>favicon-generator</li> </ul>"},{"location":"tools/dev/#website-builder","title":"WebSite Builder","text":"<ul> <li>weebly.com</li> </ul>"},{"location":"tools/dev/#sp-bookmarklets","title":"SP bookmarklets","text":"<ul> <li>Manage SharePoint using bookmarklets</li> </ul> <p>Open Site Settings</p> <pre><code>javascript:(function(){var url = document.location.href.split('/Pages')[0].split('/SitePages')[0].split('/_layouts')[0];if(url.endsWith('.aspx')){url = url.replace(new RegExp('\\/[a-z A-Z 0-1 \\- _]*.aspx'),'')}location.replace(url+\"/_layouts/15/settings.aspx\")}());\n</code></pre> <p>Open Page in Maintenance Mode</p> <pre><code>javascript:(function(){location.replace(window.location.href+\"?maintenancemode=true\")})();\n</code></pre> <p>Go to Classic</p> <pre><code>javascript:(function(){document.cookie=\"splnu=0;domain=\"+window.location.hostname+\";\"; location.href=location.href;})();\n</code></pre> <p>Go to Modern</p> <pre><code>javascript:(function(){document.cookie=\"splnu=1;domain=\"+window.location.hostname+\";\"; location.href= location.href})();\n</code></pre> <p>Open Web Part Manager</p> <pre><code>javascript:(function(){location.replace(window.location.href+\"?contents=1\")})();\n</code></pre>"},{"location":"tools/dev/#delete-node_modules-folder","title":"Delete node_modules Folder","text":"<ul> <li> <p>How to effectively delete node_modules on Windows</p> </li> <li> <p>Firstly install rimraf module globally</p> </li> </ul> <pre><code>npm install rimraf -g\n</code></pre> <ol> <li>creat fast-del.bat file</li> </ol> <pre><code>@ECHO OFF\nSET FOLDER=%1\nIF [%1]==[] (\n    ECHO Delete Folder: \"%CD%\"?\n    PAUSE\n    SET FOLDER=\"%CD%\"\n    CD /\n)\nECHO Deleting folder %FOLDER%\nrimraf %FOLDER%\n</code></pre> <ol> <li> <p>This .bat file should be available under your \"PATH\" environmental variable. In other words, you should be able to run it from any command-line from any location. The easiest approach is to just copy this file to C:\\Windows directory (it's absolutely safe). </p> </li> <li> <p>Open regedit and go to \"HKEY_CLASSES_ROOT\\Directory\\shell\\\" path. </p> </li> <li> <p>Right-click on the \"shell\" folder and select New -&gt; Key. Give it the name \"Fast Delete\".</p> </li> <li> <p>Right-click on a newly created \"Fast Delete\" folder, then New -&gt; Key. Give it the name \"command\".</p> </li> <li> <p>Double-click on the default value for \"command\" folder and under value data enter:</p> </li> </ol> <pre><code>cmd /c \"cd %1 &amp;&amp; fast-del.bat\"\n</code></pre>"},{"location":"tools/dev/#link-checker","title":"Link Checker","text":"<ul> <li>Crawl your website links and images to find broken links/images</li> <li>Copy an object from the console</li> <li>Check-SPOBrokenLink</li> </ul> <pre><code>copy($$('a').map(a =&gt; a.href).join('\\n'))\n</code></pre> <pre><code>function Get-UrlStatusCode([string] $Url)\n{\n    try\n    {\n        (Invoke-WebRequest -Uri $Url -UseBasicParsing -DisableKeepAlive).StatusCode\n    }\n    catch [Net.WebException]\n    {\n        [int]$_.Exception.Response.StatusCode\n    }\n}\n\n\nforeach($line in Get-Content C:\\url.txt) \n{\n    if($line -match $regex){\n\n     $statusCode = Get-UrlStatusCode  $line\n     if($statusCode -le \"200\")\n     {\n        $line + \" =&gt; OK\"\n     }\n     else\n     {\n        $line + \" =&gt; Error\"\n     }\n    }\n}\n</code></pre>"},{"location":"tools/dev/#static-search-library","title":"Static Search Library","text":"<ul> <li>pagefind</li> </ul>"},{"location":"tools/dev/#public-api","title":"Public API","text":"<ul> <li>public-apis</li> </ul>"},{"location":"tools/gatspy/","title":"Gatspy","text":""},{"location":"tools/gatspy/#blog-template","title":"Blog Template","text":"<ul> <li>https://github.com/RyanFitzgerald/devportfolio</li> <li>https://github.com/RyanFitzgerald/devblog</li> </ul>"},{"location":"tools/git/","title":"Git","text":""},{"location":"tools/git/#reference","title":"Reference","text":"<ul> <li>Git Documentation</li> </ul>"},{"location":"tools/git/#cheatsheet","title":"Cheatsheet","text":"<ul> <li>GIT CHEAT SHEET</li> </ul>"},{"location":"tools/git/#git-for-tenant-admins","title":"Git for Tenant Admins","text":"<ul> <li>Source Control for Microsoft 365 Tenant Admins</li> <li>Source Control for Microsoft 365 Tenant Admins: Part II</li> <li>Source Control for Microsoft 365 Tenant Admins: Part III</li> </ul>"},{"location":"tools/git/#learning","title":"Learning","text":"<ul> <li>Github Skills</li> <li>My GitHub cheat sheet for PnP contributions</li> <li>Git Fundamentals</li> <li>Git Real</li> </ul>"},{"location":"tools/git/#tips","title":"Tips","text":"<ul> <li>How to be more productive on GitHub</li> <li>How to write the perfect pull request</li> <li>Update a Severely Out of Date GitHub Repository Fork</li> <li>Merging 2 Different Git Repositories Without Losing your History</li> <li>Push your code into a git repo</li> <li>Keeping your fork up to date</li> <li>7 Git Commands You May Not Know</li> </ul>"},{"location":"tools/git/#rebase-merge","title":"Rebase / Merge","text":"<ul> <li>An Introduction to Git Merge and Git Rebase: What They Do and When to Use Them</li> </ul>"},{"location":"tools/git/#commit-guidlines","title":"Commit Guidlines","text":"<ul> <li>How We Do It - Keeping a Clean Commit Log</li> <li>How to Write a Git Commit Message</li> </ul>"},{"location":"tools/git/#gitflow","title":"Gitflow","text":"<ul> <li>Introducing GitFlow</li> </ul>"},{"location":"tools/git/#deleted-file","title":"Deleted File","text":"<pre><code>git log --full-history -- src/path/to/file.js\n</code></pre>"},{"location":"tools/git/#github","title":"GitHub","text":"<ul> <li>GitHub Doc</li> </ul>"},{"location":"tools/git/#github-actions","title":"GitHub Actions","text":"<ul> <li>Automate your CI/CD workflow using CLI for Microsoft 365 GitHub Actions</li> <li>Deploy SPFx solutions on multiple sites using GitHub Actions and Office 365 CLI</li> <li>Create GitHub actions for SPFx solution</li> <li>GitHub Actions + Power Automate + Teams</li> </ul>"},{"location":"tools/git/#git-cli","title":"Git CLI","text":"<ul> <li>Git cli</li> <li>lazygit</li> </ul>"},{"location":"tools/hr/","title":"HR","text":""},{"location":"tools/hr/#office","title":"Office","text":"<ul> <li>Onboard new employees more effectively</li> </ul>"},{"location":"tools/hr/#sample-code","title":"Sample Code","text":"<ul> <li>msteams-sample-contoso-hr-talent-app</li> </ul>"},{"location":"tools/hugo/","title":"Hugo","text":""},{"location":"tools/hugo/#hosting","title":"Hosting","text":"<ul> <li>Hosting Hugo on azure</li> </ul>"},{"location":"tools/hugo/#deployment","title":"Deployment","text":"<ul> <li>Automated Hugo Releases With Azure Devops</li> <li>Set up Hugo with GitHub pages</li> </ul>"},{"location":"tools/image/","title":"Image","text":""},{"location":"tools/image/#header-banner","title":"Header Banner","text":"<ul> <li>Creating Banners for your SharePoint Online Pages</li> <li>Image Sizing\u00a0und Scaling</li> <li>Convert Modern SharePoint Page Banner Images to Base-64 using PowerShell</li> </ul>"},{"location":"tools/image/#tools","title":"Tools","text":"<ul> <li>colors picker</li> <li>http://dummyimage.com/</li> <li>http://makephotogallery.net/</li> <li>https://www.fotocollagen.de/</li> <li>http://wearekiss.com/spritepad</li> <li>http://www.colorzilla.com/gradient-editor/</li> <li>http://iconbench.com/</li> <li>http://www.drweb.de/magazin/fontello-icomoon-konkurrent-hilft-beim-zusammenstellen-eigener-iconfonts/</li> <li>http://www.imagemagick.org/script/index.php</li> <li>http://www.maschek.hu/imagemap/imgmap</li> <li>https://github.com/heyalexej/awesome-images</li> <li>http://www.screenpresso.com/de/</li> <li>http://free.zoner.com/</li> <li>https://appiconizer.com/</li> <li>http://gifmaker.me/</li> <li>https://www.base64-image.de/</li> <li>https://shields.io</li> <li>CSS clip path macker - clippy</li> <li>Responsive Image Breakpoints Generator</li> </ul>"},{"location":"tools/image/#image-file-types","title":"Image File Types","text":""},{"location":"tools/image/#videos","title":"Videos","text":"<ul> <li>Remotion - Create motion graphics in React</li> </ul>"},{"location":"tools/markdown/","title":"Markdown","text":"<ul> <li>Markdown Guide</li> </ul>"},{"location":"tools/markdown/#cheatsheet","title":"Cheatsheet","text":"<ul> <li>Markdown Cheatsheet</li> <li>Mastering Markdown</li> </ul>"},{"location":"tools/markdown/#tools","title":"Tools","text":"<ul> <li>VS.Code Extension: markdownlint</li> <li>Markdown Website Conversion</li> <li>Markdown Conversion</li> <li>devpen.io - Editor</li> <li>Markdown Plus - Editor</li> <li>WebSequenceDiagrams</li> <li>PlantText</li> <li>Word to Markdown Converter</li> <li>Creating markdown readme file</li> <li>Tables Generator</li> <li>markmap</li> </ul>"},{"location":"tools/markdown/#technical-writing-courses-for-engineers","title":"Technical Writing Courses for Engineers","text":"<ul> <li>Technical Writing Courses</li> </ul>"},{"location":"tools/mkdocs/","title":"MkDocs","text":""},{"location":"tools/mkdocs/#links","title":"Links","text":"<ul> <li>MkDocs</li> <li>Creating a beautiful documentation site with MkDocs</li> </ul>"},{"location":"tools/powerapps/","title":"PowerApps","text":"<ul> <li>Power Platform Basics - Layer</li> </ul> <ul> <li>Power Platform Basics - Project Activities </li> </ul>"},{"location":"tools/powerapps/#user-settings","title":"User Settings","text":"<ul> <li>Your Power Apps user settings are probably wrong</li> </ul>"},{"location":"tools/powerapps/#resources","title":"Resources","text":"<ul> <li>Microsoft Power Platform guidance documentation</li> <li>Power Platform Training Materials</li> <li>Power Wiki</li> <li>Microsoft Power Platform: Learning Resources</li> <li>A collection of awesome things regarding the Power Platform ecosystem</li> </ul>"},{"location":"tools/powerapps/#codeing-guide","title":"Codeing Guide","text":"<ul> <li>Naming convention for Power Automate</li> <li>Naming convention for Power Apps</li> </ul>"},{"location":"tools/powerapps/#frameworks","title":"Frameworks","text":"<ul> <li>PowerApps Tools</li> <li>5 Power Platform projects developers must know!</li> <li>Creator kit overview</li> <li>Powercat creator kit</li> </ul>"},{"location":"tools/powerapps/#video-tutorials","title":"Video Tutorials","text":"<ul> <li>Youtube Microsoft PowerApps Channel</li> </ul>"},{"location":"tools/powerapps/#price","title":"Price","text":"<ul> <li>Power Apps and Power Automate licensing FAQs</li> <li>Power Apps pricing</li> <li>Licensing overview for Power Platform</li> <li>The comprehensive licensing guide to Microsoft Power Automate (formerly Flow) and Power Apps</li> <li>Power Platform Licensing QnA \u2013 Key takeaways</li> <li>Power Platform licensing, November 2021 updates</li> <li>Power Apps Pricing Explained</li> </ul>"},{"location":"tools/powerapps/#performance-connectors","title":"Performance / Connectors","text":"<ul> <li>Considerations for optimized performance in Power Apps</li> </ul>"},{"location":"tools/powerapps/#webparts","title":"WebParts","text":"<ul> <li>PowerApps web part for SharePoint Online</li> </ul>"},{"location":"tools/powerapps/#tipps","title":"Tipps","text":"<ul> <li>Tips for making your apps more maintainable</li> <li>Embed PowerApps in Modern SharePoint Online Site Page</li> <li>Application Lifecycle Management</li> <li>PowerApps source code editing for Canvas Apps</li> </ul>"},{"location":"tools/powerapps/#samples","title":"Samples","text":"<ul> <li>SharePoint PowerApps Solution samples</li> <li>SharePoint custom forms and automated business workflow</li> <li>Flow provisioning with azure function and PNP template</li> <li>SelfService Portal for Microsoft 365</li> </ul>"},{"location":"tools/powerapps/#localization","title":"Localization","text":"<ul> <li>Building multilingual apps in PowerApps</li> </ul>"},{"location":"tools/powerapps/#custom-forms","title":"Custom Forms","text":"<ul> <li>Getting started with custom forms in SharePoint build with PowerApps</li> <li>How to Customize SharePoint list forms with Power Apps - Beginners Tutorial</li> <li>Customize SharePoint Document Library Form using Power Apps</li> </ul>"},{"location":"tools/powerapps/#charts","title":"Charts","text":"<ul> <li>Canviz Power Apps Chart Components</li> </ul>"},{"location":"tools/powerapps/#create-documentation","title":"Create Documentation","text":"<ul> <li>PowerDocu</li> </ul>"},{"location":"tools/powerappsportal/","title":"Powerapps Portal","text":"<ul> <li>Canvas vs. Model-Driven Apps</li> </ul>"},{"location":"tools/powerappsportal/#cds","title":"CDS","text":"<ul> <li>What is Common Data Service?</li> <li>What is the storage engine behind the scene for CDS?</li> </ul>"},{"location":"tools/powerappsportal/#start","title":"Start","text":"<ul> <li>Start Power Apps</li> <li>Admin Power Apps</li> </ul>"},{"location":"tools/powerappsportal/#dev-enviroment","title":"Dev Enviroment","text":"<ul> <li>Power Apps Community Plan</li> <li>How to Delete your Power Apps Community Plan Environment</li> </ul>"},{"location":"tools/powerappsportal/#einfuhrung","title":"Einf\u00fchrung","text":"<ul> <li>Fall into Power Apps Portals</li> <li>Gesamt\u00fcberblick</li> <li>Einf\u00fchrungs Videos</li> <li>Einf\u00fchrung Portal App Studio</li> <li>Power Apps Community</li> <li>Overview of the PowerApps Portals Management App</li> </ul>"},{"location":"tools/powerappsportal/#design","title":"Design","text":"<ul> <li>Bootstrap Samples</li> <li>Bootstrap Live Customizer</li> <li>MDBootstrap</li> </ul>"},{"location":"tools/powerappsportal/#devops","title":"DevOps","text":"<ul> <li>Power Platform Build Tools (1.0.13)</li> <li>XrmToolbox Portal Records Mover as a Console Application</li> <li>Portal Records Mover Console updates (finally!)</li> <li>PortalRecordsMoverConsole</li> </ul>"},{"location":"tools/powerappsportal/#liquid","title":"Liquid","text":"<ul> <li>Liquid Templates in PowerApps Portals</li> <li>Liquid template language reference</li> <li>Work with Liquid templates</li> <li>PowerApps Portals Branding</li> <li>Designing and Developing PowerApps Portals</li> <li>Creating public anonymous sites is back in O365</li> <li>Portals Community Call - August 20, 2020 - Power Apps Portals Theming</li> <li>Power Apps Portals: Portal Configuration</li> <li>Building a Multi-Brand Dynamics 365 Portal</li> </ul>"},{"location":"tools/powerappsportal/#coding-javscript-ajax","title":"Coding / Javscript / Ajax","text":"<ul> <li>(The Power Platform Community Conference - Nick Doelman)[https://youtu.be/udJ9gpCh6M0?t=30693]</li> </ul>"},{"location":"tools/powerappsportal/#login","title":"Login","text":"<ul> <li>Configure Azure AD B2C for PowerApps Portals</li> </ul>"},{"location":"tools/powerappsportal/#sharepoint","title":"SharePoint","text":"<ul> <li>Manage SharePoint documents</li> </ul>"},{"location":"tools/powerappsportal/#training-labs","title":"Training Labs","text":"<ul> <li>App in a Day</li> <li>Power Platform Training Materials</li> </ul>"},{"location":"training/course/","title":"Training","text":""},{"location":"training/course/#trainer","title":"Trainer","text":"<ul> <li>Why SharePoint Training is Important</li> </ul>"},{"location":"training/course/#o365","title":"O365","text":"<ul> <li>Customize the Learning Experience</li> <li>Microsoft 365 learning pathways</li> <li>Adding Partner Custom Content to Microsoft Learning Pathways Portals</li> </ul>"},{"location":"training/course/#ms-certification","title":"MS-Certification","text":"<ul> <li>Azure Solutions Architect vs. Azure Administrator</li> <li>Microsoft 365 Fundamentals - Cloud deployment models</li> </ul>"},{"location":"training/course/#news","title":"News","text":"<ul> <li>http://icansharepoint.com/how-to-stay-up-to-date-with-office-365/</li> </ul>"},{"location":"training/course/#programming","title":"Programming","text":"<ul> <li>https://guide.freecodecamp.org</li> </ul>"},{"location":"training/course/#typescript","title":"Typescript","text":""},{"location":"training/course/#online-course","title":"Online course","text":"<ul> <li>Pluralsight - sharepoint-framework-tooling</li> </ul>"},{"location":"training/course/#learning-tutorials","title":"Learning / Tutorials","text":"<ul> <li>OfficeDev: TrainingContent</li> <li>sp-dev-docs</li> <li>dev-office.com: getting-started-with-sharepoint-framework-tutorials</li> <li>techcommunity: Hidden-gems-at-Ignite-A-conference-guide-from-the-SharePoint</li> </ul>"},{"location":"training/learning/","title":"Learning","text":"<ul> <li>Microsoft Learn</li> <li>The 10 Best Ideas I Learned in 2022</li> <li>Web Development for Beginners - A Curriculum</li> <li>free-for.dev</li> <li>React lernen und verstehen</li> <li>ByteByteGoHq - system-design-101</li> </ul>"},{"location":"training/learning/#ms-certification","title":"MS Certification","text":"<ul> <li>Become Microsoft Certified</li> </ul>"},{"location":"training/learning/#architecture","title":"Architecture","text":"<ul> <li>Client-Side Architecture Basics - Guide</li> </ul>"},{"location":"training/learning/#web-developer","title":"Web Developer","text":"<ul> <li>Step by step guide to becoming a modern frontend developer in 2022</li> <li>Web Development for Beginners - A Curriculum</li> <li>Front-end Developer Handbook 2019</li> <li>Microsoft Frontend Bootcamp</li> <li>Full-stack Web Developer Plan - 2021</li> <li>The Modern JavaScript Tutorial</li> <li>freecodecamp</li> <li>devdocs.io</li> </ul>"},{"location":"training/learning/#react-learning-course","title":"React Learning Course","text":"<ul> <li>React roadmap</li> <li>besten-react-tutorials</li> <li>react-lernen</li> <li>https://www.udemy.com/react-the-complete-guide-incl-redux/?start=0</li> <li>https://www.udemy.com/react-redux/</li> <li>https://udilia.com/courses/learn-react-by-building-a-web-app</li> <li>https://tylermcginnis.com/reactjs-tutorial-a-comprehensive-guide-to-building-apps-with-react/</li> <li>frontendmasters - learn - react</li> <li>reactscreencasts</li> <li>React Wednesdays</li> <li>Designing React 17 Component</li> </ul>"},{"location":"training/learning/#lifecycle-methods","title":"Lifecycle methods","text":"<ul> <li>Interactive React Lifecycle Methods diagram</li> <li>SharePoint Framework Client-Side Webparts mit React</li> <li>React Best Practices</li> </ul>"},{"location":"training/learning/#manage-state-methods-in-react","title":"Manage state methods in react","text":"<ul> <li>How to Manage State in Your React Apps</li> </ul>"},{"location":"training/learning/#roadmap","title":"Roadmap","text":"<ul> <li>roadmap-react</li> <li>React Developer Roadmap</li> <li>The 2018 Web Developer Roadmap</li> <li>The 2018 React JS RoadMap</li> </ul>"},{"location":"training/learning/#reference","title":"Reference","text":"<ul> <li>awesome-react-components</li> <li>SurviveJS - React</li> <li>react-redux-links</li> <li>Clone Wars - Open source clones of popular sites</li> </ul>"},{"location":"training/learning/#blogs","title":"Blogs","text":"<ul> <li>overreacted - Personal blog by Dan Abramov</li> </ul>"},{"location":"training/learning/#styleguide","title":"Styleguide","text":"<ul> <li>Airbnb React/JSX Style Guide</li> <li>Airbnb JavaScript Style Guide</li> </ul>"},{"location":"training/learning/#cheatsheet","title":"Cheatsheet","text":"<ul> <li>react-redux-typescript-guide</li> <li>React TypeScript Cheatsheets</li> </ul>"},{"location":"training/learning/#patterns","title":"Patterns","text":"<ul> <li>React in patterns</li> <li>Design Patterns</li> <li>Modularizing React Applications with Established UI Patterns</li> </ul>"},{"location":"training/learning/#jsreact-vscode-extensions","title":"JS/React VS.Code Extensions","text":"<ul> <li>The Ultimate VSCode Setup for Front End/JS/React</li> </ul>"},{"location":"training/learning/#boilerplate","title":"Boilerplate","text":"<ul> <li>https://github.com/artofcodelabs/front-end-boilerplate</li> </ul>"},{"location":"training/learning/#lessons","title":"Lessons","text":"<ul> <li>The most important lessons I\u2019ve learned after a year of working with React</li> </ul>"},{"location":"training/learning/#frameworks","title":"Frameworks","text":"<ul> <li>react-grid-layout</li> <li>chartjs</li> <li>Rush</li> <li>fuzzy searching</li> <li>primereact</li> </ul>"},{"location":"training/learning/#state-management","title":"State management","text":"<ul> <li>TanStack Query - Server state</li> <li>jotai - UI state</li> <li>zustand - UI state</li> </ul>"},{"location":"training/learning/#tutorials","title":"Tutorials","text":"<ul> <li>React &amp; Redux Tutorial - Build a Hacker News Clone</li> <li>React Portfolio Website Tutorial From Scratch \u2013 Build &amp; Deploy React JS Portfolio Website</li> </ul>"},{"location":"training/learning/#multi-step-form","title":"Multi-Step Form","text":"<ul> <li>React Wizard Form</li> <li>React-Stepzilla</li> <li>Sample Form with React-Stepzilla </li> <li>React multi-page poll webpart  -React Reusable Wizard component for SPFx</li> <li>How To Use Material UI Steppers In SharePoint Framework SPFx</li> <li>SPFx webpart form validation using React Formik</li> </ul>"},{"location":"training/learning/#errors","title":"Errors","text":"<ul> <li>Dealing with Undefined 'this' in React Event Handlers in a Performant Way</li> </ul>"},{"location":"training/learning/#hooks","title":"Hooks","text":"<ul> <li>How to use React hooks with the SharePoint Framework (SPFx)</li> <li>React Hooks - How to Use Them with the SharePoint Framework</li> <li>Using React hooks to globally share service scope between components</li> <li>Hooks FAQ</li> <li>SharePoint Framework and React hooks. Should I care?</li> <li>React, Hooks, and Office Development \u2013 Bringing It All Together </li> <li>Rooks - Collection of React hooks </li> </ul>"},{"location":"training/learning/#collection-of-hooks","title":"Collection of Hooks","text":"<ul> <li>Collection of React Hooks</li> <li>usehooks</li> <li>react-use</li> <li>React hook library for managing cart state</li> <li>React-shopping-cart</li> <li>Shopping-cart-react-typescript</li> </ul>"},{"location":"training/learning/#react-ecommerce-shops","title":"React eCommerce Shops","text":"<ul> <li>How to Build a Production Ready eCommerce Website with ReactJS, TailwindCSS, PlanetScale and Stripe</li> </ul>"},{"location":"training/ms-600/","title":"MS-600","text":""},{"location":"training/ms-600/#skills","title":"Skills","text":"<ul> <li>Exam MS-600: Building Applications and Solutions with Microsoft 365 Core Services\u2013Skills Measured</li> </ul>"},{"location":"training/ms-600/#graph-developing","title":"Graph Developing","text":"<ul> <li>An introduction to Microsoft Graph for developers - Part I - Getting started - October 2019</li> <li>An introduction to Microsoft Graph for developers - Part 2 \u2013 Advanced topics - November 2019 microsoft-identity-platform-developer-community-calloctober-2019)</li> <li>Microsoft 365 Developer - YouToube Videos</li> </ul>"},{"location":"training/ms-600/#microsoft-identity-plattform","title":"Microsoft identity plattform","text":"<ul> <li>Slides - Microsoft identity platform developer community call-October 2019</li> <li>Microsoft identity plattform for Developers</li> </ul>"},{"location":"training/must-read/","title":"Must read","text":""},{"location":"training/must-read/#guidance","title":"Guidance","text":"<ul> <li>office-365-development-patterns-and-practices-solution-guidance</li> </ul>"},{"location":"training/must-read/#spfx","title":"SPFx","text":"<ul> <li>FutureofSPDev-SPFxExtensions.pptx</li> <li>PnP Controls</li> </ul>"},{"location":"training/must-read/#office-fabric","title":"Office Fabric","text":"<ul> <li>https://github.com/guzmonne/office-ui-layout</li> <li>https://github.com/eoverfield/SP-Office-UI-Fabric</li> <li>Sample App</li> <li>DetailsList.Advanced.Example</li> </ul>"},{"location":"training/must-read/#office-fabric-react-redux","title":"Office Fabric / React / Redux","text":"<ul> <li>http://dattabase.com/office-fabric-reactredux-sp-starter-project/</li> <li>http://dattabase.com/office-fabric-ui-reactredux-part-1-5/</li> <li>https://github.com/gunjandatta/sp-react-redux</li> </ul>"},{"location":"training/must-read/#cloud","title":"Cloud","text":"<ul> <li>IaaS vs. PaaS: which one is best?</li> <li>What are the main cloud service models?</li> </ul>"},{"location":"training/must-read/#google-engineering","title":"Google Engineering","text":"<ul> <li>Site Reliability Engineering</li> </ul>"},{"location":"training/react-learning/","title":"React Learning","text":"<ul> <li>react Roadmap</li> </ul>"},{"location":"training/react-learning/#react-documentation-tutorial","title":"React Documentation / Tutorial","text":"<ul> <li>react.dev</li> <li>create-react-app.dev</li> <li>react-dom-components-common</li> <li>react-lernen</li> <li>react-tutorial</li> </ul>"},{"location":"training/react-learning/#typescript","title":"Typescript","text":"<ul> <li>typescriptlang-handbook</li> <li>typescript-cheatsheets</li> <li>totaltypescript - React with TypeScript </li> </ul>"},{"location":"training/react-learning/#style-guide","title":"Style guide","text":"<ul> <li>airbnb-react</li> <li>airbnb-javascript</li> <li>typescript-styleguide</li> <li>Naming cheatsheet</li> <li>clean-code-javascript</li> </ul>"},{"location":"training/react-learning/#markdown","title":"Markdown","text":"<ul> <li>markdownguide-basic-syntax</li> <li>onvert-markdown-to-word-document</li> </ul>"},{"location":"training/react-learning/#vs-code-extension","title":"VS Code Extension","text":"<ul> <li>Typescript React code snippets</li> <li>Path Intellisense</li> <li>npm Intellisense</li> <li>Prettier - Code formatter</li> <li>Template String Converter</li> </ul>"},{"location":"training/react-learning/#markdown-to-word","title":"Markdown to Word","text":"<pre><code>pandoc -o output.docx -f markdown -t docx filename.md\n</code></pre>"},{"location":"training/react-learning/#libs","title":"Libs","text":"<ul> <li>npmjs</li> </ul>"},{"location":"training/react-learning/#creating-typescript-react-project","title":"Creating Typescript React Project","text":"<pre><code>cd C:\\ProgrammeBLS\\projects\nnpx create-react-app quickstart --template typescript\n</code></pre>"},{"location":"training/react-learning/#jsx-tsx-converter","title":"JSX, TSX Converter","text":"<ul> <li>html-to-jsx</li> </ul>"},{"location":"training/react-learning/#recap","title":"Recap","text":""},{"location":"training/react-learning/#importing-and-exporting-components","title":"importing-and-exporting-components","text":"<ul> <li>default-vs-named-exports</li> </ul>"},{"location":"training/react-learning/#conditional-rendering","title":"conditional-rendering","text":"<ul> <li>In React, you control branching logic with JavaScript.</li> <li>You can return a JSX expression conditionally with an if statement.</li> <li>You can conditionally save some JSX to a variable and then include it inside other JSX by using the curly braces.</li> <li>In JSX, {cond ?  : } means \u201cif cond, render , otherwise \u201d.</li> <li>In JSX, {cond &amp;&amp; } means \u201cif cond, render , otherwise nothing\u201d.</li> </ul>"},{"location":"training/react-learning/#passing-props-to-a-component","title":"passing-props-to-a-component","text":"<ul> <li>To pass props, add them to the JSX, just like you would with HTML attributes.</li> <li>To read props, use the function Avatar({ person, size }) destructuring syntax.</li> <li>You can specify a default value like size = 100, which is used for missing and undefined props.</li> <li>You can forward all props with  JSX spread syntax, but don\u2019t overuse it!</li> <li>Nested JSX like  will appear as Card component\u2019s children prop.</li> <li>Props are read-only snapshots in time: every render receives a new version of props.</li> <li>You can\u2019t change props. When you need interactivity, you\u2019ll need to set state.</li> </ul>"},{"location":"training/react-learning/#react-function-components","title":"React Function components","text":"<ul> <li>what-are-react-pure-functional-components</li> <li>react-function-component</li> </ul> <p>More Infos </p> <ul> <li>react-conditional-rendering</li> <li>the-ultimate-guide-to-conditional-rendering-in-react</li> </ul>"},{"location":"training/react-learning/#samples","title":"Samples","text":"<ul> <li>react-typescript-todomvc-2022</li> <li>bulletproof-react</li> <li>cypress-realworld-app</li> <li>Frontend Clean Architecture</li> <li>Awesome Codebases</li> <li>refine - React-based CRUD</li> <li>payloadcms</li> </ul>"},{"location":"training/react-learning/#samples-videos","title":"Samples Videos","text":"<ul> <li>Typescript Learning Videos</li> <li>React Typescript Video Tutorial</li> <li>Fullstack React GraphQL TypeScript Video Tutorial</li> </ul>"},{"location":"training/redux/","title":"Redux","text":""},{"location":"training/redux/#overview","title":"Overview","text":"<ul> <li>A reduced explanation of Redux(Reducers, Actions, and Store)</li> </ul>"},{"location":"training/redux/#connect-redux-to-spfx","title":"Connect Redux to SPFx","text":"<ul> <li>Connect React Redux to SharePoint Framework</li> <li>Using Redux Async Actions and ImmutableJS in SharePoint Framework</li> <li>Using React and Redux in SharePoint Framework (SPFx)</li> </ul>"},{"location":"training/redux/#samples","title":"Samples","text":"<ul> <li>SPFx webpart using Redux-Form library and React</li> <li>Webpart with React and Redux</li> </ul>"},{"location":"training/redux/#tips","title":"Tips","text":"<ul> <li>How do I change SPFx and Reactjs to SPFx React-Redux?</li> <li>Combine async redux actions in SPFx react components</li> </ul>"},{"location":"training/resume/","title":"Resume","text":""},{"location":"training/resume/#tips","title":"Tips","text":"<ul> <li>How to write a killer Software Engineering r\u00e9sum\u00e9</li> <li>https://www.careercup.com/resume</li> <li>How to Get 1% Better Every Day</li> <li>How To Write A Stand-Out Technical Resume</li> </ul>"},{"location":"training/bytebytego/architectural-styles/","title":"Architectural styles","text":"<p>All images and links are coming from: https://blog.bytebytego.com/archive</p>"},{"location":"training/bytebytego/architectural-styles/#architectural-styles_1","title":"Architectural styles","text":""},{"location":"training/bytebytego/how-git-works/","title":"How Git works","text":"<p>All images and links are coming from: https://blog.bytebytego.com/archive</p>"},{"location":"training/bytebytego/how-git-works/#how-git-works_1","title":"How Git works","text":"<p>Git is a distributed version control system. Every developer maintains a local copy of the main repository and edits and commits to the local copy. The commit is very fast because the operation doesn\u2019t interact with the remote repository. If the remote repository crashes, the files can be recovered from the local repositories.</p>"},{"location":"training/bytebytego/ship-code/","title":"Ship Code","text":"<p>All images and links are coming from: https://blog.bytebytego.com/archive </p>"},{"location":"training/bytebytego/ship-code/#how-companies-ship-code-to-production","title":"How Companies ship code to production","text":"<p>Step 1: The process starts with a product owner creating user stories based on requirements.</p> <p>Step 2: The dev team picks up the user stories from the backlog and puts them into a sprint for a two-week dev cycle.</p> <p>Step 3: The developers commit source code into the code repository Git.</p> <p>Step 4: A build is triggered in Jenkins. The source code must pass unit tests, code coverage threshold, and gates in SonarQube.</p> <p>Step 5: Once the build is successful, the build is stored in artifactory. Then the build is deployed into the dev environment.</p> <p>Step 6: There might be multiple dev teams working on different features. The features need to be tested independently, so they are deployed to QA1 and QA2.</p> <p>Step 7: The QA team picks up the new QA environments and performs QA testing, regression testing, and performance testing.</p> <p>Steps 8: Once the QA builds pass the QA team\u2019s verification, they are deployed to the UAT environment.</p> <p>Step 9: If the UAT testing is successful, the builds become release candidates and will be deployed to the production environment on schedule.</p> <p>Step 10: SRE (Site Reliability Engineering) team is responsible for prod monitoring.</p>"},{"location":"training/bytebytego/url-into-browser/","title":"Browser URL","text":"<p>All images and links are coming from: https://blog.bytebytego.com/archive</p>"},{"location":"training/bytebytego/url-into-browser/#what-happens-when-you-type-a-url-into-a-browser","title":"What happens when you type a URL into a browser","text":"<p>Step 1: The user enters a URL (www. bytebytego. com) into the browser and hits Enter. The first thing we need to do is to translate the URL to an IP address. The mapping is usually stored in a cache, so the browser looks for the IP address in multiple layers of cache: the browser cache, OS cache, local cache, and ISP cache. If the browser couldn\u2019t find the mapping in the cache, it will ask the DNS (Domain Name System) resolver to resolve it.</p> <p>Step 2: If the IP address cannot be found at any of the caches, the browser goes to DNS servers to do a recursive DNS lookup until the IP address is found.</p> <p>Step 3: Now that we have the IP address of the server, the browser sends an HTTP request to the server. For secure access of server resources, we should always use HTTPS. It first establishes a TCP connection with the server via TCP 3-way handshake. Then it sends the public key to the client. The client uses the public key to encrypt the session key and sends to the server. The server uses the private key to decrypt the session key. The client and server can now exchange encrypted data using the session key.</p> <p>Step 4: The server processes the request and sends back the response. For a successful response, the status code is 200. There are 3 parts in the response: HTML, CSS and Javascript. The browser parses HTML and generates DOM tree. It also parses CSS and generates CSSOM tree. It then combines DOM tree and CSSOM tree to render tree. The browser renders the content and display to the user.</p> <p>HTTP Status Codes Explained In 5 Minutes</p> <p>A Crash Course in DNS (Domain Name System)</p>"},{"location":"viva/viva-connections/","title":"Viva Connections","text":""},{"location":"viva/viva-connections/#license-pricing","title":"License / Pricing","text":"<ul> <li>microsoft viva pricing</li> </ul>"},{"location":"viva/viva-connections/#overview","title":"Overview","text":"<ul> <li>Video - Your intranet is now in Microsoft Teams with Microsoft Viva Connections</li> <li>Video - Getting started on deploying Viva Connections for Microsoft Teams desktop</li> <li>What is Microsoft Viva Connections</li> </ul>"},{"location":"viva/viva-connections/#install","title":"Install","text":"<ul> <li>Microsoft Viva: An Administrator\u2019s View</li> <li>Add Viva Connections for Microsoft Teams desktop</li> <li>Create Viva Connections App Using PnP PowerShell-Publish-PnPCompanyApp</li> <li>How to create and Install the Viva Connections application from O365-CLI</li> </ul>"},{"location":"viva/viva-connections/#viva-connection-experience","title":"Viva Connection Experience","text":"<ul> <li>Set up Viva Connections in the Microsoft 365 admin center</li> <li>Introducing Multiple Viva Connections Experiences for Your Organization</li> </ul>"},{"location":"viva/viva-connections/#dashboard","title":"Dashboard","text":"<ul> <li>Create a Viva Connections dashboard and add cards</li> </ul>"},{"location":"viva/viva-sales/","title":"Viva Sales","text":""},{"location":"viva/viva-sales/#architecture","title":"Architecture","text":"<ul> <li>Viva Sales architecture</li> </ul>"},{"location":"viva/viva-topics/","title":"Viva Topics","text":""},{"location":"viva/viva-topics/#overview","title":"Overview","text":"<ul> <li>Introduction to Viva Topics</li> <li>Build an ever-growing Corporate Knowledge Base with Microsoft Viva Topics : An Overview</li> </ul>"},{"location":"viva/viva-topics/#learning","title":"Learning","text":"<ul> <li>Project Cortex - classifiers</li> <li>Project Cortex - entity extractors</li> <li>Syntex-Tips-document-understanding-forms-processing</li> <li>Syntex on a page - December 2022</li> <li>Understanding classifiers in Microsoft Syntex and Microsoft Purview</li> <li>Microsoft Syntex: An AI-Powered SharePoint Content Service in Microsoft 365</li> </ul> <p> (Source: @ChrisO_Brien)</p> <p>## Tools</p> <ul> <li>Microsoft 365 Assessment tool</li> </ul>"}]}
\ No newline at end of file
+{"config":{"lang":["en"],"separator":"[\\s\\-]+","pipeline":["stopWordFilter"]},"docs":[{"location":"","title":"Tips and tricks","text":"<ul> <li>Microsoft 365 help &amp; learning</li> <li>PnP-SPFx-Blog</li> <li>Teams Developer Portal</li> <li>Pattern &amp; Practises</li> <li>Sample Solution Gallery</li> <li>Microsoft 365 Extensibility look book gallery</li> <li>Microsoft 365 Community Content</li> <li>SharePoint For IT Professionals</li> <li>SharePoint development</li> <li>SharePoint Videos</li> <li>Etiquette of Microsoft 365</li> <li>Tips &amp; Tricks Coding/SPFX/AzureAD</li> </ul>"},{"location":"#admin-shortcut-list","title":"Admin Shortcut List","text":"<ul> <li>cmd.ms | Installation cms.ms</li> <li>msportals</li> </ul>"},{"location":"#feedback","title":"Feedback","text":"<ul> <li>MS User Voice Feedback</li> </ul>"},{"location":"#m365-docs","title":"M365 Docs","text":"<ul> <li>microsoft-365</li> <li>Microsoft 365 glossary</li> <li>SPFx-Json-Schemas</li> <li>Microsoft 365 and Office 365 service descriptions</li> <li>Microsoft 365 Community Content</li> </ul>"},{"location":"#start-spfx-training","title":"Start SPFx Training","text":"<ul> <li>SPFx documentation </li> <li>Why did Microsoft create the SharePoint Framework?</li> <li>What is the SharePoint Framework?</li> <li>SharePoint Framework - Getting started</li> <li>SharePoint Developer Community - Open-source projects</li> <li>Updated SharePoint Framework developer training package now available (2019)</li> <li>SharePoint Developer GitHub repositories</li> <li>Gateway to Office 365 Training Resources from Microsoft</li> <li>Set up an Office 365 developer subscription</li> <li>Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux</li> <li>Microsoft Learning Module</li> <li>HOW TO GET STARTED WITH REACT FOR BUILDING ADVANCED SPFX SOLUTIONS</li> <li>HOW TO USE THE SERVICE PATTERN IN SPFX REACT SOLUTIONS</li> <li>Nanddeepn-Getting Started Slides</li> <li>Recap of Getting Started SharePoint Framework (SPFx) Webinar Series 2020</li> <li>PiaSys: Conferences-Samples</li> <li>PnP Virtual Conference \u2013 September 2020 \u2013 Summary and Recordings</li> <li>Microsoft 365 learning pathways</li> </ul>"},{"location":"#start-spfx-react-development","title":"Start SPFx React Development","text":"<ul> <li>SPFx Essentials my Getting Started Video | E003</li> <li>How to Style your Custom SPFx Web Part to look OOB | E004</li> <li>PT2: Custom SPFx Web Part looking like it's OOB | E005</li> <li>SPFx, Post Request, React Hooks, and Fluent UI forms | E006</li> </ul>"},{"location":"#start-teams-development","title":"Start Teams Development","text":"<ul> <li>Microsoft Teams App Camp On Demand</li> <li>#30DaysOf Learning</li> <li>Microsoft Cloud Integration Scenarios</li> </ul>"},{"location":"#reference-samples","title":"Reference Samples","text":"<ul> <li>SPFx samples in the Microsoft 365 Unified Sample gallery</li> <li>SharePoint Framework Client-Side Web Part Samples</li> <li>Microsoft Teams Development Samples</li> <li>SafeDesk365</li> <li>SharePoint Framework DataTable</li> <li>Lead Assist Dashboard</li> <li>Executive Room Reservation Reference Microsoft Teams Personal App</li> <li>News article content at a glance</li> <li>react content query online</li> <li>Fakeflix - WebApp to learn React/Redux and more</li> <li>react-roomchat - Azure Communications Services Building SPFx solution with Azure Communication Services integration</li> <li>@pnp/js and ReactJS Functional Components</li> <li>React Flight Tracker</li> <li>Extend Teams app to other M365 host apps like Outlook, Office.com</li> <li>microsoft365dev</li> <li>Exposing business data in Microsoft 365 using Azure Data API builder</li> </ul>"},{"location":"#m365-full-stack-spfx","title":"M365 Full Stack / SPFx","text":"<ul> <li>spfx-wp-react-app</li> <li>The ultimate full stack project setup for M365 development</li> <li>epic-stack</li> </ul>"},{"location":"#enterprise-reference-samples","title":"Enterprise Reference Samples","text":"<ul> <li>Rhythm of Business Calendar - SPFx Solution Accelerator - Domain Driven Design</li> <li>Rhythm of Business Calendar - SPFx Solution Accelerator Deep Dive</li> <li>Contoso Retail Dashboard</li> <li>Video: Microsoft 365 &amp; Power Platform weekly call \u2013 6th of June, 2023</li> </ul>"},{"location":"#pnpjs-v3","title":"PnPjs-V3","text":"<ul> <li>PnPjs-V3</li> </ul>"},{"location":"#fluent-ui","title":"Fluent UI","text":"<ul> <li>fluent2.microsoft.design</li> <li>Fluent UI React Components</li> <li>Installing the fluent ui components</li> <li>Fluent UI 9 SPFx Sample</li> <li>Updated Fluent UI 9 Demo to latest SPFx and Fluent UI 9</li> </ul>"},{"location":"#learning-spfx-videos","title":"Learning SPFx Videos","text":"<ul> <li>SharePoint Framework for beginners 2021 | Episode 01 - Introduction</li> <li>SharePoint Framework for beginners 2021 | Episode 02 - Development Environment</li> </ul>"},{"location":"#dev-tenant","title":"DEV-Tenant","text":"<ul> <li>Welcome to the Office 365 Developer Program</li> <li>New renewable Office 365 developer subscriptions launch on April 3rd</li> <li>10 Tips for Demo/Dev Tenant</li> <li>how-to-use-the-complimentary-azure-credits-in-a-microsoft-365-developer-tenant-step-by-step</li> <li>What is a \"Dev Tenant\" and why would you want one?</li> </ul>"},{"location":"#development-roadmap","title":"Development Roadmap","text":"<ul> <li>microsoft-changelog</li> <li>SPFx Roadmap / Release Notes</li> <li>Microsoft 365 Roadmap</li> <li>Monthly Updates about M365 News</li> </ul>"},{"location":"#code-guideline","title":"Code Guideline","text":"<ul> <li>Best practices in cloud applications</li> <li>Patterns and Practices for SPFx Development</li> <li>Typescriptlang - Handbook</li> <li>Airbnb React/JSX Style Guide</li> <li>Airbnb JavaScript Style Guide</li> <li>Office fabric react - Coding Guidelines</li> <li>Office fabric react - React-Guideline</li> <li>Office fabric react - TypeScript-Guidelines</li> <li>react-typescript-cheatsheet</li> <li>Setup TypeScript with React</li> <li>Design Patterns</li> <li>Awesome React Components &amp; Libraries</li> </ul>"},{"location":"#performance-guideline","title":"Performance Guideline","text":"<ul> <li>PnP Virtual Conference - 09/2020 - Ways to optimize SharePoint Framework highly custom Intranet</li> <li>SharePoint Framework performance optimization list</li> <li>Performance guidance for SharePoint Online portals</li> <li>Optimize SPFx Sample</li> </ul>"},{"location":"#design-guideline","title":"Design Guideline","text":"<ul> <li>sharepoint look book</li> <li>Official product colors for Microsoft apps</li> <li>Teams UI Component Library</li> <li>Figma UI Kit for Teams</li> </ul>"},{"location":"#code-review-checklist","title":"Code Review Checklist","text":"<ul> <li>React-JS-Checklist</li> <li>Front-end Code Review Checklist</li> </ul>"},{"location":"#security-guideline","title":"Security Guideline","text":"<ul> <li>Basic Security Set Up for Microsoft 365</li> <li>Security Scanning a SharePoint Framework Solution</li> <li>Security Engineering Portal</li> <li>Automate Azure DevOps code security analysis with the Microsoft Security Code Analysis extensions</li> </ul>"},{"location":"#granting-permission","title":"Granting Permission","text":"<ul> <li>Avoiding Declarative Permissions with Azure AD Services in SharePoint Framework Projects</li> <li> <p>Easily grant API permissions with the Office 365 CLI</p> </li> <li> <p>Logging in to Office 365</p> </li> </ul> <pre><code>m365 spo login https://&lt;tenant&gt;-admin.sharepoint.com\n</code></pre> <ul> <li>spo serviceprincipal grant add</li> </ul> <pre><code>spo serviceprincipal grant add --resource 'Microsoft Graph' --scope 'Mail.Read'\n</code></pre>"},{"location":"#content-style-guide","title":"Content Style Guide","text":"<ul> <li>Microsoft Writing Style Guide</li> </ul>"},{"location":"#coding-patterns","title":"Coding Patterns","text":"<ul> <li>React Design Principles</li> <li>Design patterns</li> <li>React inpatterns</li> <li>design patterns and component patterns</li> </ul>"},{"location":"#spfx-workflow","title":"SPFx Workflow","text":"<ul> <li>Walkthrough: use Azure DevOps with SPFx, GitFlow and GitVersion</li> </ul>"},{"location":"#sharepoint-pnp-community","title":"SharePoint PNP Community","text":"<ul> <li>SharePoint PnP resources</li> <li>Sharepoint Glossar</li> </ul>"},{"location":"#create-project-pnpm","title":"Create Project (pnpm)","text":"<ul> <li>Scaffold projects by using Yeoman SharePoint generator</li> </ul> <p>with pnpm manager</p> <ul> <li>Using pnpm with SPFx</li> </ul> <pre><code>yo @microsoft/sharepoint \u2013package-manager pnpm\n</code></pre> <pre><code>pnpm i tslint@5.9.1 -DE\n</code></pre> <pre><code>pnpm i typescript@2.4.2 -DE\n</code></pre>"},{"location":"#check-package-version","title":"Check Package Version","text":"<pre><code>node \u2013v\nnpm \u2013v\nyo --generators\ngulp \u2013v\ntsc \u2013v\ntsd --version\n</code></pre>"},{"location":"#git-basics","title":"Git Basics","text":"<p>Init local repo</p> <pre><code>git init\n</code></pre> <p>Add all Files to local repo</p> <pre><code>git add -A\ngit commit -m \"init repo\"\n</code></pre> <p>Show last commit</p> <pre><code>git show --name-only\n</code></pre> <p>show full history</p> <pre><code>git log --full-history --src/path/to/file.js\n</code></pre> <ul> <li>The Smart Ways to Correct Mistakes in Git</li> <li>A successful Git branching model</li> <li>GitHub cheat sheet for PnP contributions</li> <li>Illustrated Notes on Fixing Git Mistakes </li> </ul>"},{"location":"#developmentlocal-workbench","title":"Development(local workbench)","text":"<p>Importend: only for spfx &lt; 13.1</p> <pre><code>gulp serve\n</code></pre> <pre><code>https://localhost:4321/temp/workbench.html\n</code></pre>"},{"location":"#developmentonline-workbench","title":"Development(online workbench)","text":"<ul> <li>Update your project's hosted workbench URL</li> </ul> <pre><code>gulp serve --nobrowser\n</code></pre> <pre><code>/_layouts/15/workbench.aspx?forceLocale=de-de\n</code></pre> <pre><code>/_layouts/workbench.aspx\n</code></pre>"},{"location":"#prepare-deployment-solution","title":"Prepare Deployment Solution","text":"<pre><code>gulp clean\n</code></pre> <pre><code>gulp build --ship\n</code></pre> <pre><code>gulp bundle --ship\n</code></pre> <pre><code>gulp package-solution --ship\n</code></pre>"},{"location":"#debug-in-vscode","title":"Debug in vs.code","text":"<ul> <li>https://docs.microsoft.com/en-us/sharepoint/dev/spfx/debug-in-vscode</li> </ul>"},{"location":"#checklist-spfx-initial","title":"Checklist SPFx initial","text":"<ul> <li>SharePoint Framework \u2013 new project checklist</li> </ul>"},{"location":"#update-version","title":"Update Version","text":"<ul> <li>Use <code>npm version</code> to upgrade the version of your SPFx solution</li> <li>spfxappdev-init</li> </ul> <pre><code>npm version major\n</code></pre> <pre><code>npm version minor\n</code></pre> <pre><code>npm version patch\n</code></pre>"},{"location":"#add-imported-pnp-modules","title":"Add imported pnp modules","text":"<ul> <li>https://pnp.github.io/pnpjs/</li> <li>https://github.com/SharePoint/PnP-JS-Core/wiki/Developer-Guide</li> </ul> <pre><code>npm install @pnp/logging @pnp/common @pnp/odata @pnp/sp @pnp/graph --save\n</code></pre> <ul> <li>https://sharepoint.github.io/sp-dev-fx-controls-react/</li> </ul> <pre><code>npm install @pnp/spfx-controls-react@latest --save --save-exact\n</code></pre> <ul> <li>https://sharepoint.github.io/sp-dev-fx-property-controls/</li> </ul> <pre><code>npm install @pnp/spfx-property-controls@latest --save --save-exact\n</code></pre>"},{"location":"#localizations","title":"Localizations","text":"<ul> <li>Location files are in JSON format</li> <li>They work similar as Resources files (XML) on VS Solution</li> <li>The default language is English (en-us)</li> <li>Developers can test the locale by:</li> <li>Updating write-manifests.json file</li> </ul> <pre><code>{\n\"cdnBasePath\": \"&lt;!-- PATH TO CDN --&gt;\",\n\"debugLocale\": \"de-de\"\n}\n</code></pre> <p>or by using the \"locale\" command argument</p> <pre><code>gulp serve --locale=de-de\n</code></pre>"},{"location":"#app-permission","title":"App Permission","text":"<ul> <li>Working with Application Permissions (App-Only Auth) in SharePoint Online and the Microsoft Graph</li> <li>SharePoint lifehacks: create SharePoint app registration with client secret which never expires</li> </ul>"},{"location":"#sharepoint-online-data","title":"SharePoint Online Data","text":"<ul> <li>Granting access via Azure AD App-Only</li> <li>Granting access using SharePoint App-Only</li> </ul>"},{"location":"#msgraph-data","title":"MSGraph Data","text":"<ul> <li>Get application ID and authentication key</li> </ul>"},{"location":"#scoped-service","title":"Scoped service","text":"<ul> <li>Elegant Dependency Injection in SPFx</li> <li>SPFx WebPart scoped service</li> <li>Using React hooks to globally share service scope between components</li> <li>SPFX Service Scopes Hooks</li> </ul>"},{"location":"#data-service","title":"Data Service","text":"<ul> <li>APIs Everywhere</li> <li>RSS Reader</li> <li>Sample FieldVisitTab</li> <li>SPFx \u2013 How to handle large list items</li> <li>Filter large lists in SharePoint Online </li> </ul> <p>Sample Folder structure</p> <ul> <li>barrel: each folder should has a index.ts file</li> <li> <p>prettify your imports</p> </li> <li> <p>src</p> </li> <li>models<ul> <li>IHelpDeskItem.ts</li> <li>index.ts</li> </ul> </li> <li>services<ul> <li>IDataService.ts</li> <li>MockDataservice.ts</li> <li>SharepointDataService.ts</li> <li>index.ts</li> </ul> </li> <li>webparts<ul> <li>components</li> <li>loc</li> <li>WebpartNameWebPart.ts</li> </ul> </li> </ul>"},{"location":"#data-model","title":"Data Model","text":"<p>Interface to define our Data structure</p> <pre><code>export interface IHelpDeskItem {\n  id?: number;\n  title?: string;\n  description?: string;\n  level?: string;\n  status?: string;\n  assignedTo?: string;\n  resolution?: string;\n}\n</code></pre> <p>Interface to define our Data Access services</p> <pre><code>import { IHelpDeskItem } from \"./../models/IHelpDeskItem\";\nimport { WebPartContext } from \"@microsoft/sp-webpart-base\";\n\nexport default interface IDataService {\n  getTitle(): string;\n  isConfigured(): boolean;\n  getItems(context: WebPartContext): Promise&lt;IHelpDeskItem[]&gt;;\n  addItem(item: IHelpDeskItem): Promise&lt;void&gt;;\n  deleteItem(id: number): Promise&lt;void&gt;;\n}\n</code></pre> <p>Mocking Service for testing in local Workbench development</p> <pre><code>import { IHelpDeskItem } from \"./../models/IHelpDeskItem\";\nimport IDataService from \"./IDataService\";\nimport { IWebPartContext } from \"@microsoft/sp-webpart-base\";\n\nexport default class MockDataService implements IDataService {\n...\n  private _webPartContext: IWebPartContext;\n  private _listId: string;\n\n  constructor(webPartContext: IWebPartContext, listId: string) {\n    this._webPartContext = webPartContext;\n    this._listId = listId;\n  }\n...\n\n  public getItems(context: IWebPartContext): Promise&lt;IHelpDeskItem[]&gt; {\n    return new Promise&lt;IHelpDeskItem[]&gt;((resolve, reject) =&gt; {\n      setTimeout(() =&gt; resolve([\n        {\n          id : 1,\n          title : \"That doesn't work\",\n          description : \"When I do that, it doesn't work\",\n          level : \"Low\",\n          status: \"Open\",\n          resolution: \"Do this and it will work!\",\n          assignedTo: \"S\u00e9bastien Levert\",\n        }\n      ]), 300);\n    });\n  }\n}\n</code></pre>"},{"location":"#get-data-with-sharepoint-rest","title":"Get Data with Sharepoint REST","text":"<p>Source</p> <pre><code>public getItems(context: WebPartContext): Promise&lt;IHelpDeskItem[]&gt; {\nreturn new Promise&lt;IHelpDeskItem[]&gt;((resolve, reject) =&gt; {\n    context.spHttpClient\n    .get( `${this._webPartContext.pageContext.web.absoluteUrl}/_api/web/lists/GetById('${this._listId}')/items` +\n            `?$select=*,HelpDeskAssignedTo/Title&amp;$expand=HelpDeskAssignedTo`, SPHttpClient.configurations.v1)\n    .then(res =&gt; res.json())\n    .then(res =&gt; {\n        let helpDeskItems:IHelpDeskItem[] = [];\n\n        for(let helpDeskListItem of res.value) {\n        helpDeskItems.push(this.buildHelpDeskItem(helpDeskListItem));\n        }\n\n        resolve(helpDeskItems);\n    })\n    .catch(err =&gt; console.log(err));\n});\n}\n</code></pre>"},{"location":"#get-data-with-pnp-js-core","title":"Get Data with Pnp-JS-Core","text":"<p>Reference Sample</p> <ul> <li>pnPjsExample</li> </ul> <p>Advantages</p> <ul> <li>Type safe so you get your errors while you code and not when you execute and test</li> <li>Works on all versions of SharePoint (On-Premises, Online, etc.)</li> <li>Offers built-in caching mechanisms</li> <li>Heavily used in the SharePoint Development Community</li> </ul> <p>Init context in react webpart component source</p> <pre><code>public onInit(): Promise&lt;void&gt; {\n    return super.onInit().then(_ =&gt; {\n        pnpSetup({\n        spfxContext: this.context\n        });\n    });\n}\n</code></pre> <p>init service in react webpart component</p> <pre><code>public render(): void {\n    const element: React.ReactElement&lt;IListContentProps&gt; = React.createElement(\n      ListContent,\n      {\n        context: this.context,\n        dataService: this.getDataService(),\n        list: this.properties.list\n      }\n    );\n\n    ReactDom.render(element, this.domElement);\n}\n</code></pre> <p>Get items from list Source</p> <pre><code>public getItems(context: WebPartContext): Promise&lt;IHelpDeskItem[]&gt; {\nreturn new Promise&lt;IHelpDeskItem[]&gt;((resolve, reject) =&gt; {\n\n    sp.web.lists.getById(this._listId).items\n    .select(\"*\", \"HelpDeskAssignedTo/Title\")\n    .expand(\"HelpDeskAssignedTo\").getAll().then((sessionItems: any[]) =&gt; {\n    let helpDeskItems:IHelpDeskItem[] = [];\n\n    for(let helpDeskListItem of sessionItems) {\n        helpDeskItems.push(this.buildHelpDeskItem(helpDeskListItem));\n    }\n\n    resolve(helpDeskItems);\n    });\n\n});\n}\n</code></pre>"},{"location":"#get-search-data-with-asyncawait","title":"Get Search Data with async/await","text":"<p>Using PnPJS and Async/Await to Really Simplify Your API Calls</p> <p>async/await</p> <pre><code>  private async _getSiteData(): Promise&lt;ISPSite[]&gt; {\n\n    var thisDomain: string = location.host.split(\".\")[0];\n    var exclusions: string[] = [\"https://\" + thisDomain + \"-my.sharepoint.com\", \"https://\" + thisDomain + \".sharepoint.com/portals/personal\"];\n    var exclusionString: string = \" -Path:\" + exclusions.join(\" -Path:\");\n    exclusionString += \" -Path=https://\" + thisDomain + \".sharepoint.com\";\n\n    try {\n\n      let result = await sp.search(&amp;lt;SearchQuery&gt;{\n        Querytext: \"contentclass:sts_site \" + exclusionString,\n        RowLimit: 500,\n        TrimDuplicates: false,\n        Properties: [{\n          Name:\"EnableDynamicGroups\",\n          Value: {\n            BoolVal: true,\n            QueryPropertyValueTypeIndex: QueryPropertyValueType.BooleanType\n          }\n        }],\n        SelectProperties: [\"Title\", \"Path\", \"SiteLogo\"]\n      });\n\n      return this.processSearchResults(result);\n\n    } catch (e) {\n\n      console.error(e);\n      return null;\n\n    }\n\n  }\n</code></pre> <pre><code>public async getShipmentStatuses(serviceProps: IServiceProperties): Promise&lt;IStatus[]&gt; {\n\n    try {\n\n      let items = await sp\n        .web\n        .lists\n        .getByTitle(\"SL_ShippingStatuses\")\n        .items\n        .select(\"Id\", \"Title\", \"SortOrder\", \"CanBeCancelled\")\n        .orderBy(\"SortOrder\")\n        .get(spODataEntityArray&lt;Item, IStatus&gt;(Item));\n\n      return items;\n\n    } catch (e) {\n\n      console.error(e);\n      return null;\n\n    }\n}\n</code></pre> <p>joelfmrodrigues - demos</p> <pre><code>private async _getItems() {\n  let select = '*';\n  let expand = 'File';\n  let filter = '';\n\n  // filter by selected term if required\n  if (this.props.term !== undefined &amp;&amp; this.props.term !== null &amp;&amp; this.props.term.length &gt; 0) {\n    const term = this.props.term[0];\n\n    select = `${select},TaxCatchAll/Term`;\n    expand = `${expand},TaxCatchAll`;\n    filter = `TaxCatchAll/Term eq '${term.name}'`;\n  }\n\n  const items = await sp.web.lists.getById(this.props.list).items\n    .select(select)\n    .expand(expand)\n    .filter(filter)\n    .get();\n\n  // update state\n  this.setState({\n    items: items ? items : []\n  });\n  console.log('List Items:', this.state.items);\n}\n</code></pre>"},{"location":"#get-data-from-msgraph","title":"Get Data from MSGraph","text":"<ul> <li>Using PnPjs to send requests to MS Graph with SharePoint Framework 1.6</li> <li>Example of wrapper to ease usage of Graph calls in SPFx</li> <li>msgraph-helper</li> <li>SPFx webpart with MS Graph and PnPjs: step by step guide</li> </ul>"},{"location":"#start-office-fabric-react","title":"Start Office Fabric React","text":"<p>Create Sample</p> <ul> <li>Use Office UI Fabric React components in your SharePoint client-side web part</li> <li>TypeScript React Starter</li> <li>React app with an Office UI Fabric React DocumentCard</li> </ul> <pre><code>create-react-app demo-office-fabric-react-ts --scripts-version=react-scripts-ts\n</code></pre> <p>init git</p> <pre><code>git init\ngit add .\ngit commit -m \"Initial commit.\"\n</code></pre> <p>add office fabric react</p> <ul> <li>office-ui-fabric-react@5.131.0</li> <li>Use Office UI Fabric React components in your SharePoint client-side web part</li> </ul> <pre><code>npm install office-ui-fabric-react@5.132.0 --save\n</code></pre>"},{"location":"#generator-for-sp-applications","title":"Generator for SP applications","text":"<ul> <li>SP Pull-n-Push - Yeoman generator for SharePoint client-side applications</li> </ul>"},{"location":"#upgrade-yo-generator-spfx","title":"Upgrade yo generator SPFx","text":"<ul> <li>Use the Yeoman SharePoint generator</li> </ul> <pre><code>npm list -g --depth=0\n</code></pre> <pre><code>npm ls -g --depth=0 @microsoft/generator-sharepoint\n</code></pre> <pre><code>npm outdated --global\n</code></pre> <pre><code>npm install @microsoft/generator-sharepoint@latest --global\n</code></pre>"},{"location":"#spfx-version-upgrade","title":"SPFx Version Upgrade","text":"<ul> <li>Project-upgrade</li> <li>Easily upgrade SharePoint Framework projects with the Office 365 CLI</li> </ul>"},{"location":"#office-365-cli","title":"Office 365 CLI","text":"<ul> <li>Office 365 User Guide</li> <li>Comparison to SharePoint PowerShell</li> <li>Office 365 GitHhub Actions</li> <li>GETTING STARTED WITH THE OFFICE 365 CLI</li> <li>Working with Office365 CLI and JSON parameters</li> <li>CLI.Microsoft365.PowerShell.Predictor</li> </ul> <p>Latest version</p> <pre><code>npm i -g @pnp/cli-microsoft365@latest\n</code></pre> <p>Latest Beta version</p> <pre><code>npm i -g @pnp/cli-microsoft365@next\n</code></pre> <p>Create report for upgrade</p> <ul> <li>spfx project upgrade</li> </ul> <pre><code>m365 spfx project upgrade --shell powershell --toVersion 1.12.1 --output md &gt; report.md\n</code></pre>"},{"location":"#update-spfx-packages","title":"Update SPFx packages","text":"<ul> <li>Update SharePoint Framework packages</li> </ul>"},{"location":"#custom-yo-spfx-generator","title":"Custom yo spfx generator","text":"<ul> <li>PnP SPFx Yeoman generator</li> </ul>"},{"location":"#add-external-js-frameworks","title":"Add External JS-Frameworks","text":"<ul> <li>How to add external libraries and assets in SharePoint client-side web part</li> <li>Loading dependent JS files into SPFx Solution in right order</li> <li>How To Include JavaScript Files In SharePoint Framework Solutions?</li> </ul>"},{"location":"#spfx-utilities","title":"SPFx Utilities","text":"<ul> <li>Utility functions which you might not know existed in SPFx</li> <li>SPFx Fast Serve Tool</li> <li>sp-formatter</li> <li>SP Formatter: the big update</li> <li>SharePoint produtivity tools</li> <li>Ultimate Developer Tool List for SPFx</li> </ul>"},{"location":"#team-development-tools","title":"Team Development Tools","text":"<ul> <li>Guides and tools to design your Microsoft Teams app effectively</li> <li>@fluentui/react-teams</li> <li>Microsoft Teams UI templates sample app</li> </ul>"},{"location":"about/about/","title":"About","text":""},{"location":"about/about/#author","title":"Author","text":"<p>Roland Oechslin</p>"},{"location":"about/about/#work","title":"Work","text":"<p>Senior Sharepoint/M365 Expert and Developer, BLS AG, Bern, Switzerland</p>"},{"location":"about/about/#interests","title":"Interests","text":"<p>Programming, New Technologies  </p>"},{"location":"about/about/#twitter","title":"Twitter","text":"<p>@rolandoechslin</p>"},{"location":"about/help/","title":"Help mkdocs","text":"<ul> <li>For full documentation visit - mkdocs.org.</li> <li>Themes  Material</li> <li>Markdown Syntax</li> <li>Markdown guide</li> </ul>"},{"location":"about/help/#deployment-to-github-pages","title":"Deployment to GitHub Pages","text":"<ul> <li>https://www.mkdocs.org/user-guide/deploying-your-docs/</li> </ul> <pre><code>mkdocs gh-deploy\n</code></pre>"},{"location":"angular/elements/","title":"Angular","text":""},{"location":"angular/elements/#elements","title":"Elements","text":"<ul> <li>a-practical-guide-to-angular-elements</li> </ul>"},{"location":"angular/elements/#angularjs","title":"AngularJS","text":"<ul> <li>html-templates-in-spfx</li> <li>building-sharepoint-framework-client-side-web-parts-angular </li> </ul>"},{"location":"articles/sitecollection-versus-subsite/","title":"Sitecollection versus subsite","text":""},{"location":"articles/sitecollection-versus-subsite/#advantages-of-subsites","title":"Advantages of Subsites","text":"<ol> <li>A subsite can be provisioned by anyone with at least Full Control     permission (more specifically, the Create Subsites permission     level) on the parent site. I.e. You don\u2019t require a farm or tenant     admin to provision one for you. (Although in SharePoint Online,     anyone in a specified AD group can provision an Office 365 Group     site collection; to provision a standard SharePoint site collection     on SharePoint Server requires membership in the Farm Administrators     SharePoint group on the machine running the Central Administration     website. To provision a Classic SharePoint site collection in Office     365 requires you to be a Global Admin or SharePoint Online     administrator)</li> <li>A subsite can automatically be added to the navigation of the parent     site if you have the navigation settings configured that way.</li> <li>A subsite can automatically inherit settings from its parent site     including permissions, features, and navigation (Ironically this can     also be a disadvantage as well as I describe in the section below).     You can optionally adjust some of the settings at the subsite level.     (for example, decide not to inherit navigation settings)</li> <li>This is quick and easy to setup which is attractive for small     organizations who don\u2019t have a lot of resources to spend maintaining     site collections. (although in SharePoint Online, the provisioning     process for an Office 365 Group site collection is very quick and     easy, it is not that easy in SharePoint on-premises)</li> <li>[Update January 18, 2018] A subsite automatically inherits content     types and site columns from its parent site. This is more     straight-forward to setup than a Content Type Hub which is what is     required to do the same across site collections.</li> <li>[Update January 18, 2018] Managed Term sets can easily be shared     across all subsites within a Site Collection if the term set is     created at the site collection level. Term sets cannot be shared     across site collections unless it is created at the farm/tenant     level.</li> </ol>"},{"location":"articles/sitecollection-versus-subsite/#disadvantages-of-site-collections","title":"Disadvantages of Site Collections","text":"<ol> <li>It is a boundary for navigation which means navigation is not shared     across site collections. To visually tie together your site     collections in a \u201cvirtual hierarchy\u201d (i.e. navigation), you will     need to handle this separately. (Code, manually configured, etc.)     **See my comment about the new SharePoint Hub site below to     address this disadvantage however which will turn this into an     advantage where you can \u2018plug and play\u2019 your site collections into     whatever kind of navigation is required.</li> <li>Content types and site columns can be defined at a site collection     level but cannot be easily shared across site collections. The     Content Type hub is a feature built with the intent of this, but in     my experience it has some usability issues, particularly in     SharePoint Online.</li> <li>If you are a small company, you may find it difficult to manage     multiple site collections if you have advanced branding, navigation,     feature requirements.</li> </ol>"},{"location":"articles/sitecollection-versus-subsite/#my-thoughts","title":"My thoughts","text":"<p>Let\u2019s get back to the quote from Ignite\u2026 why are subsites the spawn of the devil?</p> <p>Generally speaking, it\u2019s hard to argue with the fact that site collections are more flexible. Each site collection can be viewed as a granular \u2018unit of work\u2019. They allow you to control permissions, features, storage, branding and target data protection and retention controls at a more targeted level. A flat architecture like this allows you to \u2018plug and play\u2019 site collections into whatever kind of navigational hierarchy is required \u2013 the announcement of the SharePoint Hub site at Microsoft Ignite is a feature being built to allow you to build this navigation thru the User Interface. You will be able to associate a site collection with a SharePoint Hub by the click of a button and easily move it from one Hub to another if required. This is great news.</p> <p>Source: https://joannecklein.com/2017/11/03/sharepoint-site-collection-advantages/</p>"},{"location":"deployment/guide/","title":"Deployment","text":"<ul> <li>Lessons learned from deploying my first full-stack web application</li> </ul>"},{"location":"js/guide/","title":"Guide","text":""},{"location":"js/guide/#ref","title":"Ref","text":"<ul> <li>https://developer.mozilla.org/en-US/docs/Web/JavaScript</li> </ul>"},{"location":"js/guide/#styleguide","title":"Styleguide","text":"<ul> <li>https://google.github.io/styleguide/jsguide.html</li> <li>https://github.com/airbnb/javascript</li> <li>http://2ality.com/2011/10/javascript-overview.html</li> </ul>"},{"location":"js/guide/#books","title":"Books","text":"<ul> <li>Front-End Developer Handbook 2018</li> <li>Front-End Developer Handbook 2018</li> <li>You Don't Know JS</li> </ul>"},{"location":"js/guide/#arrays","title":"Arrays","text":"<ul> <li>Eleven Ways To Learn Javascript Array Iteration Effectively</li> </ul>"},{"location":"js/guide/#technologie-radar","title":"Technologie Radar","text":"<ul> <li>https://lihsmi.ch/learning/2015/04/25/skill-radar-technology-radar.html</li> <li>https://github.com/schoeffm/techradar</li> <li>https://github.com/zalando/tech-radar</li> <li>https://github.com/bdargan/techradar</li> </ul>"},{"location":"js/pwa/","title":"PWA","text":""},{"location":"js/pwa/#overview","title":"Overview","text":"<ul> <li>https://scotch.io/tutorials/the-ultimate-guide-to-progressive-web-applications</li> </ul>"},{"location":"powershell/graphsdk-ps/","title":"Graph SDK Powershell","text":"<ul> <li>Microsoft Graph PowerShell SDK</li> </ul>"},{"location":"powershell/graphsdk-ps/#learning","title":"Learning","text":"<ul> <li>Get to know the Microsoft Graph PowerShell SDK better with the Graph Explorer</li> <li>Microsoft PowerShell Graph SDK \u2013 Woes</li> <li>Pluralsight: Using the Microsoft Graph PowerShell SDK</li> </ul>"},{"location":"powershell/graphsdk-ps/#security","title":"Security","text":"<ul> <li>Using a Certificate for Authentication with the Microsoft Graph SDK for PowerShell</li> </ul>"},{"location":"powershell/graphsdk-ps/#azure-automation","title":"Azure Automation","text":"<ul> <li>Using Azure Automation to Process Exchange Online Data with PowerShell</li> <li>Using the Microsoft Graph SDK for PowerShell with Azure Automation</li> <li>Updating Microsoft Graph PowerShell Modules for Azure Automation </li> </ul>"},{"location":"powershell/graphsdk-ps/#uddate-process","title":"Uddate Process","text":"<ul> <li>Updating Microsoft Graph PowerShell Modules for Azure Automation</li> </ul>"},{"location":"powershell/graphsdk-ps/#work","title":"Work","text":"<ul> <li>How to Connect to Microsoft Graph API from PowerShell</li> </ul> <p>Check</p> <pre><code>Get-InstalledModule | Where-Object {$_.Name -match \"Microsoft.Graph\"}\n</code></pre> <p>Install</p> <pre><code>Install-Module -Name \"Microsoft.Graph\"\n</code></pre> <p>Update</p> <pre><code>Update-Module Microsoft.Graph\n</code></pre> <p>Uninstall (all)</p> <pre><code>Uninstall-Module Microsoft.Graph\n\n# Uninstall all Sub-modules of Graph\nGet-InstalledModule Microsoft.Graph.* | ForEach-Object { if($_.Name -ne \"Microsoft.Graph.Authentication\") {\n    Uninstall-Module $_.Name }\n}\n\n# Uninstall the dependant module\nUninstall-Module Microsoft.Graph.Authentication\n</code></pre> <p>Connect with Delegated Access </p> <pre><code># Connect to Microsoft Graph\nConnect-MgGraph -Scopes \"User.Read.All\"\n\n# Get All users\n$users = Get-MgUser\n$users | Select-Object DisplayName, UserPrincipalName, Mail\n</code></pre> <p>Connect with App ID and Certificate</p> <pre><code># App Config\n$TenantID = \"&lt;placeholder&gt;\"\n$ClientID = \"&lt;placeholder&gt;\" # App ID\n$CertThumbPrint = \"&lt;placeholder&gt;\"\n\n# Connect to Microsoft Graph using App\nConnect-MgGraph -ClientID $ClientID -TenantId $TenantID -CertificateThumbprint $CertThumbPrint\n</code></pre> <p>Connect with Client Secret</p> <pre><code># App Registration details\n$TenantID = \"&lt;placeholder&gt;\"\n$ClientID = \"&lt;placeholder&gt;\"\n$ClientSecret = \"&lt;placeholder&gt;\"\n\n$Body =  @{\n    Grant_Type    = \"client_credentials\"\n    Scope         = \"https://graph.microsoft.com/.default\"\n    Client_Id     = $ClientID\n    Client_Secret = $ClientSecret\n}\n\n$Connection = Invoke-RestMethod `\n    -Uri https://login.microsoftonline.com/$TenantID/oauth2/v2.0/token `\n    -Method POST `\n    -Body $body\n\n# Get the Access Token\n$Token = $Connection.access_token\n\n# Connect to Microsoft Graph\nConnect-MgGraph -AccessToken $Token\n</code></pre>"},{"location":"powershell/graphsdk-ps/#check-size","title":"Check Size","text":"<ul> <li>FUNCTION CANNOT BE CREATED BECAUSE FUNCTION CAPACITY 4096 HAS BEEN EXCEEDED FOR THIS SCOPE</li> </ul> <pre><code>Get-Variable Max*Count\n</code></pre> <pre><code>$Modules = Get-Module -ListAvailable\n$ListModules = foreach ($Module in $Modules) {\n    [PScustomObject] @{\n        Name          = $Module.Name\n        Version       = $Module.Version\n        FunctionCount = ($Module.ExportedFunctions).Count\n    }\n}\n$ListModules | Sort-Object -Property FunctionCount -Descending | Format-Table -AutoSize\n</code></pre>"},{"location":"powershell/graphsdk-ps/#azuread-module-migration","title":"AzureAD Module Migration","text":"<ul> <li>PSAzureMigrationAdvisor</li> <li>Challenges of PowerShell Scripting with Microsoft 365</li> </ul>"},{"location":"powershell/pnp-ps/","title":"PnP Powershell","text":""},{"location":"powershell/pnp-ps/#information","title":"Information","text":"<ul> <li>New version of PnP PowerShell \u2013 v2.1.1</li> <li>Updating from PnP PowerShell 1.x to 2.x</li> </ul>"},{"location":"powershell/pnp-ps/#references","title":"References","text":"<ul> <li>Documentation</li> <li>Script Samples</li> <li>Script Samples - matrix</li> </ul>"},{"location":"powershell/pnp-ps/#security-authentication","title":"Security / Authentication","text":"<ul> <li>PnP PowerShell - Consent and Authentication</li> <li>Learn How Authentication Works in the latest PnP.PowerShell Module</li> <li>PnP PowerShell \u2013 take control of the service principal permissions</li> <li>Using Managed Identity with PnP PowerShell instead of SharePoint App-Only Principal</li> </ul>"},{"location":"powershell/pnp-ps/#tools-plugin","title":"Tools / Plugin","text":"<ul> <li>PnP.PowerShell.Predictor</li> </ul>"},{"location":"powershell/pnp-ps/#login-with-an-application-admin","title":"Login with an Application admin","text":"<p>-The required Office 365 role to run PnP Powershell with Scopes</p>"},{"location":"powershell/pnp-ps/#installation-options","title":"Installation Options","text":"<ul> <li>Running multiple versions of PnP-PowerShell</li> <li>Manage SharePoint &amp; Microsoft Teams on PowerShell Core using the PnP.PowerShell module</li> <li>Making the move from SharePointPnPPowerShellOnline to PnP.PowerShell</li> </ul>"},{"location":"powershell/pnp-ps/#documentation","title":"Documentation","text":"<ul> <li>sharepoint-pnp-cmdlets</li> </ul>"},{"location":"powershell/pnp-ps/#specific-version","title":"Specific Version","text":"<ul> <li>Import a specific module from the installed SharePoint PnP PowerShell modules (2013, 2016, 2019 &amp; Online)</li> <li>Run PnP PowerShell with saved module</li> </ul>"},{"location":"powershell/pnp-ps/#latest-version","title":"Latest Version","text":"<ul> <li>Latest Release Version</li> <li>Change Log</li> </ul>"},{"location":"powershell/pnp-ps/#check","title":"Check","text":"<pre><code>Get-InstalledModule | foreach { $b = (find-module $_.name).version ; if ($b -ne $_.version) { Write-host \"$($_.name) has an update from $($_.version) to $b\" } }\n</code></pre> <pre><code>Get-Module SharePointPnPPowerShell* -ListAvailable | Select-Object Name,Version | Sort-Object Version -Descending\n</code></pre>"},{"location":"powershell/pnp-ps/#update-module-to-the-latest-version","title":"Update Module to the latest version","text":"<pre><code>Update-Module SharePointPnPPowerShell*\n</code></pre>"},{"location":"powershell/pnp-ps/#delete-the-old-version","title":"Delete the old version","text":"<pre><code>Get-InstalledModule -Name \"SharePointPnPPowerShellOnline\" -RequiredVersion 3.8.1904.0 | Uninstall-Module\n</code></pre>"},{"location":"powershell/pnp-ps/#install-a-specific-version","title":"Install a specific version","text":"<pre><code>Install-Module -Name SharePointPnPPowerShellOnline -RequiredVersion 3.0.1808.1\n</code></pre>"},{"location":"powershell/pnp-ps/#connect-with-app-permission","title":"Connect with App Permission","text":"<ul> <li>Introduction to Initialize-PnPPowerShellAuthentication cmdlet</li> </ul> <pre><code>Initialize-PnPPowerShellAuthentication -ApplicationName DemoApp -Tenant tenant.onmicrosoft.com -Store CurrentUser\n\n$url = \"https://tenant.sharepoint.com\"\n$clientid = \"&lt;placeholder&gt;\"\n$thumbprint = \"&lt;placeholder&gt;\"\n$tenant = 'tenant.onmicrosoft.com'\n\nConnect-PnPOnline -Url $url -ClientId $clientid -Thumbprint $thumbprint -Tenant $tenant\n</code></pre> <pre><code># Load PNP the Right Way\n$pnp = Get-Command Connect-Stuff -ErrorAction SilentlyContinue\nif (!$pnp) {Install-Module SharePointPnPPowerShellOnline -Force}\nImport-Module SharePointPnPPowerShellOnline\n</code></pre>"},{"location":"powershell/pnp-ps/#list-all-commands","title":"List all commands","text":"<pre><code>Get-Command | ? { $_.ModuleName -eq \"SharePointPnPPowerShellOnline\" }\n</code></pre>"},{"location":"powershell/pnp-ps/#create-guid","title":"Create Guid","text":"<pre><code>[guid]::NewGuid() | Select-Object -ExpandProperty Guid | clip\n</code></pre>"},{"location":"powershell/pnp-ps/#delete-all-listitems","title":"Delete all listitems","text":"<pre><code>Get-PnPList -Identity Lists/MyList | Get-PnPListItem -PageSize 100 -ScriptBlock { Param($items) \n$items.Context.ExecuteQuery() } | % {$_.DeleteObject()}\n</code></pre>"},{"location":"powershell/pnp-ps/#upload-documents","title":"Upload Documents","text":"<ul> <li>https://gallery.technet.microsoft.com/office/Upload-Multiple-Documents-4c4aa989</li> </ul> <pre><code>function UploadDocuments(){\nParam(\n        [ValidateScript({If(Test-Path $_){$true}else{Throw \"Invalid path given: $_\"}})] \n        $LocalFolderLocation,\n        [String] \n        $siteUrl,\n        [String]\n        $documentLibraryName\n)\nProcess{\n        $path = $LocalFolderLocation.TrimEnd('\\')\n\n        Write-Host \"Provided Site :\"$siteUrl -ForegroundColor Green\n        Write-Host \"Provided Path :\"$path -ForegroundColor Green\n        Write-Host \"Provided Document Library name :\"$documentLibraryName -ForegroundColor Green\n\n          try{\n                $credentials = Get-Credential\n\n                Connect-PnPOnline -Url $siteUrl -CreateDrive -Credentials $credentials\n\n                $file = Get-ChildItem -Path $LocalFolderLocation -Recurse\n                $i = 0;\n                Write-Host \"Uploading documents to Site..\" -ForegroundColor Cyan\n                (dir $path -Recurse) | %{\n                    try{\n                        $i++\n                        if($_.GetType().Name -eq \"FileInfo\"){\n                          $SPFolderName =  $documentLibraryName + $_.DirectoryName.Substring($path.Length);\n                          $status = \"Uploading Files :'\" + $_.Name + \"' to Location :\" + $SPFolderName\n                          Write-Progress -activity \"Uploading Documents..\" -status $status -PercentComplete (($i / $file.length)  * 100)\n                          $te = Add-PnPFile -Path $_.FullName -Folder $SPFolderName\n                         }          \n                        }\n                    catch{\n                    }\n                 }\n            }\n            catch{\n             Write-Host $_.Exception.Message -ForegroundColor Red\n            }\n\n  }\n}\n\n\n#UploadDocuments -LocalFolderLocation {Local Folder Location} -siteUrl {Site collection URL} -documentLibraryName {Document Library Name}\n</code></pre>"},{"location":"powershell/pnp-ps/#site-classification","title":"Site Classification","text":"<ul> <li>https://www.jijitechnologies.com/blogs/site-classification-using-pnp-powershell</li> </ul> <pre><code>Connect-PnPOnline -Scopes \"Directory.ReadWrite.All\"\n</code></pre> <pre><code>Enable-PnPSiteClassification -Classifications \"HBI\",\"LBI\",\"Top Secret\" -UsageGuidelinesUrl ```\n\"http://aka.ms/sppnp\" -DefaultClassification \"HBI\"\n</code></pre> <pre><code>Add-PnPSiteClassification -Classifications \"SBI\",\"MBI\"\n</code></pre> <pre><code>Remove-PnPSiteClassification -Classifications \"SBI\"\n</code></pre> <pre><code>Update-PnPSiteClassification -Classifications \"HBI\",\"LBI\",\"Top Secret\" -UsageGuidelinesUrl http://aka.ms/sppnp\" -DefaultClassification \"HBI\"\n</code></pre> <pre><code>Disable-PnPSiteClassification\n</code></pre>"},{"location":"powershell/pnp-ps/#tips","title":"Tips","text":"<ul> <li>Add QuickLinks with powershell-pnp</li> </ul>"},{"location":"powershell/pnp-ps/#documents-list","title":"Documents List","text":"<ul> <li>Change the New Menu in SharePoint Online Documents List</li> </ul>"},{"location":"powershell/pnp-ps/#list-properties","title":"List Properties","text":"<ul> <li>Finding Missing Properties in PnP PowerShell</li> </ul> <pre><code>Connect-PnPOnline -Url https://toddklindt.sharepoint.com/sites/8884aced -Credentials Me\nGet-PnPView -List Documents\nGet-PnPView -List Documents -Identity 3c4126aa-d2fe-4b57-9a70-e03ebb9c76ef\n$view = Get-PnPView -List Documents -Identity 3c4126aa-d2fe-4b57-9a70-e03ebb9c76ef\n$view\n$view | select *\n$view.ViewQuery\nGet-PnPProperty -ClientObject $view -Property ViewQuery\n$view.ViewQuery\n$view\n$view | select *\n</code></pre>"},{"location":"powershell/pnp-ps/#fields","title":"Fields","text":"<ul> <li>How to: Provision Lookup Columns and Projected Fields using PnP PowerShell</li> <li>PnPPowerShellLookupColumns</li> <li>Add-PNPField: Add SharePoint columns with PowerShell</li> </ul>"},{"location":"powershell/pnp-ps/#copy-list","title":"Copy-List","text":"<ul> <li>Copy a SharePoint list with PnP PowerShell</li> </ul>"},{"location":"powershell/powerapps/","title":"Teams Powershell","text":"<ul> <li>PowerShell support for Power Apps</li> <li>PowerShell Cmdlets for PowerApps and Flow creators and administrators</li> </ul>"},{"location":"powershell/powerapps/#check-version","title":"Check Version","text":"<p>Latest Version</p> <ul> <li>History - Microsoft.PowerApps.Administration.PowerShell</li> </ul> <pre><code>Get-Module Microsoft.PowerApps* -ListAvailable | Select-Object Name,Version | Sort-Object Version -Descending\n</code></pre>"},{"location":"powershell/powerapps/#update-module-to-latest-version","title":"Update Module to latest version","text":"<pre><code>Update-Module Microsoft.PowerApps*\n</code></pre>"},{"location":"powershell/powerapps/#delete-old-version","title":"Delete old version","text":"<pre><code># Admin\nGet-InstalledModule -Name \"Microsoft.PowerApps.Administration.PowerShell\" -RequiredVersion 2.0.56 | Uninstall-Module\n\n## Maker\nGet-InstalledModule -Name \"Microsoft.PowerApps.PowerShell\" -RequiredVersion 1.0.9 | Uninstall-Module\n</code></pre>"},{"location":"powershell/powerapps/#connect","title":"Connect","text":"<pre><code>Add-PowerAppsAccount\n</code></pre>"},{"location":"powershell/powerapps/#disconnect","title":"Disconnect","text":""},{"location":"powershell/powershell/","title":"Links","text":""},{"location":"powershell/powershell/#profile","title":"Profile","text":"<pre><code>code $PROFILE\n</code></pre> <pre><code>Import-Module -Name CLI.Microsoft365.PowerShell.Predictor\nImport-Module posh-git\nImport-Module -Name Terminal-Icons\noh-my-posh init pwsh --config \"$env:POSH_THEMES_PATH/jandedobbeleer.omp.json\" | Invoke-Expression\n</code></pre> <ul> <li>My Ultimate PowerShell prompt with Oh My Posh and the Windows Terminal</li> <li>Sanselman - PowerShell_profile</li> </ul>"},{"location":"powershell/powershell/#resources","title":"Resources","text":"<ul> <li>Windows PowerShell</li> <li>The PowerShell Gallery</li> <li>janikvonrotz-awesome-powershell</li> <li>How to: SnipScripts</li> <li>Andres Bohren - PowerShellScripts</li> <li>Report on Microsoft 365</li> <li>Office 365 for IT Pros PowerShell examples</li> <li>admindroid-community</li> </ul>"},{"location":"powershell/powershell/#syntax","title":"Syntax","text":"<ul> <li>Powershell Best Practices</li> <li>About Preference Variables</li> <li>powershell basic cheat sheet</li> <li>powershell-ref</li> <li>PowerShell Cheat Sheet</li> <li>awesome-powershell</li> <li>Highway to PowerShell - Ep 1</li> <li>PowerShellGeek Quickreference</li> </ul> <pre><code>Get-Command -Name Get-PnPSite -Syntax\n</code></pre>"},{"location":"powershell/powershell/#hashtable","title":"Hashtable","text":"<ul> <li>Everything you wanted to know about hashtables</li> </ul>"},{"location":"powershell/powershell/#coding-tips","title":"Coding Tips","text":"<ul> <li>Backticks vs. Splatting vs. Class Objects</li> <li>10 suggestions to improve your next PowerShell script</li> <li>PowerShell Tips &amp; Tricks / jdhitsolutions</li> </ul>"},{"location":"powershell/powershell/#testing-tips","title":"Testing Tips","text":"<ul> <li>Performing Static Code Analysis on PowerShell Module and Scripts</li> </ul>"},{"location":"powershell/powershell/#performance-tips","title":"Performance Tips","text":"<ul> <li>PowerShell performance tips</li> </ul>"},{"location":"powershell/powershell/#vscode-settings","title":"VS.Code Settings","text":"<ul> <li>How To Make Visual Studio Code Look And Behave Like The PowerShell ISE</li> </ul>"},{"location":"powershell/powershell/#blogs","title":"Blogs","text":"<ul> <li>mikefrobbins</li> </ul>"},{"location":"powershell/powershell/#office-365-groups","title":"Office 365 Groups","text":"<ul> <li>Adding a New Office 365 Group to an Existing (Classic) SharePoint Online Site</li> <li>Useful PowerShell cmdlets to administer Office 365 Groups</li> <li>MY MOST USED POWERSHELL SCRIPTS FOR MANAGING SHAREPOINT ONLINE</li> <li>Undocumented Features</li> </ul>"},{"location":"powershell/powershell/#sharepoint-2016","title":"SharePoint 2016","text":"<ul> <li>https://github.com/harbars/PnP-Tools/tree/master/Scripts</li> <li>https://github.com/harbars/SPAT16</li> </ul>"},{"location":"powershell/powershell/#modules","title":"Modules","text":"<ul> <li>http://bobmixon.com/2018/06/powershell-and-sharepoint-modules-part-1/</li> <li>https://github.com/mikefrobbins/Plaster/tree/master/Template</li> </ul> <pre><code>$env:PSModulePath\n(Get-Module -ListAvailable Pnp.*).path\n\nGet-InstalledModule | select name, version\n</code></pre>"},{"location":"powershell/powershell/#slides","title":"Slides","text":"<ul> <li>Code &amp; Slides from my Presentations</li> </ul>"},{"location":"powershell/powershell/#azuread","title":"AzureAD","text":"<ul> <li>The PowerShell Gallery- Overview</li> <li>Powershellgallery - Module - AzureAD</li> <li>Get Azure AD audit and sign-in Logs using PowerShell and AzureADPreview module</li> <li>How to Upgrade Office 365 PowerShell Scripts to Use the Graph API</li> </ul> <pre><code>Install-Module -Name AzureAD\n</code></pre>"},{"location":"powershell/powershell/#loaded-modules","title":"Loaded Modules","text":"<ul> <li>How to list all of the assemblies loaded in a PowerShell session?</li> </ul> <pre><code>[System.AppDomain]::CurrentDomain.GetAssemblies() | Where-Object Location | Sort-Object -Property FullName | Select-Object -Property FullName, Location, GlobalAssemblyCache, IsFullyTrusted | Out-GridView\n</code></pre>"},{"location":"powershell/spo-ps/","title":"SPO Powershell","text":"<ul> <li>SPO Index</li> <li>Getting started with SharePoint Online Management Shell</li> </ul>"},{"location":"powershell/spo-ps/#check-version","title":"Check Version","text":"<p>Latest Version - https://www.powershellgallery.com/packages/Microsoft.Online.SharePoint.PowerShell/16.0.8119.0</p> <pre><code>Get-Module Microsoft.Online.SharePoint.PowerShell* -ListAvailable | Select-Object Name,Version | Sort-Object Version -Descending\n</code></pre> <ul> <li>Download</li> </ul>"},{"location":"powershell/spo-ps/#update-module-to-the-latest-version","title":"Update Module to the latest version","text":"<pre><code>Update-Module Microsoft.Online.SharePoint.PowerShell\n</code></pre>"},{"location":"powershell/spo-ps/#delete-the-old-version","title":"Delete the old version","text":"<pre><code>Get-InstalledModule -Name \"Microsoft.Online.SharePoint.PowerShell\" -RequiredVersion 16.0.8119.0 | Uninstall-Module\n</code></pre>"},{"location":"powershell/spo-ps/#check-different-file-version","title":"Check Different File Version","text":"<ul> <li>The term \u2018Connect-SPOService\u2019 is not recognized</li> </ul> <pre><code>Get-ChildItem -Path 'C:\\Program Files\\WindowsPowerShell\\Modules\\Microsoft.Online.SharePoint.PowerShell\\*Microsoft.SharePoint*.dll' -Recurse | ft Name,@{Label=\"Version\";Expression={$_.VersionInfo.FileVersion}} -AutoSize\n\n# Search in GAC_MSIL\nGet-ChildItem -Path C:\\Windows\\Microsoft.NET\\assembly\\GAC_MSIL\\*Microsoft.SharePoint*.dll -Recurse | ft Name,@{Label=\"Version\";Expression={$_.VersionInfo.FileVersion}} -AutoSize\n</code></pre>"},{"location":"powershell/spo-ps/#credential-manager","title":"Credential Manager","text":"<ul> <li>How-to-use-the-Windows-Credential-Manager-to-ease-authentication-with-PnP-PowerShell</li> </ul>"},{"location":"powershell/spo-ps/#connect","title":"Connect","text":"<ul> <li>connecting-to-all-office-365-services-with-powershell-and-multi-factor-authentication</li> <li>Connect to Office 365/Exchange Services Functions</li> </ul> <pre><code>Connect-SPOService https://devro-admin.sharepoint.com -Credential admin@devro.onmicrosoft.com\n</code></pre>"},{"location":"powershell/spo-ps/#disconnect","title":"Disconnect","text":"<pre><code>Disconnect-SPOService\n</code></pre>"},{"location":"powershell/spo-ps/#uls-correlation-id","title":"ULS-Correlation ID","text":"<pre><code>get-splogevent -starttime (get-date).addminutes(-20) | where-object { $_.correlation -eq \"e434f79b-68bb-40d2-0000-03a47eae1bf9\" } | fl message &gt; c:\\errors1.txt\n</code></pre>"},{"location":"powershell/spo-ps/#security","title":"Security","text":"<ul> <li>SPO Authentication in Powershell for CSOM when Legacy Authentication is disabled for tenant or Multi Factor Authentication is enabled for user</li> <li>sharepoint-framework-and-microsoft-graph-access-%E2%80%93-convenient-but-be-very-careful</li> </ul> <pre><code>get-sposite | ?{$_.DenyAddAndCustomizePages -eq 'Disabled'}\n ```\n\n## Ressources\n\n- [resources-to-learn-powershell-for-office-365](https://absolute-sharepoint.com/2018/03/resources-to-learn-powershell-for-office-365.html)\n\n## Tenant Configuration\n\n### Remove Feedback Button\n\n```Powershell\nSet-SPOTenant -UserVoiceForFeedbackEnabled:$false\n</code></pre>"},{"location":"powershell/teams/","title":"Teams Powershell","text":"<ul> <li>PowerShell Reference for Office Products</li> </ul>"},{"location":"powershell/teams/#check-version","title":"Check Version","text":"<p>Latest Version</p> <ul> <li>https://www.powershellgallery.com/packages/MicrosoftTeams/0.9.6</li> </ul> <pre><code>Get-Module MicrosoftTeams* -ListAvailable | Select-Object Name,Version | Sort-Object Version -Descending\n</code></pre>"},{"location":"powershell/teams/#update-module-to-latest-version","title":"Update Module to latest version","text":"<pre><code>Update-Module MicrosoftTeams\n</code></pre>"},{"location":"powershell/teams/#delete-old-version","title":"Delete old version","text":"<pre><code>Get-InstalledModule -Name \"MicrosoftTeams\" -RequiredVersion 0.9.0 | Uninstall-Module\n</code></pre>"},{"location":"powershell/teams/#connect","title":"Connect","text":"<ul> <li>https://docs.microsoft.com/en-us/powershell/module/teams/connect-microsoftteams?view=teams-ps</li> </ul>"},{"location":"powershell/teams/#disconnect","title":"Disconnect","text":"<ul> <li>https://docs.microsoft.com/en-us/powershell/module/teams/disconnect-microsoftteams?view=teams-ps</li> </ul>"},{"location":"powershell/teams/#teamsmanagment","title":"Teamsmanagment","text":"<ul> <li>Managing Teams \u2013 Movers and Leavers</li> <li>TeamsManagement Powershell</li> <li>Replace the membership of a user in a Microsoft Group or Microsoft Team</li> <li>Managing Microsoft Teams using the Microsoft Graph PowerShell</li> </ul>"},{"location":"rezepte/kochtips/","title":"Kochtips","text":""},{"location":"rezepte/kochtips/#salzkartoffel","title":"Salzkartoffel","text":"<ul> <li>Grundrezept: Salzkartoffeln</li> </ul>"},{"location":"rezepte/kochtips/#salate","title":"Salate","text":"<ul> <li>Schwarze Linesen mit Zitonen</li> </ul>"},{"location":"security/learning/","title":"Security","text":""},{"location":"security/learning/#check-pw","title":"Check PW","text":"<ul> <li>NCSC Check Tool</li> <li>haveibeenpwned</li> <li>Is someone spying on you?</li> </ul>"},{"location":"security/learning/#training","title":"Training","text":"<ul> <li>Resources for Microsoft Security Exams</li> <li>Microsoft Security Ninja Training</li> </ul>"},{"location":"security/learning/#azure","title":"Azure","text":"<ul> <li>Azure Quick Review</li> </ul>"},{"location":"security/learning/#azure-ad-breached","title":"Azure AD breached","text":"<ul> <li>My Azure AD has been breached! What now?</li> <li>DCToolbox PowerShell Module for Microsoft 365 Security, Conditional Access Automation, and more</li> </ul>"},{"location":"security/learning/#azure-sentinel","title":"Azure Sentinel","text":"<ul> <li>Monitor Office 365 Logs from Azure Sentinel</li> </ul>"},{"location":"security/learning/#resources","title":"Resources","text":"<ul> <li>OWASP\u2122 Foundation</li> <li>danielmiessler - Web Application Security Testing Resources</li> <li>Hacking-Security-Ebooks</li> <li>PEN-200 The official OSCP certification course</li> <li>MITRE ATT&amp;CK\u00ae globally-accessible knowledge base</li> </ul>"},{"location":"security/learning/#checklist","title":"Checklist","text":"<ul> <li>OWASP Testing Checklist</li> <li>Security KB Issues - portswigger.net</li> </ul>"},{"location":"security/learning/#tools","title":"Tools","text":"<ul> <li>Wireshark</li> <li>Website security check</li> <li>Advanced Web Security Proxy</li> <li>OWASP Zed Attack Proxy (ZAP)</li> <li>Burp</li> <li>RSA - Open Source Tools</li> <li>exploit-db.com</li> <li>Intro netstat</li> <li>Open Port Checking Tools in 2021</li> <li>Top 10 Vulnerability Scanning Tools in 2023</li> </ul>"},{"location":"security/learning/#firewall","title":"Firewall","text":"<ul> <li>Using PowerShell To Maintain Windows Firewall Rules For Remote Access</li> </ul>"},{"location":"security/learning/#sharepoint-onprem","title":"Sharepoint OnPrem","text":"<ul> <li>Penetration Testing SharePoint</li> </ul>"},{"location":"security/learning/#sharepoint-online","title":"SharePoint Online","text":"<ul> <li>Managing SharePoint Online Security: A Team Effort</li> <li>Managing External Guests in SharePoint vs Teams</li> </ul>"},{"location":"security/learning/#office-365-azuread","title":"Office 365 / AzureAD","text":"<ul> <li>Basic Security Set Up for Microsoft 365</li> <li>Office 365 Security overview</li> <li>Use tenant restrictions to manage access to SaaS cloud applications</li> <li>Detect and Remediate Illicit Consent Grants</li> <li>Preventing M365 app bypass MFA</li> <li>Fast and Free Incident Response Tools in Microsoft 365</li> <li>How to Discover New Audit Events in the Office 365 Audit Log (Including App Consents)</li> <li>Consent Grant Attack</li> <li>Azure AD - Attack and Defense Playbook</li> <li>SimuLand</li> <li>Azure AD access reviews</li> </ul>"},{"location":"security/learning/#file","title":"File","text":"<ul> <li>6 locations where you can set security for files in SharePoint and Office 365</li> </ul>"},{"location":"security/learning/#spfx-tooling","title":"SPFx Tooling","text":"<ul> <li>Security Scanning a SharePoint Framework Solution</li> <li>Is JavaScript Safe for SharePoint</li> </ul>"},{"location":"security/learning/#lockfiles","title":"Lockfiles","text":"<ul> <li>Why npm lockfiles can be a security blindspot for injecting malicious modules</li> </ul>"},{"location":"security/learning/#block-websites","title":"Block websites","text":"<ul> <li>How to Block a Single Website and more</li> </ul>"},{"location":"security/learning/#cookies","title":"Cookies","text":"<ul> <li>SameSite cookies explained</li> </ul>"},{"location":"security/learning/#blogger-and-sites","title":"Blogger and Sites","text":"<ul> <li>https://splintercod3.blogspot.com/</li> <li>swisscybersecurity.net</li> </ul>"},{"location":"spfx/ace/","title":"ACE","text":""},{"location":"spfx/ace/#github-samples","title":"Github Samples","text":"<ul> <li>PnP: sp-dev-fx-aces</li> <li>PiaSys: Conferences-Samples</li> <li>PnP: spfx-reference-scenarios</li> </ul>"},{"location":"spfx/adaptive-cards/","title":"Adaptive Cards","text":""},{"location":"spfx/adaptive-cards/#reference","title":"Reference","text":"<ul> <li>adaptivecards.io </li> <li>Get started with Adaptive Cards</li> <li>Actionable Message Designer</li> </ul>"},{"location":"spfx/adaptive-cards/#samples","title":"Samples","text":"<ul> <li>Teamify with Adaptive Cards and Microsoft Flow</li> <li>Using MS Graph API and Adaptive Cards for Search/Render User Details with SPFx solutions | nakkeerann/navspfxsoln</li> </ul>"},{"location":"spfx/adaptive-cards/#community-demo","title":"Community Demo","text":"<ul> <li>Community Demo - Image Gallery Web Part Built with Adaptive Cards</li> <li>SharePoint Control to Render Adaptive Cards</li> <li>Episode #134 - Working with Adaptive Cards in SharePoint Framework</li> </ul>"},{"location":"spfx/adaptive-cards/#images","title":"Images","text":"<ul> <li>Display images in Adaptive Cards</li> </ul>"},{"location":"spfx/ai/","title":"AI","text":"<ul> <li>AI Intro for DEV</li> </ul>"},{"location":"spfx/ai/#azure-openai-service","title":"Azure OpenAI Service","text":"<ul> <li>Azure OpenAI Service products</li> <li>Azure OpenAI Service Documentation</li> <li>ChatGPT + Enterprise data with Azure OpenAI and Cognitive Search</li> </ul>"},{"location":"spfx/ai/#gpt-prompts","title":"GPT Prompts","text":"<ul> <li>Awesome ChatGPT Prompts</li> <li>Power Platform GPT Prompts</li> <li>How generative language models work</li> <li>Prompt engineering cheatsheet (for JavaScript developers)upate</li> </ul>"},{"location":"spfx/ai/#samples","title":"Samples","text":"<ul> <li>openai-samples</li> <li>M365AIMate - Microsoft Graph and .NET</li> <li>Intelligent Kiosk Sample</li> </ul>"},{"location":"spfx/ai/#learning","title":"Learning","text":"<ul> <li>30 Days Of Azure AI Roadmap</li> <li>Prompt Engineering Guide</li> </ul>"},{"location":"spfx/ai/#semantic-kernel","title":"Semantic Kernel","text":"<ul> <li>Introducing Semantic Kernel: Building AI-Based Apps</li> <li>Hello, Semantic Kernel!</li> </ul>"},{"location":"spfx/ai/#text-analyse","title":"Text Analyse","text":"<ul> <li>Sentiment of comments given on a SharePoint page</li> </ul>"},{"location":"spfx/ai/#frameworks","title":"Frameworks","text":"<ul> <li>mendable.ai</li> <li>langchain.js</li> <li>LlamaIndex</li> </ul>"},{"location":"spfx/ai/#monitor-azure-openai-service","title":"Monitor Azure OpenAI Service","text":"<ul> <li>manage costs azure openai chatgpt</li> </ul>"},{"location":"spfx/architecture/","title":"Architecture","text":"<ul> <li>Microsoft cloud IT architecture resources</li> <li>Azure Architecture Center</li> <li>Common Solution Architecture Requirement Descriptions you can use</li> <li>Microsoft 365 Application Architecture Patterns</li> </ul>"},{"location":"spfx/architecture/#checklist-solution","title":"Checklist Solution","text":"<ul> <li>Question / Checklist SPFx Solution</li> <li>SharePoint Framework \u2013 new project checklist</li> <li>https://rencore.com/software/tools/sharepoint-customizations-guide/</li> </ul>"},{"location":"spfx/architecture/#user-settings","title":"User Settings","text":"<ul> <li>The easiest way to store user settings of your Microsoft 365 app</li> </ul>"},{"location":"spfx/architecture/#build-applications","title":"Build applications","text":"<ul> <li>Build applications on the Microsoft Cloud</li> </ul>"},{"location":"spfx/architecture/#template-and-icons","title":"Template and Icons","text":"<ul> <li>Microsoft 365 architecture templates and icons</li> </ul>"},{"location":"spfx/azure/","title":"Azure","text":"<ul> <li>Azure documentation</li> <li>Azure Active Directory fundamentals documentation</li> </ul>"},{"location":"spfx/azure/#azure-account-identity-services","title":"Azure Account / Identity services","text":"<ul> <li>Introduction to tokens</li> <li>What's the difference between a personal Microsoft account and a work or school account?</li> </ul>"},{"location":"spfx/azure/#administration-with-azure-cli","title":"Administration with Azure-CLI","text":"<ul> <li>The Azure Command-Line Interface (CLI)</li> </ul>"},{"location":"spfx/azure/#bicep","title":"Bicep","text":"<ul> <li>How to get started with deploying Azure resources with Bicep</li> </ul>"},{"location":"spfx/azure/#granting-access-using-sharepoint-app-only","title":"Granting access using SharePoint App-Only","text":"<ul> <li>Setting up an app-only principal with tenant permissions</li> </ul>"},{"location":"spfx/azure/#keyvault","title":"KeyVault","text":"<ul> <li>Use Azure KeyVault Secrets when accessing Microsoft Graph</li> <li>Handle certificates with Azure KeyVault when accessing SharePoint Online</li> <li>Using Azure KeyVault to Secure Graph API Automation Scripts</li> </ul>"},{"location":"spfx/azure/#azure-managed-identities","title":"Azure Managed Identities","text":"<ul> <li>Managed Identities With Azure Container Apps</li> <li>Authentication in Azure Automation with Managed Identity on SharePoint and Microsoft Graph</li> <li>Using Managed Identities to Connect to Microsoft 365 &amp; Azure</li> </ul>"},{"location":"spfx/azure/#azure-logic-app","title":"Azure Logic App","text":"<ul> <li>How to transition from Power Automate to Logic Apps</li> <li>Choose the right integration and automation services in Azure</li> <li>Export flows from Power Automate and deploy to Azure Logic Apps</li> <li>The friendly SMS reminder with Logic Apps, Azure Functions + Key Vault</li> <li>Estimate storage costs for workflows in single-tenant Azure Logic Apps</li> <li>Get notified of changes in your tenant with Microsoft Graph, Azure Event Hubs and Logic Apps</li> </ul>"},{"location":"spfx/azure/#azure-automation","title":"Azure-Automation","text":"<ul> <li>SharePoint Online PnP PowerShell Provisioning using Flow and Azure Automation</li> <li>Using Azure Automation for Modern SharePoint Site Provisioning</li> <li>Fun with Azure Automation and Table Service REST API</li> <li>Build your PnP Site Provisioning with PowerShell in Azure Functions and run it from Flow</li> <li>PROVISIONING TEAMS WITH A SITE DESIGN, FLOW AND MICROSOFT GRAPH</li> <li>https://blog.yannickreekmans.be/automate-governance-in-microsoft-teams-the-result/</li> <li>Provision Microsoft Teams with Azure Automation \u2013 Part I</li> <li>Provision Microsoft Teams with Azure Automation \u2013 Part II</li> <li>Community Demo - Using Azure automation for provisioning of your SharePoint and Teams structures</li> <li>From start to finish: How to create your modern SharePoint site provisioning solution - BRK3273</li> <li>BUILDING A MODERN FLAT PROJECT HUB USING SITE DESIGNS</li> <li>office365-azureautomation</li> <li>office365-azureautomation-runbooks</li> <li>Azure automation tips &amp; tricks</li> <li>Azure automation limits</li> <li>Working with Microsoft Teams PowerShell in Azure Automation</li> </ul>"},{"location":"spfx/azure/#azure-automation-teams-powershell","title":"Azure Automation Teams Powershell","text":"<ul> <li>Working with Microsoft Teams PowerShell in Azure Automation</li> </ul>"},{"location":"spfx/azure/#azure-functions","title":"Azure-Functions","text":"<ul> <li>AUTO-CONFIGURING SHAREPOINT SITES WITH SITE TEMPLATES \u2014 THE SETUP FROM START TO FINISH</li> <li>HOW TO USE PNP POWERSHELL ON AZURE FUNCTIONS WITH APPLICATION PERMISSIONS</li> <li>An Azure Function to keep other Functions/URLs warmed up</li> <li>3 ways to create and debug Azure Functions \u2013 CLI VS Code &amp; Visual Studio</li> <li>Putting some more FUN into Azure Functions, Managed Identity &amp; Microsoft Graph</li> <li>SharePoint PDF Merge Function</li> <li>Running .NET Function Apps or App Services accessing Microsoft 365</li> </ul>"},{"location":"spfx/azure/#app-register","title":"App Register","text":"<ul> <li>Running a PowerShell script in the cloud with an Azure Function, PnP and the Graph</li> <li>Control Office 365 Group creation \u2013 a simple no-code solution</li> </ul>"},{"location":"spfx/azure/#azure-services","title":"Azure Services","text":"<ul> <li>Get the Azure Quick Start Guide for .NET Developers</li> <li>10 Azure Cloud services that every Developers, Consultant, and Architects should Know and Learn it well \u2013 Part I</li> <li>10 Azure services that every .NET Developers, Consultant, and Architects should know and learn it well \u2013 Part II</li> </ul>"},{"location":"spfx/azure/#azure-log-analytics","title":"Azure Log Analytics","text":"<ul> <li>Azure Log Analytics</li> </ul>"},{"location":"spfx/azure/#tips","title":"Tips","text":"<ul> <li>Azure Readiness Checklist</li> </ul>"},{"location":"spfx/azure/#token","title":"Token","text":"<ul> <li>Introduction to tokens</li> </ul>"},{"location":"spfx/azure/#manage-group-settings","title":"Manage Group Settings","text":"<ul> <li>https://support.office.com/en-us/article/manage-who-can-create-office-365-groups-4c46c8cb-17d0-44b5-9776-005fced8e618</li> <li>https://docs.microsoft.com/en-us/azure/active-directory/active-directory-accessmanagement-groups-settings-cmdlets</li> <li>How to grant all employees access to a SharePoint site via Everyone except external users Group</li> <li>How to grant the Everyone claim to external users in Office 365</li> <li>Dynamische Gruppen klingen super!</li> </ul>"},{"location":"spfx/azure/#naming-policy","title":"Naming Policy","text":"<ul> <li>https://drewmadelung.com/category/office-365/groups/</li> </ul>"},{"location":"spfx/azure/#permission-reference","title":"Permission Reference","text":"<ul> <li>Connect to Azure AD-secured APIs in SharePoint Framework solutions</li> <li>Microsoft Graph permissions reference</li> <li>User_impersonation scope issue when working with SharePoint Framework API permissions</li> <li>Sites.Selected Permission using Azure AD App</li> <li>Running applications with limited SharePoint permissions - Resource Specific Consent (RSC)</li> </ul>"},{"location":"spfx/azure/#microsoft-identity-platform","title":"Microsoft identity platform","text":"<ul> <li>What is the Microsoft identity platform?</li> <li>OAuth 2.0 and OpenID Connect (OIDC) in the Microsoft identity platform</li> </ul>"},{"location":"spfx/azure/#security","title":"Security","text":"<ul> <li>Basic Security Set Up for Microsoft 365</li> <li>What is Conditional Access?</li> <li>Minimizing the Risk of Compromise</li> <li>Why Using App Secrets in Production is a Bad Idea</li> <li>Cloud Forensics using Hawk</li> </ul>"},{"location":"spfx/azure/#scripts","title":"Scripts","text":"<ul> <li>https://github.com/dmadelung/O365GroupsScripts/blob/master/DrewO365GroupsScripts%20-%20Azure%20AD%20Cmdlets</li> </ul>"},{"location":"spfx/azure/#remote-working","title":"Remote working","text":"<ul> <li>Practical guide to securing remote work using Microsoft 365 Business Premium</li> </ul>"},{"location":"spfx/azure/#office-365-management-activity-api-m365-audit-logs","title":"Office 365 Management Activity API (M365 Audit Logs)","text":"<ul> <li>Office 365 Management Activity API with Power Automate \u2013 Part One</li> <li>Search the audit log in the compliance center</li> <li>Detailed properties in the audit log</li> </ul>"},{"location":"spfx/azure/#azure-ad-cross-tenant-migration","title":"Azure AD Cross Tenant Migration","text":"<ul> <li>Getting started with Azure AD cross-tenant synchronization</li> </ul>"},{"location":"spfx/azure/#azure-ad-assessment-tools","title":"Azure AD Assessment Tools","text":"<ul> <li>Azure AD Assessment Guide</li> <li>Azure AD Exporter</li> <li>Microsoft Identity Tools PowerShell Module</li> <li>Identity Power Toys</li> <li>Microsoft Graph Permission Explorer</li> <li>Graph X-Ray</li> <li>Graph PowerShell Conversion Analyzer</li> </ul>"},{"location":"spfx/azure/#azure-storage","title":"Azure Storage","text":"<ul> <li>How to Transfer Files from Local system Folder to Azure Storage via SFTP</li> </ul>"},{"location":"spfx/backup/","title":"Backup","text":"<ul> <li>Introducing Microsoft 365 Backup and Microsoft 365 Archive</li> <li>office365itpros: Microsoft 365 Backup for SharePoint Online and Exchange Online</li> <li>office365itpros: Microsoft Briefs Partners about Microsoft 365 Backup and Microsoft 365 Archive Products</li> </ul>"},{"location":"spfx/blogger/","title":"Blogger","text":""},{"location":"spfx/blogger/#o365","title":"O365","text":"<ul> <li>patrickrodgers</li> <li>blog.josequinto.com</li> <li>tricky-sharepoint.blogspot.ch</li> <li>blog.arvosys.com</li> <li>techwithnakkeeran.com</li> <li>afrait.com</li> </ul>"},{"location":"spfx/blogger/#teams","title":"Teams","text":"<ul> <li>teams.handsontek.net</li> </ul>"},{"location":"spfx/blogger/#list-formatting","title":"List Formatting","text":"<ul> <li>sharepointhd.wordpress.com</li> </ul>"},{"location":"spfx/blogger/#onprem","title":"OnPrem","text":"<ul> <li>Stefan Go\u00dfner</li> </ul>"},{"location":"spfx/bot/","title":"BOT","text":"<ul> <li>building-a-microsoft-teams-bot</li> <li>Integrating Bot Framework v4 bots to SharePoint using SharePoint Framework</li> </ul>"},{"location":"spfx/bot/#bot-framework-cognitive-service","title":"Bot Framework &amp; Cognitive Service","text":""},{"location":"spfx/bot/#ai","title":"AI","text":"<ul> <li>Microsoft Build 2019 updates on Conversational AI</li> <li>Ignite 2019 News on the Conversational AI Platform </li> </ul>"},{"location":"spfx/bot/#qna-makers","title":"QnA Makers","text":"<ul> <li>QnA Maker Lessons Learned + Limits Infographic</li> </ul>"},{"location":"spfx/bot/#bot-framework-composer","title":"Bot Framework Composer","text":"<ul> <li>Bot Framework Composer - Github</li> <li>Bot Framework Composer - Weather Bot</li> </ul>"},{"location":"spfx/bot/#samples","title":"Samples","text":"<ul> <li>Add AtBot to your SharePoint site using SPFx</li> <li>Github Source - AtBot Protype</li> <li>Microsoft Bot Framework Web Chat</li> <li>react-chat-widget</li> <li>spfx-react-bot-qna</li> <li>Search for your SharePoint content from a bot using the Bot Framework, OAuth2 and Node.js</li> <li>SPFx MSAL Bot Extension</li> <li>Bot Framework v4 SPFX Web Part Released</li> <li>react-bot-framework</li> </ul>"},{"location":"spfx/bot/#power-virtual-agent","title":"Power Virtual Agent","text":"<ul> <li>How to: create #nocode bots to teams super-easily in 5 minutes using Power Virtual Agents app in Teams</li> </ul>"},{"location":"spfx/bot/#patterns","title":"Patterns","text":"<ul> <li>Transition conversations from bot to human</li> <li>Create interactive conversational bots for Microsoft Teams</li> <li>Chatbot Human Handover with Microsoft Teams</li> </ul>"},{"location":"spfx/bot/#create-bot-in-teams","title":"Create Bot in Teams","text":"<ul> <li>Episode #108 - Creating a Teams Bot with Yo Team</li> <li>Chatbots in Microsoft-Teams | Erstellen Sie mit Power Virtual Agents</li> <li>Make a simple bot using Webhooks in Teams</li> <li>teams-webhook-weatherbot-sample</li> </ul>"},{"location":"spfx/branding/","title":"Branding","text":""},{"location":"spfx/branding/#overview","title":"Overview","text":"<ul> <li>Branding SharePoint - The New Normal</li> <li>SharePoint design principles</li> <li>SharePoint Look Book</li> </ul>"},{"location":"spfx/branding/#docs","title":"Docs","text":"<ul> <li>Designing great SharePoint experiences</li> <li>Customizing the \"modern\" experiences in SharePoint Online</li> </ul>"},{"location":"spfx/branding/#css","title":"CSS","text":"<ul> <li>Ignite 2016 - Customizing and Branding SharePoint Online Team Sites Demos</li> <li>SPTechCon2016-SanFrancisco</li> <li>Einf\u00fcgen von Bildern im RTE steuern</li> <li>How to use Bootstrap in SharePoint Framework projects</li> <li>SPFx WebParts responsive to Modern Page sections</li> <li>Prevent SCSS from changing your CSS class names</li> <li>Applying Multiple CSS Classes in SharePoint Framework</li> </ul>"},{"location":"spfx/branding/#designing-header","title":"Designing Header","text":"<ul> <li>Designing SharePoint sites with beautiful headers</li> <li>Designing SharePoint sites with beautiful headers</li> </ul>"},{"location":"spfx/businessobjects/","title":"Business-Objects","text":""},{"location":"spfx/businessobjects/#async","title":"Async","text":"<ul> <li>Understand promises before you start using async/await</li> <li>https://blog.josequinto.com/2017/05/19/why-do-we-should-use-custom-business-objects-models-in-pnp-js-core/</li> <li>https://github.com/jquintozamora/spfx-react-sp-pnp-js-property-decorators</li> <li>https://sharepoint.stackexchange.com/questions/221325/how-to-enable-async-wait-in-spfx-typescript-tslint-missing-semicolon-ts1005</li> </ul> <pre><code>private async loadScripts(): Promise&lt;void&gt; {\n    return new Promise&lt;void&gt;(async (resolve) =&gt; {\n        if(this._context) {\n            resolve();\n        }\n\n        const response =  this.loadScript(layoutsUrl + 'init.js', 'Sod');\n        resolve();\n    });\n  }\n</code></pre> <p>Load Data from SP-List Code</p> <pre><code>private async _loadList(): Promise&lt;void&gt; {\n    this.setState({\n        loading: true\n    });\n    let items = await pnp.sp.web.lists.getByTitle(\"Events\").items.select(\"Id\", \"Title\", \"SPFxDescription\", \"SPFxThumbnail\")\n        .orderBy(\"Modified\", false).get();\n    _items = items.map((item: IList, index: number) =&gt; {\n        return {\n        thumbnail: item.SPFxThumbnail != null ? item.SPFxThumbnail.Url : \"\",\n        key: item.Id,\n        name: item.Title,\n        description: item.SPFxDescription\n        }\n    });\n    this.setState({\n        sortedItems: _items,\n        columns: _buildColumns(),\n        loading: false,\n        newsFeedVisible: false\n    });\n    _lastQueryDate = moment();\n}\n</code></pre>"},{"location":"spfx/classic/","title":"Classic sites","text":"<ul> <li>https://rasper87.wordpress.com/2018/04/24/provision-spfx-web-parts-to-classic-sites-part-1-include-spfx-assets-package-inside-wsp/</li> </ul>"},{"location":"spfx/column-formating/","title":"Column Formating","text":""},{"location":"spfx/column-formating/#reference","title":"Reference","text":"<ul> <li>Use column formatting to customize SharePoint</li> <li>Special string values</li> <li>Getting started with SharePoint\u2019s custom column formatting (Part 1)</li> <li>Getting started with SharePoint's custom view formatting (Part 2)</li> <li>Links about List Formating</li> </ul>"},{"location":"spfx/column-formating/#tools","title":"Tools","text":"<ul> <li>HTML To Formatter</li> <li>What\u2019s new in Column Formatter 1.2</li> <li>SharePoint Online CSS Classes</li> <li>Microsoft-Lists-Hub</li> </ul>"},{"location":"spfx/column-formating/#ressources","title":"Ressources","text":"<ul> <li>http://www.sharepointing.co.uk/2017/11/10/customise-sharepoint-online-columns-using-json</li> <li>http://warner.digital/columnformattingintroduction</li> <li>http://warner.digital/sharepointcolumnformattinggettingstartedpart1/</li> <li>http://warner.digital/sharepointcolumnformattinggettingstartedpart2/</li> <li>http://warner.digital/sharepointcolumnformattinggettingstartedpart3/</li> </ul>"},{"location":"spfx/column-formating/#samples","title":"Samples","text":"<ul> <li>PnP SharePoint List Formatting Samples</li> <li>Show Holidays/Events, with no of days to go using ListView Formatting</li> </ul>"},{"location":"spfx/column-formating/#add-scripts-for-formating","title":"Add Scripts for formating","text":"<ul> <li>SharePoint List Formatting Tabs</li> </ul>"},{"location":"spfx/column-formating/#view-formating","title":"View formating","text":"<ul> <li>How to create a current week view in Microsoft Lists</li> </ul>"},{"location":"spfx/communication-site/","title":"Communication Site","text":""},{"location":"spfx/communication-site/#sitecoloums-format","title":"SiteColoums Format","text":"<ul> <li>[Show me the news (pages)] (https://capacreative.co.uk/2018/10/16/show-me-the-news-pages/)</li> </ul>"},{"location":"spfx/configuration/","title":"Configuration","text":"<ul> <li>https://www.sharepointeurope.com/read-manipulate-spfx-configuration-values-code-like-boss/</li> </ul>"},{"location":"spfx/cortex/","title":"Project Cortex","text":""},{"location":"spfx/cortex/#overview","title":"Overview","text":"<ul> <li>SharePoint Developer Monthly Community Call - January 2020 - Cortex</li> </ul>"},{"location":"spfx/cosmos-db/","title":"Cosmos DB","text":""},{"location":"spfx/cosmos-db/#tips","title":"Tips","text":"<ul> <li>Things You Need to Know Before Building Applications With Azure Cosmos DB</li> <li>How to: Using managed identities to access Cosmos DB data via RBAC and disabling authentication via keys</li> </ul>"},{"location":"spfx/custom-web-api/","title":"Custom Web API","text":""},{"location":"spfx/custom-web-api/#securing","title":"Securing","text":"<ul> <li>Connect to API secured with Azure Active Directory</li> </ul>"},{"location":"spfx/custom-web-api/#samples","title":"Samples","text":"<p>-SharePoint add-in, custom Web API and SPFx (v1.1)</p>"},{"location":"spfx/debug/","title":"Debug","text":""},{"location":"spfx/debug/#debug-tricks","title":"Debug Tricks","text":"<ul> <li>sp-browser-utils</li> </ul>"},{"location":"spfx/debug/#webcast","title":"Webcast","text":"<ul> <li>PnP Webcast - Debugging SharePoint Framework Solutions</li> </ul>"},{"location":"spfx/debug/#tips","title":"Tips","text":"<ul> <li>Testing and debugging your SPFx solutions in production without causing any impact</li> <li>SharePoint Framework bookmarklet tool for quick and easy debugging</li> <li>debug-production-version-sharepoint-framework-solution</li> <li>how-debug-sharepoint-framework-webpart-visual-studio-code</li> <li>debug-in-vscode</li> <li>SPFx-breakpoints-and-debugging-from-Visual-Studio-Code</li> <li>quick-tip-easily-test-sharepoint</li> <li>testing-and-debugging-your-spfx-solutions-in-production-without-causing-any-impact</li> <li>Be schizophrenic at debugging SPFx too</li> <li>SPFx/React DEBUG vs PRODUCTION builds</li> </ul>"},{"location":"spfx/debug/#exclude-mock-data","title":"Exclude mock data","text":"<ul> <li>https://www.eliostruyf.com/exclude-your-mock-data-and-other-modules-from-your-production-bundle-in-spfx/</li> </ul>"},{"location":"spfx/debug/#azure-token","title":"Azure Token","text":"<ul> <li>Easy trick to test your Azure Active Directory returned ID Tokens</li> </ul>"},{"location":"spfx/delve/","title":"Delve","text":""},{"location":"spfx/delve/#search-konfiguration","title":"Search Konfiguration","text":"<ul> <li>HIDING FROM DELVE IN OFFICE 365</li> </ul>"},{"location":"spfx/deployment/","title":"Deployment","text":""},{"location":"spfx/deployment/#app-catalog","title":"App Catalog","text":"<ul> <li>SharePoint App Catalog Development Tips</li> </ul>"},{"location":"spfx/deployment/#azure-devops-azure-pipline","title":"Azure DevOps / Azure Pipline","text":"<ul> <li>Getting Started with Git and Azure DevOps | Getting Started with Git and Azure DevOps: The Ultimate Guide</li> <li>Feature Branch Workflow and Pull Requests</li> <li>Setting up Azure DevOps Pipelines for SharePoint Framework solutions</li> <li>Setting up multiple environments with your DevOps pipeline</li> <li>Implement Continuous Integration and Continuous deployment using Azure DevOps</li> <li>Managing projects in a modern world (Part 1)</li> <li>Walkthrough: use Azure DevOps with SPFx, GitFlow and GitVersion</li> <li>How to: Setup CI / CD in Azure DevOps with the help of SPFx Generator</li> <li>Automate Building, Testing and Deploying SharePoint Framework Projects with Azure Pipelines in Four Steps</li> <li>How to: Use PnP.PowerShell to deploy SharePoint apps with Azure DevOps</li> </ul>"},{"location":"spfx/deployment/#alm","title":"ALM","text":"<ul> <li>node-sp-alm</li> <li>alm-for-widget-solutions</li> <li>http://julieturner.net/2016/09/code-creep-sharepoint-cdn/</li> <li>http://yannickborghmans.com/2017/12/28/sharepoint-application-lifecycle-management-api-how-to-use-it-in-your-code/</li> <li>https://github.com/estruyf/node-sp-alm</li> <li>https://docs.microsoft.com/en-us/sharepoint/dev/apis/alm-api-for-spfx-add-ins</li> <li>https://www.npmjs.com/package/node-sp-alm</li> <li>ALM API and installSolution SiteScript Action Demo</li> </ul>"},{"location":"spfx/deployment/#arm","title":"ARM","text":"<ul> <li>Reusable ARM template for Web Application</li> <li>GitHub - ARMTemplates</li> <li>Azure ARM Templates Explored</li> </ul>"},{"location":"spfx/deployment/#cicd","title":"CI/CD","text":"<ul> <li>CI/CD with SharePoint Framework (SPFx)</li> <li>Implement Continuous Integration and Continuous deployment using Azure DevOps</li> <li>Implement CI/CD with Office 365 CLI for SPFx Solution for MS Teams</li> <li>Apply a DevOps process to your SPFx project (Part 1)</li> <li>Apply a DevOps process to your SPFx project (Part 2)</li> <li>Apply a DevOps process to your SPFx project (Part 3)</li> <li>CI/CD for SPFx Deployment in Azure DevOps using M365 CLI</li> </ul>"},{"location":"spfx/deployment/#deployment-to-cdn","title":"Deployment to CDN","text":"<ul> <li>Choosing a CDN for SharePoint client-side solutions</li> <li>Deploy SPFx WebParts To Office 365 Public CDN</li> <li>Add Office 365 CDN rule to have a document library for each SharePoint site</li> <li>Office 365 Content Delivery Network (CDN) Quickstart</li> </ul> <p>write-manifests.json</p> <pre><code>{\n\"cdnBasePath\": \"https://publiccdn.sharepointonline.com/cloud67.sharepoint.com/cdn/topnavmenu\"\n}\n</code></pre>"},{"location":"spfx/deployment/#deployment-to-sp-library","title":"Deployment to SP Library","text":"<ul> <li>Deploy SPFx WebParts to SharePoint Library</li> </ul>"},{"location":"spfx/deployment/#deployment-to-azure-storage","title":"Deployment to Azure Storage","text":"<ul> <li>Automate publishing process of MkDocs to Static Website hosting in Azure Storage with VSTS</li> <li>Deploy SPFx WebParts To Azure CDN</li> </ul>"},{"location":"spfx/deployment/#appsettings","title":"AppSettings","text":"<ul> <li>SharePoint Framework app settings</li> <li>AppSettings in SharePoint Framework (SPFx) and Staging</li> </ul>"},{"location":"spfx/deployment/#automate-project-documentation","title":"Automate Project Documentation","text":"<ul> <li>DocsFx in SPO</li> <li>DocFx</li> <li>Automate project documentation from Azure DevOps to SharePoint on Microsoft 365</li> <li>The static site generator for SharePoint</li> </ul>"},{"location":"spfx/dev-ops/","title":"Dev-Ops","text":""},{"location":"spfx/dev-ops/#tips-tricks","title":"Tips &amp; Tricks","text":"<p>SPFx unit tests and code coverage quality gates in Azure DevOps \u2013 Velin Georgiev Apply a DevOps process to your SPFx project (Part 1)</p>"},{"location":"spfx/dev-ops/#sample","title":"Sample","text":"<ul> <li>react-jest-testing</li> </ul>"},{"location":"spfx/dev-ops/#jest-setup","title":"Jest Setup","text":"<p>https://blog.velingeorgiev.com/unit-test-your-sharepoint-framework-solution-with-jest https://www.youtube.com/watch?v=iDt7MJX9Lj0&amp;t=20s https://www.youtube.com/watch?v=lFkNqcf-Thg https://www.eliostruyf.com/sharepoint-framework-unit-tests-with-jest/</p>"},{"location":"spfx/dev-ops/#devops-pipelines-demos","title":"DevOps pipelines demos","text":"<p>http://bit.ly/pnp-devops-1 http://bit.ly/pnp-devops-2 http://bit.ly/pnp-devops-3 http://bit.ly/pnp-devops-4</p>"},{"location":"spfx/dev-ops/#unit-tests","title":"Unit Tests","text":"<ul> <li>SharePoint Framework unit tests and code coverage quality gates in Azure DevOps</li> </ul>"},{"location":"spfx/docker/","title":"Docker","text":""},{"location":"spfx/docker/#spfx-images","title":"SPFx Images","text":"<ul> <li>SPFx Docker image for your team</li> <li>SPFx v1.5.0 Docker image available with some caveats</li> <li>SPFx GitHub Codespaces Container</li> </ul>"},{"location":"spfx/docker/#tips","title":"Tips","text":"<ul> <li>Develop with Docker </li> <li>A Docker Image for PnP SPFx Projects</li> </ul>"},{"location":"spfx/docker/#devcontainer","title":"DevContainer","text":"<ul> <li>Using custom certificates when debugging SPFx Solutions</li> </ul>"},{"location":"spfx/documentsets/","title":"Document Sets","text":""},{"location":"spfx/documentsets/#overview","title":"Overview","text":"<ul> <li>Introduction to Document Sets</li> <li>Document Sets for Fast Legacy Process Automation</li> <li>Document sets \u2013 the hidden gem of SharePoint</li> <li>Enabling Document Sets in SharePoint Online Sites</li> <li>Modern Document Sets</li> </ul>"},{"location":"spfx/documentsets/#issues","title":"Issues","text":"<ul> <li>SharePoint Online JavaScript creates folder instead of document set</li> <li>Document Set created programmatically not working anymore since 12 Jan 2021</li> </ul>"},{"location":"spfx/documentsets/#tools","title":"Tools","text":""},{"location":"spfx/documentsets/#metalogix-content-matrix-87","title":"Metalogix Content Matrix 8.7","text":"<ul> <li>How Document Sets are Migrated</li> <li>List Content Options</li> </ul>"},{"location":"spfx/events/","title":"Events/meetings","text":""},{"location":"spfx/events/#how-to-create-online-meetingsevents","title":"How to create online meetings/events","text":"<ul> <li>How to present at online meetings and events like an ignite superstar</li> <li>From PowerPoint to Demos Easily with Desktops</li> <li>How to Create Great Tech Demos and Presentations</li> </ul>"},{"location":"spfx/extensions/","title":"Extensions","text":""},{"location":"spfx/extensions/#forms-list-layout-formating","title":"Forms List Layout Formating","text":"<ul> <li>Configuring the Layout of SharePoint Forms</li> </ul>"},{"location":"spfx/extensions/#custom-forms-extensions","title":"Custom Forms Extensions","text":"<ul> <li>Building a SharePoint New Site Form Look-Alike</li> <li>AddValidateUpdateItemUsingPath deep dive</li> </ul>"},{"location":"spfx/extensions/#tipps","title":"Tipps","text":"<ul> <li>How to properly add an Application Customizer to an existing SPFx Web Part Project</li> </ul>"},{"location":"spfx/extensions/#samples","title":"Samples","text":"<ul> <li>React-application-profile-meter</li> <li>How to create news ticker, SPFx-extension</li> </ul>"},{"location":"spfx/extensions/#full-page","title":"Full Page","text":"<ul> <li>SharePoint Full Page Canvas App</li> <li>spfx-appcust-removeFeeback</li> <li>React slider field customizer</li> <li>Check the page display mode from within your SharePoint Framework extensions</li> </ul>"},{"location":"spfx/extensions/#site-footer","title":"Site footer","text":"<ul> <li>SharePoint Site Footer</li> <li>SharePoint Framework custom header and footer application customizer extension</li> </ul>"},{"location":"spfx/extensions/#listview","title":"ListView","text":"<ul> <li>Showing or hiding SharePoint Framework ListView custom actions based on permissions and selected items</li> <li>SPFX ListView Command Set and Panel</li> <li>Let users get a simple link to a document or folder</li> <li>Create Modern Page Model with PnP/PnPjs</li> <li>Create ECB Menu Items</li> <li>A modern Save List as Template</li> <li></li> </ul>"},{"location":"spfx/extensions/#bots","title":"Bots","text":"<ul> <li>Add AtBot to your SharePoint site using SPFx</li> </ul>"},{"location":"spfx/extensions/#clarity","title":"Clarity","text":"<ul> <li>Microsoft SharePoint &amp; Clarity</li> <li>Power Platform Canvas Apps &amp; Clarity</li> </ul>"},{"location":"spfx/extensions/#comments","title":"Comments","text":"<ul> <li>Receive comment notifications by email in Modern SharePoint Pages</li> <li>Github: Receive comment notifications on Modern SharePoint pages by email</li> </ul>"},{"location":"spfx/extensions/#change-browser-favicon-icon","title":"Change browser favicon icon","text":"<ul> <li>Change favicon on Modern SharePoint sites</li> <li>SPFx-favicon</li> </ul>"},{"location":"spfx/extensions/#google-analytics","title":"Google Analytics","text":"<ul> <li>Tracking code in Tenant Wide Extensions list</li> <li>SPFx-Google-Analytics</li> <li>How to add Google Tag Manager to modern SharePoint</li> </ul>"},{"location":"spfx/extensions/#matamo-piwik-analytics","title":"Matamo (Piwik) Analytics","text":"<ul> <li>Setting up usage analytics to Modern SharePoint using Matomo Analytics and SharePoint Framework</li> </ul>"},{"location":"spfx/extensions/#inject-css","title":"Inject CSS","text":"<ul> <li>Inject Custom CSS on SharePoint Modern Pages using SPFx Application Extensions</li> <li>Add Google Analytics to SharePoint modern pages</li> <li>Whitespace \u2013 Regain distraction-free working in SharePoint</li> </ul>"},{"location":"spfx/extensions/#spa","title":"SPA","text":"<ul> <li>Single Page App In SharePoint Using React</li> </ul>"},{"location":"spfx/extensions/#navigations","title":"Navigations","text":"<ul> <li>Handling navigation in a SharePoint Framework application customizer</li> <li>SPFx Side Navigation Project for Modern Sites</li> </ul>"},{"location":"spfx/extensions/#placeholders","title":"Placeholders","text":"<ul> <li>Safely using Placeholders in an extension</li> </ul> <pre><code>private _topPlaceholder : PlaceholderContent;\npublic onInit(void){\n    this.context.placeholderProvider.changedEvent.add(this, this._handlePlaceholderChange.bind(this));\n}\n\nprivate _handlePlaceholderChange(){\n  if (!this._topPlaceholder)\n  {\n    // We don't have a placeholder populated yet.  Let's try and get it.\n    this._topPlaceholder = this.context.placeholderProvider.tryCreateContent(PlaceholderName.Top);\n  } else {\n    // We have a placeholder - let's make sure that it still exists.\n    let index:number = this.context.placeholderProvider.placeholderNames.indexOf(PlaceholderName.Top);\n    if ( index &lt; 0)\n    {\n        // The placeholder is no longer here.\n        this._topPlaceholder.dispose();\n        this._topPlaceholder = undefined;\n    }\n  }\n  if ( this._topPlaceholder )\n  {\n      this._topPlaceholder.innerText = 'Hello World!';\n  }\n}\n</code></pre>"},{"location":"spfx/flow/","title":"Power Automate (aka. Flow)","text":""},{"location":"spfx/flow/#support","title":"Support","text":"<ul> <li>Troubleshooting a flow</li> <li>Microsoft Power Automate Community</li> </ul>"},{"location":"spfx/flow/#video","title":"Video","text":"<ul> <li>Microsoft Flow Conference</li> </ul>"},{"location":"spfx/flow/#api","title":"API","text":"<ul> <li>Working with APIs in Power Platform for beginners</li> </ul>"},{"location":"spfx/flow/#connectors","title":"Connectors","text":"<ul> <li>What you should know about building Microsoft Flow connectors</li> <li>Working with Custom Connectors in Power Platform for beginners</li> </ul>"},{"location":"spfx/flow/#limits","title":"Limits","text":"<ul> <li>Limits and configuration in Power Automate</li> <li>Power Automate and Flow Connector limits</li> <li>Microsoft Flow \u2013 The hidden gems, are you aware of all of these</li> <li>Microsoft Flow \u2013 This is the limit!</li> </ul>"},{"location":"spfx/flow/#admin-security","title":"Admin Security","text":"<ul> <li>Management of Flows</li> <li>Power Automate Security</li> </ul>"},{"location":"spfx/flow/#export-import-flows","title":"Export / Import Flows","text":"<ul> <li>Export and import your flows across environments with packaging</li> <li>Flow &amp; Power Apps Migrator</li> </ul>"},{"location":"spfx/flow/#samples","title":"Samples","text":"<ul> <li>Power Automate Cookbook</li> <li>https://github.com/johnnliu/flow</li> <li>Demo - Using Microsoft Flow to send monthly emails</li> <li>http://johnliu.net/blog/2018/4/run-any-pnp-powershell-in-one-azurefunction-from-microsoft-flow</li> <li>Calling Microsoft Flow from a site script</li> <li>Automating New User Account On-boarding Using SharePoint Online, Flow, and PowerApps</li> <li>control office365 group creation</li> <li>Building interactive feedback analysis system with MS Forms, MS Flow, Power BI and SharePoint Online</li> <li>RUN A FLOW AS PART OF A SHAREPOINT SITE DESIGN</li> <li>Creating a Formatted Identifier in Flow</li> <li>Disable event firing when flow updates</li> <li>How to add text to any part of a SharePoint Page using Power Automate</li> <li>Send email reminders from Microsoft Lists using Power Automate</li> </ul>"},{"location":"spfx/flow/#copy-move-documents","title":"Copy / Move Documents","text":"<ul> <li>A modern \u201ctransfer to another location\u201d in office 365</li> <li>Generate Word documents from a template using Power Automate</li> </ul>"},{"location":"spfx/flow/#error-messages","title":"Error Messages","text":"<ul> <li>SharePoint / Microsoft Flow \u2013 Common error message when using Send an HTTP request to SharePoint action in Microsoft Flow</li> </ul>"},{"location":"spfx/flow/#json-in-flow","title":"JSON in Flow","text":"<ul> <li>How to use Parse JSON action in Power Automate</li> </ul>"},{"location":"spfx/flow/#disable-flow","title":"Disable Flow","text":"<ul> <li>https://www.toddklindt.com/PoshDisableFlowButton</li> </ul> <pre><code>Connect-PnPOnline -Url https://&lt;teantUrl&gt;/sites/&lt;name&gt;\n\n# disable\nSet-PnPSite -DisableFlows:$true\n\n# enable\nSet-PnPSite -DisableFlows:$false\n</code></pre>"},{"location":"spfx/flow/#azure-logic-app","title":"Azure Logic App","text":"<ul> <li>Azure Logic Apps vs Microsoft Flow, Why Not Both?</li> <li>Integrate Azure Logic Apps with SharePoint Site Designs</li> </ul>"},{"location":"spfx/fluidframework/","title":"Fluid Framework","text":""},{"location":"spfx/fluidframework/#overview","title":"Overview","text":"<ul> <li>5 reasons or thoughts on Fluent UI Web</li> <li>Fluid Framework</li> <li>Microsoft Ignite Blog: Microsoft Fluid Framework preview</li> </ul>"},{"location":"spfx/fluidframework/#samples","title":"Samples","text":"<ul> <li>Building real-time collaborative apps with Microsoft 365, Azure and Power Platform</li> </ul>"},{"location":"spfx/forms/","title":"Forms Tools","text":""},{"location":"spfx/forms/#microsoft-forms","title":"Microsoft Forms","text":""},{"location":"spfx/forms/#limits","title":"Limits","text":"<ul> <li>Getting started guidelines to microsoft forms limits and boundaries</li> </ul>"},{"location":"spfx/forms/#frameworks","title":"Frameworks","text":"<ul> <li>https://github.com/olegrumiancev/sp-listform-react</li> <li>Classic-to-Modern ListForm UI Transform Tool</li> <li>react-hook-form</li> </ul>"},{"location":"spfx/forms/#redux-forms","title":"Redux-Forms","text":"<ul> <li>React Redux Form</li> <li>Create an intelligent Form with React Redux Form</li> <li>https://blogs.perficient.com/2017/08/10/using-react-and-redux-in-sharepoint-frameworkspfx/</li> <li>https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-reduxform</li> </ul>"},{"location":"spfx/forms/#tips","title":"Tips","text":"<ul> <li>Tips for building a custom form</li> </ul>"},{"location":"spfx/governance/","title":"Governance","text":""},{"location":"spfx/governance/#collaboration","title":"Collaboration","text":"<ul> <li>Planning intranet governance</li> <li>Overview of collaboration governance in Microsoft 365</li> <li>Groups services interactions</li> </ul>"},{"location":"spfx/governance/#overview","title":"Overview","text":"<ul> <li>SharePoint governance questions</li> <li>Plan for governance in Office 365 Groups</li> <li>Plan for governance to transform teamwork with Microsoft 365</li> <li>How to implement SharePoint Governance</li> <li>overview-best-practices-for-managing-how-people-use-your-team-site</li> <li>Naming policy features</li> <li>The Ultimate SharePoint Governance Template</li> <li>Office 365 Group Naming Policy: Deciding if it\u2019s Right For You</li> <li>8 Ways to Create Office 365 Groups \u2013 Overview and Differences</li> </ul>"},{"location":"spfx/governance/#information-architecture","title":"Information Architecture","text":"<ul> <li>Information architecture in modern SharePoint</li> <li>One Size Does Not Fit All</li> <li>3 Dimensions of IA</li> <li>The Logical Dimension</li> <li>The Metadata Dimension</li> <li>Content Type Hub. What\u2019s vNext</li> </ul>"},{"location":"spfx/governance/#sharepoint-home-site","title":"SharePoint Home Site","text":"<ul> <li>SharePoint Home, Hub, Sites, Start\u2026 What?</li> <li>SHAREPOINT HOME SITES AND HUBS: A PRIMER</li> </ul>"},{"location":"spfx/governance/#content-type","title":"Content Type","text":"<ul> <li>Content Type Benefits in Modern SharePoint</li> <li>CHOICE, LOOKUP OR MANAGED METADATA?</li> <li>BUILD TARGETED TRAINING ON OFFICE 365 ADOPTION CENTER</li> <li>BUILD A MODERN COMPANY LOCATIONS PAGE IN MINUTES</li> <li>CONTENT TYPE FILTERS IN MODERN SHAREPOINT</li> <li>MULTIPLE LIBRARIES, FOLDERS OR METADATA</li> </ul>"},{"location":"spfx/governance/#imagemap","title":"ImageMap","text":"<p>-Create Simple ImageMap in SPO</p>"},{"location":"spfx/governance/#permission","title":"Permission","text":"<ul> <li>28 REASONS WHY MODERN SHAREPOINT ONLINE SITE PERMISSIONS ARE A HOT MESS</li> <li>Sharing and permissions in the SharePoint modern experience</li> <li>How Broken Are Office 365 SharePoint Permissions</li> <li>Azure AD Internal - GDPR Tool</li> <li>Making a real world sharing strategy for SharePoint, OneDrive &amp; Teams</li> <li>SharePoint Modern Sites permission difference handling (Communication versus Teamsite)</li> <li>MS Teams Channel / SharePoint permission inconsistency</li> <li>Modern Authentication</li> </ul>"},{"location":"spfx/governance/#external-sharing","title":"External Sharing","text":"<ul> <li>A quick guide to secure Office 365_DE.pdf</li> <li>Coaching your users through the External Sharing Experience</li> <li>How to secure external sharing in SharePoint Online and Office 365</li> <li>Change External Sharing Settings Across a Hub Site with PowerShell</li> <li>Microsoft 365 guest sharing settings reference</li> <li>How to properly configure sharing settings in the SharePoint Admin Center</li> <li>Export Office 365 External User Reports for Secure External Collaboration</li> </ul>"},{"location":"spfx/governance/#organization-asset-libraries","title":"Organization Asset Libraries","text":"<ul> <li>SharePoint Organization Asset Libraries Explained</li> <li>Enable Organization assets on SharePoint Online</li> <li>How to create an Organisation Assets library in SharePoint Online to store Office Templates</li> <li>Use SharePoint Libraries to distribute Office Templates and Company images</li> </ul>"},{"location":"spfx/governance/#user-profile-delete-user","title":"User profile / Delete user","text":"<ul> <li>User Profile Automated Removal when User is Deleted from Active Directory</li> </ul>"},{"location":"spfx/governance/#external-user","title":"External user","text":"<ul> <li>4 ways to setup external users in SharePoint</li> </ul>"},{"location":"spfx/governance/#sitecollections-versus-subsites","title":"SiteCollections versus SubSites","text":"<ul> <li>ADVANTAGES OF A FLAT SHAREPOINT SITE ARCHITECTURE</li> <li>Benefits to creating a flat site structure</li> </ul>"},{"location":"spfx/governance/#tips-creating-sites","title":"Tips Creating Sites","text":"<ul> <li>Exploring creating SharePoint TeamSites using SiteDesign and the REST API</li> <li>Balancing Self-Service with Governance and Control in Office 365</li> </ul>"},{"location":"spfx/governance/#backup","title":"Backup","text":"<ul> <li>Does Office 365 require a backup solution?</li> <li>Compare Backup Solutions SkyKick and Veeam</li> <li>Does Office 365, hosted by Microsoft requires a data backup solution</li> </ul>"},{"location":"spfx/governance/#auditusage-reports-scripts","title":"Audit/Usage Reports Scripts","text":"<ul> <li>Admindroid - Office 365 Management Made Easy</li> <li>6 ways to check SharePoint Usage reports</li> <li>How to audit employees in SharePoint Online and Office 365</li> <li>Get SPO sites with filter using SPOSitePropertiesEnumerableFilter</li> <li>Retrieve Office 365 Audit logs using PowerShell and store in Azure table for quick retrieval</li> <li>Office 365 Groups and Teams Activity Report - obsolete groups</li> <li>Top 50 PowerShell Scripts for Microsoft 365 Admins</li> <li>SPC18: What Options do You Have to Govern the Lifecycle of Office 365 Groups / Teams Ignite2018GroupsGovernanceToolkit</li> <li>PowerShell scripts for Microsoft Office 365</li> <li>Useful PowerShell cmdlets to administer Office 365 Groups \u2013 Part 1</li> <li>Useful PowerShell cmdlets to administer Office 365 Groups \u2013 Part 2</li> <li>THR2131 - Three PowerShell reports every Office 365 admin needs to have</li> <li>Manage your SharePoint Team Sites to Excel</li> <li>Extract information of Communication sites to Excel</li> <li>Five-PowerShell-Reports-For-Office365</li> <li>ADEssentials - AzureAD Reporting</li> <li>M365 Powershell Reporting Scripts</li> <li>Microsoft Replaces User Data Search with Standard eDiscovery</li> <li>Azure AD audit logs latency</li> <li>REPORT ACTIVE DIRECTORY ACCOUNTS THAT ARE SYNCHRONIZED WITH AZURE AD</li> <li>How to Monitor New Members Added to Teams</li> </ul>"},{"location":"spfx/governance/#ad-mistakes","title":"AD Mistakes","text":"<ul> <li>Most Common Mistakes in Active Directory and Domain Services \u2013 Part 1</li> <li>Most Common Mistakes in Active Directory and Domain Services \u2013 Part 2</li> <li>Most Common Mistakes in Active Directory and Domain Services - Part 3</li> </ul>"},{"location":"spfx/governance/#handling-teams-and-groups","title":"Handling Teams and Groups","text":"<ul> <li>Governance and consciousness around handling Teams and Groups</li> <li>Three reasons why you should take control of Office 365 Groups creation</li> <li>Automating Office 365 Groups Lifecycle/Expiration management</li> <li>Stop using Power Automate to govern Microsoft Teams</li> <li>Microsoft Teams Naming Best Practices</li> </ul>"},{"location":"spfx/governance/#tips","title":"Tips","text":"<ul> <li>SharePoint Online Can Now Rename Site URLs</li> </ul>"},{"location":"spfx/governance/#sam","title":"SAM","text":"<ul> <li>A primer on SharePoint Advanced Management</li> <li>Govern and Secure SharePoint and OneDrive with Microsoft Syntex \u2013 SharePoint Advanced Management</li> </ul>"},{"location":"spfx/governance/#security-and-compliance-dlp","title":"Security and Compliance - DLP","text":"<ul> <li>Overview of data loss prevention</li> <li>Security and Compliance - DLP - Notes</li> <li>Compliance Customer Experience Engineering (CxE)</li> </ul>"},{"location":"spfx/governance/#records-management-rm","title":"Records Management (RM)","text":"<ul> <li>Managing and applying Purview retention labels using code</li> <li>Working with Purview event-based retention using code</li> <li>Finding incorrectly applied Purview retention labels</li> <li>Implications of applying Purview retention labels to folders</li> <li>Compliance Customer Experience Engineering (CxE) - (MIG/RM)</li> <li>Understanding Compliance and Records Management in Office 365- Video</li> <li>A Complete Guide to Office 365 Retention! - Video</li> <li>MIGScripts</li> <li>Microsoft 365 Compliancefeatures</li> <li>MIP and compliance capabilities - illustrations</li> </ul>"},{"location":"spfx/governance/#practise-german","title":"Practise (German)","text":"<ul> <li>Datensatzverwaltung in Microsoft 365</li> <li>Versionsverwaltung zur Aktualisierung von Datens\u00e4tzen verwenden</li> <li>Datenschutzressourcen</li> </ul>"},{"location":"spfx/governance/#practise-english","title":"Practise (English)","text":"<ul> <li>Lifecycle of an item in SharePoint: Where does it go?</li> <li>Use retention labels to manage the lifecycle of documents stored in SharePoint</li> <li>RETENTION IN SHAREPOINT ONLINE: THE WHERE, WHAT, HOW, AND WHEN</li> </ul> <ul> <li>ROLE TOUCHPOINTS DURING INFORMATION GOVERNANCE AND RECORDS MANAGEMENT IMPLEMENTATION</li> </ul>"},{"location":"spfx/graph/","title":"Microsoft Graph","text":""},{"location":"spfx/graph/#top-links","title":"Top Links","text":"<ul> <li>Graph Explorer</li> <li>Microsoft Graph permissions reference</li> <li>Use query parameters to customize responses</li> </ul>"},{"location":"spfx/graph/#best-practise","title":"Best Practise","text":"<ul> <li>Best practices for working with Microsoft Graph</li> <li>Using MS Graph Sandbox proxy to speed up development</li> </ul>"},{"location":"spfx/graph/#permission","title":"Permission","text":"<ul> <li>Microsoft Graph permissions reference</li> </ul>"},{"location":"spfx/graph/#learning","title":"Learning","text":"<ul> <li>30 Days of Microsoft Graph</li> <li>Consuming SharePoint Online via the Microsoft Graph</li> <li>graph explorer - start</li> <li>graph webhooks - subscription</li> <li>Use the Microsoft Graph API</li> </ul>"},{"location":"spfx/graph/#working-with-sharepoint","title":"Working with Sharepoint","text":"<ul> <li>Microsoft Graph API or SharePoint REST API?</li> <li>SharePoint API in Microsoft Graph</li> </ul>"},{"location":"spfx/graph/#query-count-filter-search-orderby","title":"Query (Count / Filter / Search  / OrderBy)","text":"<ul> <li>Use query parameters to customize responses</li> <li>Build advanced queries in Microsoft Graph with $count, $filter, $search, and $orderby</li> <li>Microsoft Graph PowerShell Filtering Working and Failures</li> </ul>"},{"location":"spfx/graph/#azure-functions","title":"Azure Functions","text":"<ul> <li>Getting started with PnP Core SDK</li> <li>How to access SharePoint data from Azure Function with SPFx and PnP Core SDK</li> <li>Azure Functions project that implements Microsoft Teams provisioning via Microsoft Graph</li> </ul>"},{"location":"spfx/graph/#samples","title":"Samples","text":"<ul> <li>Using Microsoft Graph API to convert the format of your documents</li> <li>How to get data from Microsoft Graph \u2013 SPFx</li> </ul>"},{"location":"spfx/graph/#spfx-samples","title":"SPFx Samples","text":"<ul> <li>Building business applications to Microsoft Teams using Microsoft Graph and SPFx</li> <li>Get DriveItem by File Absolute Url</li> </ul>"},{"location":"spfx/graph/#microsoft-graph-toolkit-mgt","title":"Microsoft Graph Toolkit (MGT)","text":"<ul> <li>microsoft-graph-toolkit</li> <li>Microsoft Graph Toolkit Playground</li> <li>A Lap Around Microsoft Graph Toolkit</li> <li>Microsoft Graph Toolkit</li> <li>Exploring The Microsoft Graph Toolkit</li> <li>Exploring Microsoft Graph Toolkit Lap as non Developer</li> <li>Exploring Microsoft Graph Toolkit Lap as a non-developer \u2014 Part 2</li> <li>Exploring Microsoft Graph Toolkit Lap as a non-developer -Part 3</li> <li>Exploring Microsoft Graph Toolkit as a non-Developer \u2014 Part 4</li> <li>Bulding a Moderator App</li> <li>A Lap around Microsoft Graph Toolkit Day 13 \u2013 Using Microsoft Graph Toolkit with React</li> </ul>"},{"location":"spfx/graph/#mgt-samples","title":"MGT Samples","text":"<ul> <li>How to start a new SPFx web part project with Microsoft Graph Toolkit and React</li> <li>msgraphtoolkitsamples</li> <li>SPFx - ms-graph-toolkit-agenda-panel</li> <li>SPFx - Exploring Microsoft Graph Toolkit</li> <li>SPFx-MSGraph using the Toolkit</li> </ul>"},{"location":"spfx/graph/#files-handling","title":"Files Handling","text":"<ul> <li>Accessing Files with Microsoft Graph</li> </ul>"},{"location":"spfx/graph/#granular-permission","title":"Granular Permission","text":"<ul> <li>SharePoint Site Collection Level Permissions</li> <li>Use Microsoft Graph to Set Granular Permissions to SharePoint Online Sites for Azure AD Application</li> </ul>"},{"location":"spfx/graph/#graph-developer-proxy","title":"Graph Developer Proxy","text":"<ul> <li>Microsoft Graph Developer Proxy</li> <li>Improving your Microsoft Graph PowerShell Scripts with the Graph Developer Proxy</li> <li>Mocking API Responses Made Easy with Graph Developer Proxy</li> </ul>"},{"location":"spfx/groups/","title":"Groups","text":""},{"location":"spfx/groups/#must-read","title":"Must read","text":"<ul> <li>An overview of different types of security groups in SharePoint and Office 365</li> </ul>"},{"location":"spfx/groups/#overview","title":"Overview","text":"<ul> <li>Infographic - An everyday guide to Office 365 Groups</li> <li>http://www.techmikael.com/2017/03/enable-usage-policy-for-office-365.html</li> <li>http://www.techmikael.com/2017/03/controlling-groups-creation-in-tenant.html</li> <li>http://www.techmikael.com/2017/05/three-reasons-why-you-should-take.html</li> <li>https://www.sharepointeurope.com/defining-good-governance-office-365-groups/</li> <li>http://icansharepoint.com/everyday-guide-office-365-groups/</li> <li>https://en.share-gate.com/blog/office-365-groups-explained</li> <li>https://www.avepoint.com/blog/technical-blog/office-365-groups-vs-teams/</li> <li>http://sympmarc.com/2017/04/09/dear-microsoft-in-office-365-groups-are-groups-are-groups-unless-they-arent/</li> <li>http://blog.fpweb.net/get-excited-about-office-365-groups-then-relax/#.WOvyNdLyjZs</li> <li>https://techcommunity.microsoft.com/t5/Microsoft-Teams/Office-365-Groups-vs-Microsoft-Teams-blog-post/m-p/60743#M3798</li> <li>http://blog.ioz.ch/productivity-news-beyond-groups-ein-einblick-und-ausblick/</li> <li>https://channel9.msdn.com/Events/Ignite/Australia-2017/PROD225</li> <li>https://channel9.msdn.com/Events/Ignite/Australia-2017/PROD222</li> <li>https://vigneshsharepointthoughts.com/2018/03/30/office-365-groups-what-you-need-to-know</li> </ul>"},{"location":"spfx/groups/#provisioning","title":"Provisioning","text":"<p>https://github.com/SharePoint/PnP-PowerShell/tree/master/Samples/Provisioning.SelfHostedWithAzureWebJob/Engine</p>"},{"location":"spfx/groups/#permissions","title":"Permissions","text":"<ul> <li>Copying Office 365 Group Permissions with PowerShell</li> </ul>"},{"location":"spfx/groups/#tipps","title":"Tipps","text":"<ul> <li>Generic URLs for all Office 365 Group connected workloads</li> </ul> <pre><code># SiteCollection URL &lt;site&gt;\n&lt;site&gt;/_layouts/15/groupstatus.aspx?Target=PLANNER\n\n# XML Provisioning Engine - SiteCollection Token {site}\n{site}/_layouts/15/groupstatus.aspx?Target=PLANNER\n</code></pre>"},{"location":"spfx/groups/#powershell","title":"Powershell","text":"<ul> <li>https://github.com/mikemcleanlive/Ignite-2018-BRK3098-Demo-Scripts</li> <li>https://vigneshsharepointthoughts.com/2018/05/16/useful-powershell-cmdlets-to-administer-office-365-groups/</li> <li>https://www.sharepointeurope.com/useful-powershell-cmdlets-administer-office-365-groups</li> </ul> <p>To get the list of all the Office 365 groups in descending order:</p> <pre><code>Get-UnifiedGroup | Select Id, DisplayName, ManagedBy, Alias, AccessType, WhenCreated, @{Expression={([array](Get-UnifiedGroupLinks -Identity $_.Id -LinkType Members)).Count }; Label=\u2019Members\u2019} | Sort-Object whencreated | Format-Table displayname, alias, managedby, Members, accesstype, whencreated\n</code></pre> <p>To get the list of all private Office 365 groups in your tenant:</p> <pre><code>Get-UnifiedGroup | Where-Object {$_.AccessType -eq \u2018Private\u2019} | Sort-Object whencreated | Format-Table displayname, alias, managedby, accesstype, whencreated\n</code></pre> <p>To get list of deleted Office 365 groups in descending order:</p> <pre><code>Get-AzureADMSDeletedGroup | Sort-Object DeletedDateTime -Descending | Format-Table Id, DisplayName, Description, Visibility, DeletedDateTime\n</code></pre> <p>How to resolve the error The alias is being used by another group in your organization</p> <pre><code>Get-AzureADMSDeletedGroup -All:$true | Remove-AzureADMSDeletedDirectoryObject\n</code></pre> <p>To get the list of orphaned Office 365 groups in your tenant:</p> <pre><code>$Groups = Get-UnifiedGroup | Where-Object {([array](Get-UnifiedGroupLinks -Identity $_.Id -LinkType Owners)).Count -eq 0} `\n\n| Select Id, DisplayName, ManagedBy, WhenCreated\n\nForEach ($G in $Groups) {\n\nWrite-Host \u201cWarning! The following group has no owner:\u201d $G.DisplayName\n\n}\n</code></pre> <p>To determine where a group was provisioned (Planner, Yammer, Teams etc.)</p> <pre><code>Get-UnifiedGroup |Where-Object {$_.ProvisioningOption -eq \u2018YammerProvisioning\u2019} |select DisplayName,Alias,ProvisioningOption,GroupSKU,SharePointSiteUrl,SharePointDocumentsUrl,AccessType\n</code></pre> <p>To get the list of Teams integrated Office 365 group list:</p> <pre><code>Get-UnifiedGroup |Where-Object {$_.ProvisioningOption -eq \u2018ExchangeProvisioningFlags:481\u2019}|select DisplayName,Alias,ProvisioningOption,GroupSKU,SharePointSiteUrl,SharePointDocumentsUrl,AccessType\n</code></pre>"},{"location":"spfx/hubsite/","title":"HubSite","text":"<ul> <li>What is a SharePoint hub site</li> <li>Video - SharePoint hub sites \u2014 What intranet managers need to know</li> <li>spsnyc-how-hub-sites-raise-sharepoints-intranet-potential</li> <li>the-intranet-managers-guide-to-office-365-sharepoint-hub-sites</li> <li>common-use-cases-for-office-365-sharepoint-hub-sites</li> <li>architecture-considerations-and-quick-reference-tips-for-office-365s-sharepoint-hub-sites</li> <li>How to Create Hub Sites in SharePoint Online</li> </ul>"},{"location":"spfx/hubsite/#planning","title":"Planning","text":"<ul> <li>Planning your SharePoint hub sites</li> <li>Tips for getting started with SharePoint hubs</li> </ul>"},{"location":"spfx/hubsite/#integration","title":"Integration","text":"<ul> <li>sharepoint-hub-sites-make-their-debut</li> <li>Organize-your-intranet-with-SharePoint-hub-sites</li> <li>Planning your SharePoint hub sites</li> </ul>"},{"location":"spfx/hubsite/#navigation","title":"Navigation","text":"<ul> <li>Security Trimmed Hub Site Navigation Updates!</li> <li>security-trimmed-hub-navigation</li> <li>manage-sharepoint-communication-sites-megamenu-with-csom-and-powershell</li> <li>6 tips to get mega value from the new megamenu navigation for SharePoint</li> </ul>"},{"location":"spfx/hubsite/#tips","title":"Tips","text":"<p>-Introducing the idea of Archive Hub Sites - How to get the hubId in SharePoint Framework - Fix broken Hub Sites in SharePoint Online</p> <pre><code>cls\n\n$tenantAdmin = \"https://contoso-admin.sharepoint.com\"\n$hubSite = \"https://contoso.sharepoint.com/sites/hub\"\n$extensionGUID = \"6da1a9e8-471d-4f39-80e6-a7ded02e8881\"\n$extensionName = \"Extension Name\"\n$extensionTitle = \"Extension Title\"\n\ntry\n{\nConnect-PnPOnline -Url $tenantAdmin -UseWebLogin\n} catch {\nWrite-Host \"Unable to connect.\"\nexit\n}\n\n$HubSite = Get-PnPHubSite $hubSite\n$HubSiteId = $HubSite.SiteId\n$ModernSites = (Get-PnPTenantSite -Template 'GROUP#0') + (Get-PnPTenantSite -Template 'SITEPAGEPUBLISHING#0')\n$SitesFromHub = New-Object System.Collections.ArrayList\n\nWrite-Host (\"Searching {0} sites:\" -f $HubSite.Title) -BackgroundColor Gray\nforeach ($ModernSite in $ModernSites){\n    $site = Get-PnPHubSite $ModernSite.Url\n    if($site.SiteUrl){\n    if($site.SiteId -eq $HubSiteId){\n            Write-Host (\"* {0} - {1}\" -f $ModernSite.Title, $ModernSite.Url)\n            $SitesFromHub.Add($ModernSite) | Out-Null\n        }\n    }\n}\n\nWrite-Host \"\"\nWrite-Host \"Installing at:\" -BackgroundColor Gray\nforeach ($SiteHub in $SitesFromHub){\n    Write-Host (\"* {0} - {1} ... \" -f $SiteHub.Title, $SiteHub.Url) -NoNewline\n    Connect-PnPOnline -Url $SiteHub.Url -UseWebLogin\n    Add-PnPCustomAction -ClientSideComponentId $extensionGUID -Name $extensionName -Title $extensionTitle -Location ClientSideExtension.ApplicationCustomizer -Scope site\n    Write-Host \"Done\" -BackgroundColor Green\n    Disconnect-PnPOnline\n}\n\nWrite-Host \"All Done\"\n</code></pre>"},{"location":"spfx/hubsite/#csom","title":"CSOM","text":"<ul> <li>working-with-sharepoint-online-hub</li> </ul>"},{"location":"spfx/hubsite/#search-api","title":"Search API","text":"<ul> <li>working-with-hub-sites-and-search-api</li> <li>How to get all sites</li> </ul> <pre><code> # List all sites being a hub site or associate to a hub site\n$results = Submit-PnPSearchQuery -Query 'contentclass=sts_site' -RefinementFilters 'departmentid:string(\"{*\",linguistics=off)' -TrimDuplicates $false -SelectProperties @(\"Title\",\"Path\",\"DepartmentId\",\"SiteId\") -All -RelevantResults\n\n# Filter out the hub sites\n$hubSites = $results |? { $_.DepartmentId.Trim('{','}') -eq $_.SiteId  }\n\n# Loop over the hub sites\nforeach( $hub in $hubSites ) {\n    Write-Host $hub.Title - $hub.Path -ForegroundColor Green\n    # Filter out sites associated to the current hub\n    $associatedSites = ($results |? { $_.DepartmentId -eq $hub.DepartmentId -and $_.SiteId -ne $hub.SiteId })\n    foreach($site in $associatedSites) {\n        Write-Host \"`t\"$site.Title - $site.Path -ForegroundColor Yellow\n    }\n}\n</code></pre>"},{"location":"spfx/intranet/","title":"Intranet","text":""},{"location":"spfx/intranet/#homepage","title":"Homepage","text":"<ul> <li>https://sympmarc.com/2018/07/23/whither-a-new-intranet-on-modern-office-365</li> </ul>"},{"location":"spfx/js/","title":"JS","text":""},{"location":"spfx/js/#frameworks","title":"Frameworks","text":"<ul> <li>State of JS-Frameworks</li> <li>JavaScript library that creates PowerPoint presentations</li> </ul>"},{"location":"spfx/js/#common-cheatsheets","title":"Common Cheatsheets","text":"<ul> <li>modern-frontend-hacking-cheatsheets</li> <li>https://devhints.io/moment</li> </ul>"},{"location":"spfx/js/#es6","title":"ES6","text":"<ul> <li>ES6-cheatsheets</li> </ul>"},{"location":"spfx/js/#interview-questions","title":"Interview Questions","text":"<ul> <li>yangshun - tech-interview-handbook</li> <li>https://github.com/ganqqwerty/123-Essential-JavaScript-Interview-Questions</li> <li>https://github.com/Pau1fitz/react-interview</li> <li>https://www.edureka.co/blog/interview-questions/react-interview-questions/</li> </ul>"},{"location":"spfx/js/#helper","title":"Helper","text":""},{"location":"spfx/js/#local-storage","title":"Local Storage","text":"<ul> <li>Local Storage Wrapper</li> </ul>"},{"location":"spfx/libraries/","title":"Libraries Components","text":""},{"location":"spfx/libraries/#intro","title":"Intro","text":"<ul> <li>SharePoint Library Components \u2013 Introduction</li> <li>Community Call Demo - Introduction on using the library component in SharePoint Framework solutions</li> </ul>"},{"location":"spfx/libraries/#service-locator-pattern","title":"Service Locator pattern","text":"<ul> <li>Service Locator pattern in SPFx: Using Service Scopes</li> </ul>"},{"location":"spfx/libraries/#tips","title":"Tips","text":"<ul> <li>Step by Step: Create SPFx library component</li> <li>concept of a library component and start developing</li> <li>A new beast in SharePoint Framework development: library component</li> <li>SharePoint Library Components \u2013 Simultaneous Parallel Development</li> <li>Tips and Tricks working with SPFx library components</li> </ul>"},{"location":"spfx/libraries/#samples","title":"Samples","text":"<ul> <li>React Templates using SPFx Library Component</li> <li>SVG Library Helper</li> </ul>"},{"location":"spfx/listitem/","title":"Listitem","text":""},{"location":"spfx/listitem/#system-upddate","title":"System Upddate","text":"<ul> <li>http://blog.arvosys.com/2018/07/06/list-items-system-update-options-in-sharepoint-online/</li> <li>https://www.linkedin.com/pulse/list-items-system-update-options-sharepoint-online-andrew-koltyakov/</li> <li>https://github.com/koltyakov/sp-sig-20180705-demo/blob/master/src/02-clientSvc/helper.ts</li> </ul>"},{"location":"spfx/listitem/#managing-lists","title":"Managing Lists","text":"<ul> <li>Managing Lists with SharePoint PnP JS in SPFx</li> </ul>"},{"location":"spfx/listitem/#audience-targeting","title":"Audience Targeting","text":"<ul> <li>Target Content on Modern SharePoint</li> <li>SharePoint Audience Targeting - How to (german version)</li> </ul>"},{"location":"spfx/logging/","title":"Logging","text":""},{"location":"spfx/logging/#logging-with-sp-core-library","title":"Logging with sp-core-library","text":"<ul> <li>Working with the Logging API</li> </ul> <p>Reference the Log class</p> <pre><code>import { Log } from \"@microsoft/sp-core-library\";\n</code></pre> <p>Log your message from your WebPart</p> <pre><code>Log.verbose(\"HelloWorld\", \"Here is a verbose log\", this.context.serviceScope);\nLog.info(\"HelloWorld\", \"Here is an informational message.\", this.context.serviceScope);\nLog.warn(\"HelloWorld\", \"Oh Oh, this might be bad\", this.context.serviceScope);\nLog.error(\"HelloWorld\", new Error(\"Oh No!  Error!  Ahhhhhh!!!!\"), this.context.serviceScope);\n</code></pre>"},{"location":"spfx/logging/#logging-with-pnp-logging","title":"Logging with pnp-logging","text":"<ul> <li>Resolve to Log-PnPLogger</li> <li>Resolve to Log</li> <li>Working With: Logging</li> <li>Integrate Logging</li> <li>Flexible and powerful logging using PnP Logging in SPFx</li> </ul>"},{"location":"spfx/logging/#logging-with-appinsights","title":"Logging with AppInsights","text":"<ul> <li>Add Azure App Insights or Google Analytics to your SharePoint pages with an SPFx Application Customizer</li> <li>Use Azure App Insights to track events in your app/web part/provisioning code</li> <li>Deploy Application Insights globally on modern SharePoint</li> </ul>"},{"location":"spfx/loop/","title":"Loop","text":""},{"location":"spfx/loop/#loop-components","title":"Loop Components","text":"<ul> <li>Learn - Overview of Loop components in the Microsoft 365 ecosystem</li> </ul>"},{"location":"spfx/metadata/","title":"Metadata","text":""},{"location":"spfx/metadata/#colums","title":"Colums","text":"<ul> <li>How to Work with Managed Metadata Columns by Using the SharePoint Client Object Model</li> <li>Configuring SharePoint Online managed metadata defaults for folders</li> <li>Configuring metadata defaults with CSOM</li> <li>How to sync taxonomy hidden list using PowerShell</li> </ul>"},{"location":"spfx/metadata/#design","title":"Design","text":"<ul> <li>How to come up with metadata?</li> <li>Struggling with Metadata? Use SharePoint Enterprise Keywords!</li> <li>METADATA PROS AND CONS IN MODERN SHAREPOINT</li> </ul>"},{"location":"spfx/metadata/#journal","title":"Journal","text":"<ul> <li>Creating journal logic</li> </ul>"},{"location":"spfx/migration/","title":"Migration","text":""},{"location":"spfx/migration/#overview","title":"Overview","text":"<ul> <li>Best practices for migrating to SharePoint and OneDrive</li> <li>All the ways to migrate the files to SharePoint Online</li> </ul>"},{"location":"spfx/migration/#good-to-know","title":"Good to know","text":"<ul> <li>Surefire ways to fail a SharePoint migration to Office 365</li> <li>Compilation of SharePoint to Office 365 Migration Best Practices</li> <li>33 things that can cause a hassle when migrating to SharePoint Online</li> <li>SharePoint Migration Infographic</li> <li>Cloud Migration </li> </ul>"},{"location":"spfx/migration/#sharegate","title":"ShareGate","text":"<ul> <li>ShareGate Limits</li> <li>File share to SharePoint migration diagram</li> <li>SharePoint to SharePoint migration diagram</li> <li>Tales of a Microsoft 365 migration \u2013 file shares</li> </ul>"},{"location":"spfx/migration/#sharepoint-migration-tool-spmt","title":"SharePoint Migration Tool (SPMT)","text":"<ul> <li>Overview of the SharePoint Migration Tool</li> <li>Download and install the SharePoint Migration Tool (SPMT)</li> <li>Migrating to Microsoft Teams using the SharePoint Migration Tool</li> </ul>"},{"location":"spfx/migration/#mover","title":"Mover","text":"<ul> <li>How to migrate files from cloud storage to SharePoint using the Mover Migration Tool</li> </ul>"},{"location":"spfx/migration/#sharepoint-manager","title":"SharePoint Manager","text":"<ul> <li>Walkthrough: Migration Manager</li> </ul>"},{"location":"spfx/migration/#documentid","title":"DocumentID","text":"<ul> <li>SHAREPOINT ONLINE AND DOCUMENT ID. THE GOODS</li> </ul>"},{"location":"spfx/migration/#permission","title":"Permission","text":"<ul> <li>Leave Those SharePoint Permissions for Office 365 Groups Alone</li> </ul>"},{"location":"spfx/migration/#wsp-repackage","title":"WSP Repackage","text":"<ul> <li>SharePoint WSP Repackage</li> </ul>"},{"location":"spfx/migration/#tipps","title":"Tipps","text":"<ul> <li>SharePoint Migration: Mind the URL Length</li> <li>Migrating to Office 365 Checklist</li> <li>Restrictions and limitations in OneDrive and SharePoint</li> </ul>"},{"location":"spfx/migration/#showcase","title":"Showcase","text":"<ul> <li>Learn how Microsoft ran its own migration</li> </ul>"},{"location":"spfx/migration/#google-drive","title":"Google Drive","text":"<ul> <li>Data Clean-up Activities to Consider Before Google Drive Migration</li> </ul>"},{"location":"spfx/migration/#tenant-to-teanant","title":"Tenant to Teanant","text":"<ul> <li>How to merge Office 365 tenants \u2013 migrate to another Microsoft 365 organization</li> </ul>"},{"location":"spfx/migration/#migration-streams-classic","title":"Migration Streams (Classic)","text":"<ul> <li>Migration Overview - Stream (Classic) to Stream (on SharePoint)</li> </ul>"},{"location":"spfx/modernpage/","title":"Modern page","text":""},{"location":"spfx/modernpage/#news-pages","title":"News pages","text":"<ul> <li>What makes a page to be a news page on SharePoint Online</li> <li>How to read the SharePoint news using Rest API in SPFx</li> <li>Keep your team in the loop with modern SharePoint news</li> </ul> <pre><code>/_api/search/query?querytext='IsDocument:True AND FileExtension:aspx AND PromotedState:2'\n</code></pre>"},{"location":"spfx/modernpage/#news-digest","title":"News digest","text":"<ul> <li>SharePoint News Digest Features and Limitations</li> <li>How to create and promote Newsletters in SharePoint &amp; Office 365</li> <li>How to enable/disable the automatic SharePoint news digest</li> <li>How to create an internal newsletter</li> <li>10 things to know about the SharePoint News digest</li> </ul>"},{"location":"spfx/mui/","title":"MUI","text":""},{"location":"spfx/mui/#testing-language","title":"Testing Language","text":"<ul> <li>Testing user preferred language of SharePoint site</li> </ul>"},{"location":"spfx/mui/#multilingual-pages","title":"Multilingual Pages","text":"<ul> <li>Multilingual publishing for pages and news posts</li> </ul>"},{"location":"spfx/mui/#localisation-of-the-user-interface","title":"Localisation of the user interface","text":"<ul> <li>SPFx &amp; react-localization, an easy alternative?</li> <li>Understanding the Multilingual User Interface (MUI)</li> <li>Demystifying the mystery behind the UI language in SharePoint</li> </ul>"},{"location":"spfx/mui/#definition-multilingual-intranet","title":"Definition Multilingual Intranet","text":"<ul> <li>MULTILINGUAL AND MODERN SHAREPOINT</li> <li>Building Multilingual SharePoint views using SPFx Field Customizers</li> <li>SharePoint Online Multi-language Modern Sites \u2013 real case, pros and cons</li> <li>SharePoint Localization \u2013 a (somewhat) comprehensive how-to!</li> <li>Creating a Multi-lingual Intranet using Communication Sites</li> <li>CUSTOMIZE SHAREPOINT MODERN PAGES USING MICROSOFT FLOW</li> <li>Using the SFPx library component for simplifying the localization experience</li> <li>Webinar Recording: Deep Dive into SharePoint Multilingual with Divyachapan (DC) Padur</li> <li>Using the new multilingual APIs in Modern SharePoint</li> <li>Working with SharePoint Online modern multilingual with the search Keyword Query Language, Query variables and the modern search webpart</li> <li>7 tips to help create and manage multilingual SharePoint communication sites</li> </ul> <p>Search Query for multilingual news</p> <pre><code>PromotedState:2 AND (SPTranslationLanguage:{CurrentDisplayLanguage} OR (NOT SPTranslatedLanguages:{CurrentDisplayLanguage} AND NOT SPIsTranslation:true))\n</code></pre>"},{"location":"spfx/mui/#samples","title":"Samples","text":"<ul> <li>Multilingual Pages</li> </ul>"},{"location":"spfx/network/","title":"Network","text":"<ul> <li>URLs-und-IP-Adressbereiche-von-Office-365</li> <li>Office365NetworkTools</li> <li>How to quickly optimize Office 365 traffic for remote staff &amp; reduce the load on your infrastructure </li> </ul>"},{"location":"spfx/network/#dns-basics","title":"DNS-Basics","text":"<ul> <li>Clientkonnektivit\u00e4t</li> <li>Office 365 Connectivity Guidance</li> <li>office-365-connectivity-guidance-part-2</li> <li>office-365-connectivity-guidance-part-3</li> <li>office-365-connectivity-guidance-part-4</li> </ul>"},{"location":"spfx/network/#tools","title":"Tools","text":"<ul> <li>PsPing v2.1</li> </ul>"},{"location":"spfx/network/#it-pro","title":"IT Pro","text":"<ul> <li>provisioning-office-365-services</li> </ul>"},{"location":"spfx/network/#ssl","title":"SSL","text":"<ul> <li>generating-wildcard-ssl-certs-for-development</li> </ul>"},{"location":"spfx/onedrive/","title":"OneDrive","text":""},{"location":"spfx/onedrive/#pre-provision","title":"Pre Provision","text":"<ul> <li>How to provision OneDrive for Microsoft 365 users</li> </ul>"},{"location":"spfx/onedrive/#sync","title":"Sync","text":"<ul> <li>How sync works</li> <li>How to disable sync in SharePoint and OneDrive</li> <li>Only sync what you need</li> <li>Check you're not syncing too many files</li> <li>Use PowerShell to get your OneDrive Sync status</li> <li>OneDrive sync error \u201cSorry, OneDrive can\u2019t add your folder right now\u201d</li> </ul>"},{"location":"spfx/onedrive/#support","title":"Support","text":"<ul> <li>OneDrive for Business troubleshooting</li> </ul>"},{"location":"spfx/patterns/","title":"Patterns","text":""},{"location":"spfx/patterns/#dependency-injection","title":"Dependency Injection","text":"<ul> <li>https://ypcode.wordpress.com/2018/07/30/elegant-di-in-spfx/</li> <li>https://github.com/ypcode/spfx-lab</li> </ul>"},{"location":"spfx/patterns/#slides","title":"Slides","text":"<ul> <li>https://www.slideshare.net/sharepointpnp</li> </ul>"},{"location":"spfx/planner/","title":"Planner","text":""},{"location":"spfx/planner/#planer-api","title":"Planer API","text":"<ul> <li>Create plans, buckets, and tasks in Planner</li> <li>Use the Planner REST API</li> </ul>"},{"location":"spfx/planner/#support","title":"Support","text":"<ul> <li>Microsoft Planner for admins</li> </ul>"},{"location":"spfx/planner/#creating-planner","title":"Creating Planner","text":"<ul> <li>Creating a Planner with Flow</li> <li>A Change Management Solution for Office 365 -Office 365 Message Center to Planner</li> <li>Github - O365 Message Center to Planner integration</li> <li></li> <li>Duplicate Microsoft Planner Plans</li> </ul>"},{"location":"spfx/planner/#powershell-module","title":"Powershell Module","text":"<ul> <li>Getting started with Microsoft Graph and PowerShell</li> <li>PowerShell and the Microsoft Graph API : Part 1, signing in</li> <li>PowerShell and the Microsoft Graph API : Part 2 \u2013 Starting to explore</li> <li>PowerShell formatting [not just] Part 3 of the Graph API series</li> <li>MsftGraph</li> <li>Unified PowerShell experience for Microsoft Graph</li> </ul>"},{"location":"spfx/planner/#reports","title":"Reports","text":"<ul> <li>Reporting Plans in a Microsoft 365 Tenant with the Planner Graph API</li> </ul>"},{"location":"spfx/planner/#blogs","title":"Blogs","text":"<ul> <li>MS Planner Blog</li> <li>HOW TO SORT PLANNER TASKS USING ORDER HINT AND MICROSOFT GRAPH</li> </ul>"},{"location":"spfx/planner/#video","title":"Video","text":"<ul> <li>Planner APIs in Microsoft Graph</li> </ul>"},{"location":"spfx/planner/#planner-architecture","title":"Planner Architecture","text":""},{"location":"spfx/planner/#tips","title":"Tips","text":"<ul> <li>Make Sure to Add Owners as Members When Creating New Teams</li> <li>Planner Does Multiplan</li> <li>Planner Supports Export to Excel</li> </ul>"},{"location":"spfx/planner/#tools-frameworks","title":"Tools / Frameworks","text":"<ul> <li>Apps4.Pro Planner Manager</li> <li>DHTMLX</li> <li>react-jsgantt</li> </ul>"},{"location":"spfx/provisioning/","title":"Provisioning","text":""},{"location":"spfx/provisioning/#reference","title":"Reference","text":"<ul> <li>Remote Provisioning Schema</li> <li>PnP Core Component Provisioning Engine Tokens</li> <li>Template Provisioning - Handlers</li> </ul>"},{"location":"spfx/provisioning/#pnp-provisining-template","title":"PnP-Provisining Template","text":"<ul> <li>Walkthrough of Site Provisioning process using PnP PowerShell</li> </ul>"},{"location":"spfx/provisioning/#custom-list-template","title":"Custom List Template","text":"<ul> <li>SharePoint Custom List Templates</li> <li>PnP PowerShell to manage list designs and create lists/libraries using list designs</li> </ul>"},{"location":"spfx/provisioning/#site-templateid","title":"Site TemplateId","text":"<ul> <li>SharePoint Online Site Template ID list for PowerShell</li> </ul>"},{"location":"spfx/provisioning/#fields","title":"Fields","text":"<ul> <li>How to: Provision Lookup Columns and Projected Fields using PnP PowerShell</li> <li>How to do column validation in SharePoint</li> <li>SharePoint Column Validation Examples</li> <li>Setting a SharePoint Image Column Value with PnP PowerShell</li> </ul>"},{"location":"spfx/provisioning/#app-bar","title":"App Bar","text":"<ul> <li>Introduction to the SharePoint app bar</li> <li>Best practices for using global navigation in the SharePoint app bar</li> </ul>"},{"location":"spfx/provisioning/#links","title":"Links","text":"<ul> <li>https://www.techmikael.com/2017/04/sharepoint-pnp-webcast-provisioning.html</li> <li>https://github.com/SharePoint/PnP-PowerShell/tree/master/Samples/Provisioning.SelfHostedWithAzureWebJob</li> <li>https://docs.microsoft.com/en-us/powershell/module/sharepoint-pnp/convert-pnpfoldertoprovisioningtemplate?view=sharepoint-ps</li> <li>https://www.techmikael.com/2017/04/creating-pnp-provisioning-file.html</li> <li>https://de.slideshare.net/sharePTkarm/how-to-automate-the-sharepoint-provisioning</li> <li>https://de.slideshare.net/DIWUG/spsnl17-be-more-effective-with-the-pnp-provisioning-engine-erwin-van-hunen</li> <li>Categories, organize and layout your Office 365 intranet with PnP Templates</li> </ul>"},{"location":"spfx/provisioning/#export-multiple-pages","title":"Export multiple pages","text":"<ul> <li>Create a modern SharePoint site template with multiple pages using PnP provisioning engine</li> <li>Exporting PnP Site Templates Including Modern Pages</li> </ul>"},{"location":"spfx/provisioning/#convert-pnp-files","title":"Convert PnP Files","text":"<ul> <li>https://github.com/Puzzlepart/prosjektportalen-program/tree/dev/.scripts</li> <li>https://docs.microsoft.com/en-us/powershell/module/sharepoint-pnp/convert-pnpfoldertoprovisioningtemplate?view=sharepoint-ps</li> </ul>"},{"location":"spfx/provisioning/#create-page-templates","title":"Create Page-Templates","text":"<ul> <li>Creating modern page templates</li> <li>Hide the template gallery from newly created sites in SharePoint</li> </ul>"},{"location":"spfx/provisioning/#flow-azure-function","title":"Flow / Azure Function","text":"<ul> <li>O365ModernProvisioning</li> <li>Provisioning an Office 365 group with an approval flow and Azure functions-part 1</li> <li>Provisioning an Office 365 group with an approval flow and Azure functions-part 2</li> <li>Provisioning an Office 365 group with an approval flow and Azure functions-part 3</li> <li>https://thomasdaly.net/2021/04/09/pnp-powershell-v4-provisioning-with-azure-functions-v3-and-power-automate/</li> </ul>"},{"location":"spfx/provisioning/#onedrive-for-business","title":"OneDrive for Business","text":"<ul> <li>How to provision OneDrive for Microsoft 365 users</li> <li>Create OneDrive for Business Site Collections using PowerShell</li> </ul>"},{"location":"spfx/provisioning/#tools","title":"Tools","text":"<ul> <li>provisionpoint.com</li> </ul>"},{"location":"spfx/provisioning/#logic-app-azure-queue","title":"Logic App &amp; Azure Queue","text":"<ul> <li>SharePoint event receiver to Azure storage queue</li> </ul>"},{"location":"spfx/provisioning/#find-empty-general-folder","title":"Find Empty General Folder","text":"<ul> <li>Error on first navigation to the files tab</li> </ul>"},{"location":"spfx/recipes/","title":"Recipes","text":""},{"location":"spfx/recipes/#timezones","title":"Timezones","text":"<ul> <li>MS Graph, Events, and Time Zones in SPFx</li> <li>Change the time zone of existing SharePoint site,</li> </ul>"},{"location":"spfx/rest/","title":"REST","text":""},{"location":"spfx/rest/#reference","title":"Reference","text":"<ul> <li>How the SharePoint REST service works</li> <li>Determine SharePoint REST service endpoint URIs</li> <li>Use OData query operations in SharePoint REST requests</li> <li>SharePoint &amp; Office 365 REST API Resources</li> <li>Using REST API For Selecting, Filtering, Sorting And Pagination in SharePoint List</li> </ul>"},{"location":"spfx/rest/#api-guidlines","title":"API Guidlines","text":"<ul> <li>Microsoft REST API Guidelines</li> </ul>"},{"location":"spfx/rest/#tools","title":"Tools","text":"<ul> <li>SharePoint REST API Metadata Explorer</li> <li>Powerful HTTP and GraphQL tool belt</li> <li>Explore SharePoint REST API with Chrome F12 cURL (bash) to Postman</li> <li>SharePoint Framework - Rest API Tester</li> </ul>"},{"location":"spfx/rest/#postman","title":"Postman","text":"<ul> <li>postman-and-office-365</li> <li>Using Postman with the Microsoft Graph</li> <li>Configure Postman to be easily used with any Azure AD protected API (SharePoint, Graph, custom etc.)</li> <li>Announcing Microsoft Graph Postman Collections</li> <li>Microsoft Graph Mailbag \u2013 Explore Microsoft Graph with Postman</li> <li>Advanced Testing with Postman - Bearer Token Authentication via scripting</li> </ul>"},{"location":"spfx/rest/#testing","title":"Testing","text":"<p>Testing in chrome console</p> <pre><code>fetch(`/sites/gridworks/_api/web/lists/getbytitle('SiteRequestsQueue')/items?$select=Id,Title,gwRequestSiteAlias&amp;$orderby=Id desc`, {\nheaders: {\nAccept: 'application/json;odata=verbose;'\n}\n}).then(res =&gt; res.json().then(json =&gt; {\njson.d.results.forEach(item =&gt; {\nconsole.log(`item: ${item.Title}`);\n});\n}));\n</code></pre>"},{"location":"spfx/search/","title":"Search","text":"<ul> <li>Overview of Microsoft Search</li> <li>Manage the search schema in SharePoint</li> <li>Sharepoint search Queries explained - Basics</li> </ul>"},{"location":"spfx/search/#tools","title":"Tools","text":"<ul> <li>MS Search Layout Designer</li> </ul>"},{"location":"spfx/search/#custom-search-result-page","title":"Custom Search Result Page","text":"<ul> <li>Create a custom search results page in SharePoint Online</li> </ul>"},{"location":"spfx/search/#pnp-modern-search","title":"PnP Modern Search","text":"<ul> <li>PnP Modern Search solution</li> <li>PnP Webcast - SharePoint Framework Modern Search Web Part</li> <li>How to Implement SharePoint Modern Search Refiners</li> <li>GalacticSummit Agnes Molnar - No Code Search Applications in SharePoint Online</li> <li>How to set up your first PnP Search Page</li> <li>PnP Modern Search Filters web part</li> <li>Using the PnP Modern Search Web Parts</li> <li>How to customize the handlebars template in PnP modern search web part?</li> <li>Image Search with PnP Modern Search v4</li> <li>How to connect two search results Web Parts together</li> <li>Using the PnP Modern Search Web Parts</li> <li>Customizing the PnP people search handlebar template in SharePoint online</li> </ul>"},{"location":"spfx/search/#microsoft-search","title":"Microsoft Search","text":"<ul> <li>Microsoft Search</li> <li>MICROSOFT SEARCH BOOKMARKS</li> </ul>"},{"location":"spfx/search/#search-tips","title":"Search Tips","text":"<ul> <li>what makes sharepoint column searchable</li> <li>How to improve your SharePoint search results</li> <li>How to search in SharePoint</li> <li>How to use Boolean Operators in SharePoint Search</li> <li>4 Levels of Search in SharePoint Online</li> <li>7 ways to search for content in SharePoint and Office 365</li> <li>SharePoint Knowledge Base: Search</li> </ul>"},{"location":"spfx/search/#managed-properties","title":"Managed Properties","text":"<ul> <li>Display Search Results in SharePoint Online</li> <li>Crawled Properties Not Created From Site Columns in Modern Team Sites</li> <li>Mapping or clearing crawled property</li> <li>SearchConfiguration</li> <li>How to create a Managed Property in SharePoint Online</li> <li>Hide content from delve but not from search</li> <li>Manage the search schema in SharePoint</li> <li>Managed Properties characteristics explained: Searchable vs. Queryable vs. Retrievable vs. Refinable</li> </ul>"},{"location":"spfx/search/#keyword-query-language-kql-syntax-reference","title":"Keyword Query Language (KQL) syntax reference","text":"<ul> <li>Keyword Query Language (KQL) syntax reference</li> <li>Keyword queries and search conditions for Content Search</li> <li>Customizing ranking models to improve relevance in SharePoint</li> <li>Create a Simple SharePoint 2013 Employee Directory on Office365</li> <li>Keyword Query Language (KQL) syntax reference</li> </ul>"},{"location":"spfx/search/#crawl-logs","title":"Crawl Logs","text":"<ul> <li>http://blogs.catapultsystems.com/eskaggs/archive/2015/05/20/microsoft-guidance-on-search-crawls-in-sharepoint-online/</li> <li>https://blogs.technet.microsoft.com/o365totd/2015/10/30/viewing-crawl-logs-in-sharepoint-online-office-365/</li> </ul>"},{"location":"spfx/search/#reindex","title":"Reindex","text":"<ul> <li>Scripts to trigger re-indexing of user profiles and content in SharePoint Online</li> <li>How to Trigger Full Reindex using PowerShell</li> </ul>"},{"location":"spfx/search/#content-source","title":"Content Source","text":""},{"location":"spfx/search/#onenote","title":"OneNote","text":"<ul> <li>https://blog.ioz.ch/onenote-notizbuecher-ueber-search-anzeigen/</li> <li>http://www.techmikael.com/2015/07/how-to-do-light-weight-search-center_21.html</li> <li>http://www.techmikael.com/2017/01/clarification-on-automatic-managed.html</li> </ul>"},{"location":"spfx/search/#documentid","title":"DocumentID","text":"<ul> <li>http://www.nubo.eu/en/blog/2017/02/Improve-Search-Experience-Documents-With-DocumentId/</li> </ul>"},{"location":"spfx/search/#ranking","title":"Ranking","text":"<ul> <li>https://github.com/wobba/SearchConfiguration</li> <li>https://msdn.microsoft.com/en-us/library/office/dn169052.aspx</li> <li>https://msdn.microsoft.com/library/dn169052.aspx</li> <li>http://mosshowto.blogspot.ch/2016/05/sharepoint2013-improve-search-relevance.html</li> <li>https://blog.mastykarz.nl/understanding-item-ranking-sharepoint-2013-search/</li> </ul>"},{"location":"spfx/search/#fileshare","title":"FileShare","text":"<ul> <li>https://social.technet.microsoft.com/wiki/contents/articles/2209.sharepoint-201020132016-best-practices-for-indexing-file-share-content.aspx</li> <li>https://blogs.msdn.microsoft.com/nicolasu/2013/07/24/sp2013-how-to-better-balance-your-distributed-file-system-dfs-crawl</li> <li>https://redmondmag.com/articles/2014/10/07/search-content-source-in-sharepoint.aspx</li> <li>https://technet.microsoft.com/en-us/library/dn535606.aspx#BKMK_UseContentSources</li> <li>http://www.bigdata-unleashed.com/20131205/crawling-von-fileshares-sharepoint-2013</li> <li>https://www.experts-exchange.com/questions/28918628/Unable-to-do-full-crawl-on-file-share-for-Sharepoint-2013-Content-Source.html</li> <li>http://kx.cloudingenium.com/microsoft/servers/sharepoint/sharepoint-2013/how-to-give-sharepoint-2013-crawler-sufficient-rightspermissions-to-crawl-file-shares</li> <li>https://social.technet.microsoft.com/Forums/office/en-US/a1eb205d-128a-46ff-967d-355dc13411d2/crawling-file-server-sharepoint-2013?forum=sharepointadmin</li> <li>https://social.technet.microsoft.com/Forums/sharepoint/en-US/942979d0-358a-4aac-9953-b2192decdfa4/creating-a-mapped-driveuser-folder-permission-problems?forum=winserverGP</li> <li>http://www.collabshow.com/2008/10/31/best-practices-for-enterprise-user-scalability-in-sharepoint</li> <li>https://profadmins.com/2014/04/07/sharepoint-doesnt-accept-the-universal-security-groups-for-granting-permissions</li> </ul>"},{"location":"spfx/search/#teamsites-groups","title":"Teamsites / Groups","text":"<ul> <li>Retrieving search results from private Groups in Office 365 via REST</li> </ul>"},{"location":"spfx/search/#search-hubsite","title":"Search HubSite","text":"<ul> <li>Search all Document under a hubsite</li> </ul>"},{"location":"spfx/search/#search-empty-terms-fields","title":"Search Empty Terms Fields","text":"<ul> <li>MONITORING FOR AN EMPTY MANAGED METADATA SHAREPOINT COLUMN</li> </ul>"},{"location":"spfx/search/#sharing-link","title":"Sharing Link","text":"<ul> <li>Sharing-Link</li> </ul> <pre><code>  # Managed Properties: SharedWithUsersOWSUSER, SharedWithDetails\n  {SearchTerms} contentclass:STS_ListItem_DocumentLibrary IsContainer&lt;&gt;true SharedWithUsersOWSUSER=0\n</code></pre>"},{"location":"spfx/search/#only-office-files","title":"Only Office Files","text":"<pre><code>{SearchTerms} ((FileExtension:mp4 OR FileExtension:doc OR FileExtension:docx OR FileExtension:xls OR FileExtension:xlsx OR FileExtension:ppt OR FileExtension:pptx OR FileExtension:pdf) AND (IsDocument:\"True\" OR contentclass:\"STS_ListItem\")) OR ContentType=\"Folder\"\n</code></pre>"},{"location":"spfx/search/#search-query-filter","title":"Search Query Filter","text":"<ul> <li>query variable trick in ms search</li> <li>filter on managed properties in search</li> </ul> <p>## News 2023</p> <ul> <li>Microsoft Search: Connecting You to Knowledge and Expertise</li> <li>How to configure Search Verticals on a SharePoint site</li> </ul>"},{"location":"spfx/search/#news-2021","title":"News 2021","text":"<ul> <li>We\u2019re making changes to search in SharePoint Online</li> </ul>"},{"location":"spfx/search/#news-2020","title":"News 2020","text":"<ul> <li>Make the most of Microsoft Search through Configuration and Administration</li> <li>What\u2019s new for Microsoft Search \u2013 Ignite 2020 Edition </li> <li>SharePoint Search REST API overview</li> <li>SharePoint Search REST API. GET and POST requests</li> </ul>"},{"location":"spfx/search/#search-all","title":"Search All","text":"<ul> <li>Tackling SharePoint's 5000 Item Limit with PowerShell and Search</li> </ul>"},{"location":"spfx/sitedesign/","title":"SiteDesign","text":""},{"location":"spfx/sitedesign/#best-practise","title":"Best practise","text":"<ul> <li>Best Practices on SharePoint Site Design</li> <li>SharePoint Modern Page Best Practices</li> <li>Site Designs for Good Information Architecture</li> <li>Site Design Deployment Made Easy</li> <li>How to create a Board of Directors Site in SharePoint Online</li> </ul>"},{"location":"spfx/sitedesign/#list-templates","title":"List templates","text":"<ul> <li>The broad world of templates when using Microsoft Lists</li> </ul>"},{"location":"spfx/sitedesign/#modern-site-provisioning","title":"Modern Site Provisioning","text":"<ul> <li>SPSBE18: New era of customizing site provisioning</li> <li>SPSBE2018-powershell</li> <li> <p>Sample mit Flow und Azure Function</p> </li> <li> <p>Provisioning complex Modern Sites with Azure Functions and Microsoft Flow \u2013 Part 1 \u2013 Architecture</p> </li> <li>Provisioning complex Modern Sites with Azure Functions and Flow \u2013 Part 2 \u2013 Create and Apply Template</li> <li>Provisioning complex Modern Sites with Azure Functions and Flow \u2013 Part 3 \u2013 Post Provisioning Site Configuration </li> <li>Building SharePoint Site Designs with Themes and Azure Functions</li> <li>Update site design to all of your sites</li> </ul>"},{"location":"spfx/sitedesign/#deploying","title":"Deploying","text":"<ul> <li>Deploying Application Customizers with a Site Design</li> </ul>"},{"location":"spfx/sitedesign/#flow-rest","title":"Flow / REST","text":"<ul> <li>Invoking a Site Design Task using REST</li> <li>Invoking unlimited actions with Site Design Tasks and Microsoft Flow</li> <li>Create Site Script and Site Template Using Power Automate in SharePoint</li> <li>How to Apply Site template (Site Design) via Power Automate</li> <li>SharePoint PnP Provisioning with Azure Logic Apps and Azure Automation</li> <li>Modern SharePoint site creation with site designs and REST</li> </ul>"},{"location":"spfx/sitedesign/#reports","title":"Reports","text":"<p>Success runs</p> <pre><code>Get-SPOSite -Limit All | ForEach-Object {  \n  $failedRuns = Get-SPOSiteDesignRun $_.Url | Get-SPOSiteDesignRunStatus | Where-Object {$_.OutcomeCode -ne \"Success\"};\n\n  if($failedRuns) {\n    Write-Output $_.Url\n    $failedRuns\n  }\n}\n</code></pre> <p>Failed runs</p> <pre><code>Get-SPOSite -Limit All | ForEach-Object {  \n  $failedRuns = Get-SPOSiteDesignRun $_.Url | Get-SPOSiteDesignRunStatus | Where-Object {$_.OutcomeCode -eq \"Faulure\"};\n\n  if($failedRuns) {\n    Write-Output $_.Url\n    $failedRuns\n  }\n}\n</code></pre>"},{"location":"spfx/sitedesign/#tips","title":"Tips","text":"<p>Know how many Site Designs and Site Scripts you have:</p> <pre><code>(Get-SPOSiteDesign | Measure).Count\n</code></pre> <pre><code>(Get-SPOSiteScript | Measure).Count\n</code></pre> <p>Delete a Site Design or a Site Script based on its unique identifier:</p> <pre><code>Remove-SPOSiteDesign -Identity $siteDesignId\n</code></pre> <pre><code>Remove-SPOSiteScript -Identity $siteScriptId\n\nDelete all Site Designs or Site Scripts at once:\n\n```Powershell\nGet-SPOSiteDesign | foreach { Remove-SPOSiteDesign -Identity $_.Id }\n</code></pre> <pre><code>Get-SPOSiteScript | foreach { Remove-SPOSiteScript -Identity $_.Id }\n</code></pre>"},{"location":"spfx/sitescripts/","title":"SiteScripts","text":"<ul> <li>SharePoint Site Scripts and Site Designs - April 2018 release</li> <li>THE ULTIMATE GUIDE TO SHAREPOINT SITE DESIGNS AND SITE SCRIPTS</li> <li>How To: Create Modern SharePoint site templates using Office 365 Site Designs</li> </ul>"},{"location":"spfx/sitescripts/#pnp-or-site-scripts","title":"PnP or site scripts","text":"<ul> <li>Using Site Designs or PnP templates for SharePoint site provisioning</li> </ul>"},{"location":"spfx/sitescripts/#reference","title":"Reference","text":"<ul> <li>Site design JSON schema</li> <li>Calling the PnP provisioning engine from a site script</li> </ul>"},{"location":"spfx/sitescripts/#tools","title":"Tools","text":"<ul> <li>Site Designs Studio 1.0</li> <li>Convert CAML List Schema to Site Scripts</li> <li>Sharepoint Site Designer</li> </ul>"},{"location":"spfx/sitescripts/#samples","title":"Samples","text":"<ul> <li>SharePoint Site Script samples</li> <li>Triggers Flow to run an Azure function containing PnP PowerShell</li> </ul>"},{"location":"spfx/sitescripts/#fields","title":"Fields","text":"<ul> <li>Taxonomie Field</li> </ul>"},{"location":"spfx/snippets/","title":"Code Snippets","text":""},{"location":"spfx/snippets/#tips-and-tricks","title":"Tips and Tricks","text":"<ul> <li>How to get Tenant &amp; User\u2019s AD ID</li> </ul>"},{"location":"spfx/snippets/#check-url","title":"Check URL","text":"<p>Use Microsoft Graph to evaluate SharePoint Urls</p>"},{"location":"spfx/snippets/#querystring","title":"QueryString","text":"<ul> <li>How to get a querystring value</li> </ul> <pre><code>import { UrlQueryParameterCollection } from '@microsoft/sp-core-library';\n\nif (queryParameters.getValue('id')) {\nid = parseInt(queryParameters.getValue('id'));\n}\n</code></pre>"},{"location":"spfx/snippets/#pnp-js-core","title":"PNP JS-Core","text":""},{"location":"spfx/snippets/#list-permission","title":"List Permission","text":"<pre><code>private _checkProductsPermissions(productsList){\nreturn pnp.sp.web.lists.getByTitle(productsList).getCurrentUserEffectivePermissions()\n.then(perms =&gt; {\nlet canEdit = pnp.sp.web.lists.getByTitle(productsList).hasPermissions(perms, PermissionKind.EditListItems);\nlet canView = pnp.sp.web.lists.getByTitle(productsList).hasPermissions(perms, PermissionKind.ViewListItems);\nif(canEdit){\nreturn 'Edit';\n} else if(canView){\nreturn 'View';\n} else {\nreturn 'None';\n}\n})\n.catch((err) =&gt; {\nconsole.log('error:', err);\nreturn 'None';\n});\n}\n</code></pre>"},{"location":"spfx/snippets/#admin-user","title":"Admin User","text":"<pre><code>// Ensure a user on site collection\nsp.web.ensureUser('john.doe@contoso.onmicrosoft.com').then(console.log);\n\n// Get site collection admins\nsp.web.siteUsers.filter(`IsSiteAdmin eq true`)\n.get().then(console.log);\n\n// Remove a user from site collection admins\nsp.web.siteUsers.getByLoginName('i:0#.f|membership|john.doe@contoso.onmicrosoft.com')\n.update({ IsSiteAdmin: false }).then(console.log);\n\n// Add a user to site collection admins\nsp.web.siteUsers.getByLoginName('i:0#.f|membership|john.doe@contoso.onmicrosoft.com')\n.update({ IsSiteAdmin: true }).then(console.log);\n</code></pre>"},{"location":"spfx/sp2016/","title":"SP2016","text":""},{"location":"spfx/sp2016/#lifecycle","title":"Lifecycle","text":"<ul> <li>Product lifecycle</li> </ul>"},{"location":"spfx/sp2016/#overview-facts","title":"Overview Facts","text":"<ul> <li>SharePoint-Framework (SPFx): Enterprise-Leitfaden</li> <li>\u00dcbersicht \u00fcber das SharePoint-Framework</li> <li>SharePoint Framework development with SharePoint 2016 Feature Pack 2</li> <li>All about SharePoint Framework For SharePoint Server 2016</li> <li>How to use SharePoint FrameWork for SharePoint 2016 on premise</li> <li>Yes, you can use Modern React on SharePoint 2016</li> </ul>"},{"location":"spfx/sp2016/#setup-development","title":"Setup Development","text":"<ul> <li>Set up your SharePoint Framework development environment</li> <li>Build your first SharePoint client-side web part (Hello World part 1)</li> <li>Connect your client-side web part to SharePoint (Hello World part 2)</li> <li>Deploy your client-side web part to a SharePoint page (Hello World part 3)</li> </ul>"},{"location":"spfx/sp2016/#developmentlocal-workbench","title":"Development(local workbench)","text":"<pre><code>gulp serve\n</code></pre> <pre><code>https://localhost:4321/temp/workbench.html\n</code></pre>"},{"location":"spfx/sp2016/#developmentonline-workbench","title":"Development(online workbench)","text":"<pre><code>gulp serve --nobrowser\n</code></pre> <pre><code>/_layouts/15/workbench.aspx\n</code></pre>"},{"location":"spfx/sp2016/#deployment","title":"Deployment","text":"<pre><code>gulp clean\n</code></pre> <pre><code>gulp build --ship\n</code></pre> <pre><code>gulp bundle --ship\n</code></pre> <pre><code>gulp package-solution --ship\n</code></pre>"},{"location":"spfx/sp2016/#troubleshooting","title":"Troubleshooting","text":"<ul> <li>SharePoint 2016, 2019 &amp; SharePoint Online: Which Version of the SharePoint Framework Should You Install?</li> <li>SPFx Development for SharePoint Server 2016</li> <li>TSLint, VS Cod</li> <li>Struggling with using SPFx on SharePoint 2016? Let me help!</li> </ul>"},{"location":"spfx/sp2016/#check-package-version","title":"Check Package Version","text":"<pre><code>node \u2013v\nnpm \u2013v\nyo --generators\ngulp \u2013v\ntsc \u2013v\ntsd --version\n</code></pre>"},{"location":"spfx/sp2016/#react","title":"React","text":"<ul> <li>sharepoint-application-pages-with-react-office-fabric-ui-interface</li> </ul>"},{"location":"spfx/sp2016/#ie-support","title":"IE Support","text":"<ul> <li>Polyfills</li> <li>Planning IE11 compatibility with SPFx components and PnPJS library</li> <li>Perform other types of HTTP requests with HttpClient and SPHttpClient in SPFx projects</li> </ul>"},{"location":"spfx/sp2019/","title":"SP2019","text":""},{"location":"spfx/sp2019/#setup-development","title":"Setup Development","text":"<ul> <li>Getting started with creating SharePoint Framework solutions for SharePoint 2019 YouTube video</li> <li>Community call where SharePoint 2019 developer platform is covered YouTube video</li> <li>Definitive guide for developers: SharePoint Framework for SharePoint Server SE</li> </ul>"},{"location":"spfx/sp2019/#new-features","title":"New Features","text":"<ul> <li>15 facts about SharePoint 2019 (German)</li> <li>New and improved features in SharePoint Server 2019</li> <li>Differences between SharePoint Server 2016 and 2019</li> </ul>"},{"location":"spfx/sp2019/#installation","title":"Installation","text":"<ul> <li>SharePointDSC Starter Template for SharePoint 2019</li> </ul>"},{"location":"spfx/sp2019/#upgrade","title":"Upgrade","text":"<ul> <li>High level overview to upgrade from SharePoint 2013 to SharePoint Server 2019</li> </ul>"},{"location":"spfx/sp2019/#webparts","title":"WebParts","text":"<ul> <li>Modern SPFx WebParts Comparison in SPOnline vs SP2019</li> </ul>"},{"location":"spfx/sp2019/#hybrid","title":"Hybrid","text":"<ul> <li>SharePoint Server hybrid configuration roadmaps</li> </ul>"},{"location":"spfx/sp2019/#configure-cloud-hybrid-search","title":"Configure cloud hybrid search","text":"<ul> <li>Configure cloud hybrid search - roadmap</li> <li>Cloud hybrid search service (Cloud SSA) FAQ</li> </ul>"},{"location":"spfx/sp2019/#applauncher","title":"AppLauncher","text":"<ul> <li>SharePoint Hybrid App Launcher Explained</li> </ul>"},{"location":"spfx/sp2019/#not-so-good","title":"Not so good","text":"<ul> <li>The TypeScript for SPFX is so out of date.... ( 2.4 ) really MS</li> </ul>"},{"location":"spfx/sp2019/#wsa-customer-experience-improvement-program","title":"WSA - Customer Experience Improvement Program","text":"<ul> <li>Disabling requests to WsaUpload.ashx (Customer Experience Improvement Program)</li> </ul>"},{"location":"spfx/sp2019/#content-script-webpart-typescript","title":"Content Script WebPart (TypeScript)","text":"<ul> <li>Using TypeScript with SharePoint Content/Script editor web parts</li> </ul>"},{"location":"spfx/sp2019/#custom-action","title":"Custom Action","text":"<ul> <li>SharePoint Sticky Footer for classic experience</li> <li>SharePoint.UI.StickyFooter</li> </ul>"},{"location":"spfx/sp2019/#certificates","title":"Certificates","text":"<p>-Renewing SharePoint Certificates on premise</p>"},{"location":"spfx/sp2019/#userprofile","title":"Userprofile","text":"<ul> <li>All about non-imported user profiles</li> <li>Check user profiles</li> </ul>"},{"location":"spfx/sp2019/#code-tips","title":"Code Tips","text":"<ul> <li>Build SharePoint Framework solutions for on-premises SharePoint with ANY version of React, TypeScript or Office UI Fabric React</li> </ul>"},{"location":"spfx/sp2019/#architecture-online-sql-onprem","title":"Architecture Online - SQL OnPrem","text":"<ul> <li>Connecting SharePoint Online to On-Premise Databases with SharePoint Framework (SPFx)</li> </ul>"},{"location":"spfx/spaces/","title":"Spaces","text":""},{"location":"spfx/spaces/#intro","title":"Intro","text":"<ul> <li>First look at SharePoint Spaces using 3D printer files</li> </ul>"},{"location":"spfx/spaces/#pnp-template","title":"PnP-Template","text":"<ul> <li>Create SharePoint Spaces templates using PnP PowerShell</li> </ul>"},{"location":"spfx/start/","title":"Dev Start","text":""},{"location":"spfx/start/#history-of-sharepoint","title":"History of SharePoint","text":"<ul> <li>The Service That SharePoint Built \u2013 a cumulative evolution story</li> </ul>"},{"location":"spfx/start/#development-starting","title":"Development starting","text":"<ul> <li>Set up your Office 365 tenant</li> <li>Set up your SharePoint Framework development environment</li> <li>SPFx developer guide \u2013 setup and solution structure overview</li> </ul>"},{"location":"spfx/starterkit/","title":"Starter Kid","text":""},{"location":"spfx/starterkit/#github","title":"GitHub","text":"<ul> <li>https://github.com/SharePoint/sp-starter-kit</li> </ul>"},{"location":"spfx/starterkit/#tipps","title":"Tipps","text":"<ul> <li>https://beaucameron.net/2018/05/22/pnp-sp-starter-kit-hints-and-tips</li> <li>https://robertschouten.com/2018/05/25/pnp-starter-kit-my-experiences</li> </ul>"},{"location":"spfx/starterkit/#performance","title":"Performance","text":"<ul> <li>https://robertschouten.com/2018/07/06/pnp-starter-kit-optimisation-considerations</li> </ul>"},{"location":"spfx/starterkit/#extension","title":"Extension","text":"<ul> <li>https://beaucameron.net/2018/07/19/customizing-the-pnp-starter-kit-for-office-365-part-1-portal-footer</li> <li>https://beaucameron.net/2018/09/03/customizing-the-sharepoint-starter-kit-for-office-365-part-3-collab-footer/</li> </ul>"},{"location":"spfx/starterkit/#webpart","title":"WebPart","text":"<ul> <li>https://robertschouten.com/2018/07/18/pnp-starter-kit-people-directory-search-issue</li> <li>https://robertschouten.com/2018/09/03/sharepoint-pnp-starter-kit-people-directory-contribution</li> </ul>"},{"location":"spfx/stream/","title":"Stream","text":""},{"location":"spfx/stream/#links","title":"Links","text":"<p>Stream (built on SharePoint), the new version of Microsoft Stream</p>"},{"location":"spfx/support/","title":"Support","text":""},{"location":"spfx/support/#top-limitations","title":"Top limitations","text":"<ul> <li>https://sharepointmaven.com/top-5-limitations-of-sharepoint-online/</li> <li>Top 10 limitations in Microsoft Teams</li> </ul>"},{"location":"spfx/support/#content-video","title":"Content &amp; Video","text":"<ul> <li>How to present your video and content side by side in a Microsoft Teams meeting</li> </ul>"},{"location":"spfx/support/#troubleshoot","title":"Troubleshoot","text":"<ul> <li>SharePoint Online troubleshooting</li> </ul>"},{"location":"spfx/support/#sharepoint-documentation","title":"SharePoint Documentation","text":"<ul> <li>SharePoint help center</li> <li>SharePoint Online admin</li> <li>SharePoint Online Troubleshooting</li> <li>Office troubleshooting for admins and IT professionals</li> <li>SharePoint Server</li> </ul>"},{"location":"spfx/support/#licence-changes","title":"Licence Changes","text":"<ul> <li>Power Platform licensing, November 2021 updates</li> <li>Microsoft 365 Licensing</li> <li>Understanding Power Platform Licensing</li> <li>Neue Lizenzierung von PowerApps</li> <li>PowerApps Licence Changes in terms that Matt Weston understands!</li> <li>PowerApps and Microsoft Flow licensing FAQs for October 2019</li> <li>Microsoft 365 Compliance Licensing Comparison</li> <li>Compare Microsoft 365 Enterprise Plans</li> </ul>"},{"location":"spfx/support/#partner-secure-application-model","title":"Partner Secure Application Model","text":"<ul> <li>Enabling the Secure Application Model framework</li> <li>Security requirements for using Partner Center or Partner Center APIs</li> <li>Connect to Exchange Online automated when MFA is enabled (Using the SecureApp Model)</li> </ul>"},{"location":"spfx/support/#sharepoint-spo","title":"SharePoint SPO","text":"<ul> <li>SharePoint Online Support Info</li> <li>Sharepoint 2019 Feature Ids</li> <li>Change a site address</li> <li>Set up a home site for your organization</li> <li>SharePoint Admin API Access</li> </ul>"},{"location":"spfx/support/#storage-limits","title":"Storage Limits","text":"<ul> <li>Manage site storage limits</li> </ul>"},{"location":"spfx/support/#admin-o365","title":"Admin O365","text":"<ul> <li>TechNet Gallery - Office365</li> <li>http://aka.ms/Office-Developer (alle wichtigen Office DEV Links)</li> <li>http://aka.ms/Office-TechGuide </li> <li>https://support.office.com/?ui=de-DE&amp;rs=de-CH&amp;ad=CH&amp;fromAR=1</li> <li>https://technet.microsoft.com/de-ch/</li> <li>https://products.office.com/de-CH/</li> <li>Admin-Help-O365</li> <li>https://support.office.com/en-us/</li> <li>free-ebooks-microsoft</li> <li>Click-2-Run</li> <li>URLs-und-IP-Adressbereiche-von-Office-365</li> <li>sharepoint-licensing-overview</li> <li>free-microsoft-training-resources</li> </ul>"},{"location":"spfx/support/#azure-error-codes","title":"Azure Error Codes","text":"<ul> <li>All AADSTS Errors</li> <li>Search AADSTS Nummer</li> <li>Resolving error AADSTS90056</li> <li>Breaking: Changes to app authentication on SharePoint! </li> </ul>"},{"location":"spfx/support/#spo","title":"SPO","text":"<ul> <li>Navigation options for SharePoint Online</li> </ul>"},{"location":"spfx/support/#guest-users","title":"Guest Users","text":"<ul> <li>Ultimate Admin Guide to Microsoft Teams Guest Users</li> <li>SHAREPOINT ONLINE GUEST USER TROUBLES AND HOW TO GET PAST THEM</li> </ul>"},{"location":"spfx/support/#external-access","title":"External Access","text":"<ul> <li>Troubleshooting external access to SharePoint sites</li> <li>SPFx Webpart \u2013 External User Access</li> </ul>"},{"location":"spfx/support/#diagnostics","title":"Diagnostics","text":"<ul> <li>use-the-page-diagnostics-tool-for-sharepoint-online</li> </ul>"},{"location":"spfx/support/#performance","title":"Performance","text":"<ul> <li>Creating and launching a healthy SharePoint portal</li> <li>Best practices for optimizing performance of SharePoint sites and portals in Microsoft 365</li> </ul>"},{"location":"spfx/support/#webparts","title":"WebParts","text":"<p>Maintenance mode</p> <ul> <li>open-and-use-the-web-part-maintenance-page</li> <li>How to open SharePoint pages in maintenance mode</li> <li>Query String URL Tricks for SharePoint and Microsoft 365</li> <li>Generate Modern List Filter URL: Managed Metadata</li> </ul> <pre><code>?maintenancemode=true\n</code></pre> <ul> <li>Disable SPFx web parts and extensions</li> </ul> <pre><code>?disable3PCode=1\n</code></pre> <p>DisableTelemetry</p> <ul> <li>Disabling Telemetry network traffic on SPFx workbench</li> </ul> <pre><code>?disableTelemetry=true\n</code></pre> <p>Debug localization</p> <pre><code>?forceLocale=fr-fr\n</code></pre> <p>Search vertical layout refresh</p> <ul> <li>View the vertical in the search result page</li> </ul> <pre><code>?cacheClear=true\n</code></pre> <p>Hide the navigation</p> <ul> <li>Hide the navigation and the header in modern SharePoint pages</li> </ul> <pre><code>?env=Embedded is the new ?isDlg=1 \n</code></pre> <pre><code>?env=WebViewList\n</code></pre> <ul> <li>SPFX webpart serving old files versions in Chrome</li> </ul> <pre><code>?Embed=true&amp;sw=bypass\n```html\n\nFilter URL\n\n- [Generate Modern List Filter URL: Managed Metadata](https://piyushksingh.com/2019/05/24/generate-modern-list-filter-url-managed-metadata/)\n- [How to filter a SharePoint list or library using URL parameters](https://natechamberlain.com/2020/05/09/how-to-filter-a-sharepoint-list-or-library-using-url-parameters/)\n\n\nNews Links\n\n- [Edit news links](https://emilymancini.com/2020/01/16/editing-a-news-link-in-sharepoint-online/)\n\nto clear (debug) configs\n\n```html\n?stay=true\n</code></pre> <p>Error Handling</p> <ul> <li>simulating 429 throttling</li> <li>Simulating 429 Throttling in Microsoft Graph API (SharePoint/OneDrive workloads)</li> </ul> <pre><code>?test429=true\n</code></pre>"},{"location":"spfx/support/#lists","title":"Lists","text":"<ul> <li>Switch to classic mode</li> <li>Organize-documents-and-sites-in-office-365</li> <li>Manage-large-lists-and-libraries-in-SharePoint</li> <li>Optimising Large List Updates with PnP Batch: Handling Throttling and Enhancing Efficiency</li> </ul>"},{"location":"spfx/support/#recyclebin","title":"RecycleBin","text":"<ul> <li>Bulk delete recycle bin items from a site in batch</li> </ul>"},{"location":"spfx/support/#create-documentation","title":"Create Documentation","text":"<ul> <li>article/ways-to-work-with-sharepoint</li> <li>Doctor - Creating SharePoint Documentation</li> </ul>"},{"location":"spfx/support/#login-error","title":"Login Error","text":"<ul> <li>How to log in to Microsoft\u2019s websites (MSDN forums, Azure Portal, SharePoint Online) when you get a 'Bad Request' error?</li> <li>Inconvenient Microsoft Teams Authentication Error \u2013 Clear all Cookies</li> <li>SPFx App webpart is blocked in various browsers</li> <li>Authenticating to Api\u2019s and Third Party Cookies</li> </ul> <pre><code>edge://settings/siteData?search=cookie\n</code></pre>"},{"location":"spfx/support/#throttling","title":"Throttling","text":"<ul> <li>Avoid throttling in SharePoint Online by using RateLimit headers in API calls</li> <li>Using RateLimit headers to optimize the throttling behavior</li> </ul>"},{"location":"spfx/support/#graph-api-errors-429","title":"Graph API Errors 429","text":"<ul> <li>Simulating throttling in SharePoint</li> <li>How to use the Microsoft Graph SDK Chaos Handler to Simulate Graph API Errors</li> <li>Microsoft Graph Developer Proxy</li> </ul>"},{"location":"spfx/support/#tips","title":"Tips","text":"<ul> <li>The scientific methodology for troubleshooting SharePoint</li> <li>Open in Explorer or View with File Explorer in SharePoint</li> </ul>"},{"location":"spfx/support/#invalid-file-names-and-types","title":"Invalid File Names and Types","text":"<ul> <li>Invalid file names and file types in OneDrive, OneDrive for Business, and SharePoint</li> <li>File naming restrictions in SharePoint</li> <li>SharePoint Naming Guidelines</li> <li>File types supported for previewing files in OneDrive, SharePoint, and Teams</li> </ul>"},{"location":"spfx/support/#no-scripts-embedding-scripts","title":"No-Scripts / embedding-scripts","text":"<ul> <li>Don't allow embedding scripts on modern sites</li> <li>Advice on using unsupported customisations (and more) in a SharePoint Online environment</li> </ul>"},{"location":"spfx/support/#followed-sites","title":"Followed Sites","text":"<ul> <li>Social Following Sites on behalf of a user</li> </ul>"},{"location":"spfx/support/#o365-network-planning","title":"O365 Network planning","text":"<ul> <li>Network planning and performance tuning for Office 365</li> <li>Office 365 URLs and IP address ranges</li> </ul>"},{"location":"spfx/support/#clean-o365","title":"Clean O365","text":"<ul> <li>POWERSHELL SCRIPTS FOR KEEPING YOUR DEVELOPMENT ENVIRONMENT TIDY AND SPOTLESS</li> </ul>"},{"location":"spfx/support/#classic-features","title":"Classic Features","text":"<ul> <li>Classic Administration Links</li> </ul>"},{"location":"spfx/support/#webdav","title":"WebDAV","text":"<ul> <li>Troubleshooting Explorer view and mapped drives to SharePoint</li> <li>DrDAV - A PowerShell-based diagnostic script for Windows WebClient service.</li> <li>Zee Drive for Office 365</li> </ul>"},{"location":"spfx/support/#makros-vba","title":"Makros /VBA","text":"<ul> <li>[Readiness Toolkit to assess application compatibility for Mic</li> </ul>"},{"location":"spfx/support/#sway","title":"Sway","text":"<ul> <li>Your community for best practices and the latest news on Sway</li> </ul>"},{"location":"spfx/teams-adoption/","title":"Teams Adoption","text":""},{"location":"spfx/teams-adoption/#learning","title":"Learning","text":"<ul> <li>EDX: Microsoft Service Adoption Specialist</li> <li>Get started driving adoption of Microsoft Teams</li> <li>Tools and workshops: Plan, deliver, and adopt Microsoft Teams</li> </ul>"},{"location":"spfx/teams-adoption/#blog","title":"Blog","text":"<ul> <li>DrivingAdoption</li> </ul>"},{"location":"spfx/teams-adoption/#material","title":"Material","text":"<ul> <li>Teamworktools</li> <li>Adoption Guide Book</li> <li>Adopt Microsoft Teams</li> <li>SharePoint and Office 365: Securely sharing, managing, governing, and protecting content at Microsoft</li> <li>Understand teams and channels in Microsoft Teams</li> </ul>"},{"location":"spfx/teams/","title":"Teams","text":"<ul> <li>An Everyday Guide to Office 365 Groups</li> <li>Microsoft Teams Platform Architecture Overview with Teams Founder, Bill Bliss</li> <li>Microsoft Teams developer documentation</li> </ul>"},{"location":"spfx/teams/#start-developing","title":"Start Developing","text":"<ul> <li>Prepare your Microsoft 365 tenant</li> <li>Get Started with the Getting Started Sample App</li> <li>App-Camp</li> <li>Enabling Dev Tools in the New Microsoft Teams Client</li> </ul>"},{"location":"spfx/teams/#support","title":"Support","text":"<ul> <li>Keyboard shortcuts for Microsoft Teams</li> <li>Microsoft Teams: How to clean cache</li> <li>A guide to troubleshooting Teams</li> </ul>"},{"location":"spfx/teams/#overview","title":"Overview","text":"<ul> <li>All-in-One Collaboration</li> <li>Teams and SharePoint: Better Together</li> <li>Everything You Need to Know About Microsoft Teams</li> <li>Inner Loop &amp; Outer Loop</li> </ul>"},{"location":"spfx/teams/#planing","title":"Planing","text":"<ul> <li>Modern Governance f\u00fcr SharePoint Team Sites sind zu beachten</li> <li>Microsoft Teams planning guide</li> <li>Core components of Teams</li> <li>Limits and specifications for Microsoft Teams</li> <li>Difference in permission between an owner and a member</li> <li>Overview of Teams and SharePoint integration</li> </ul>"},{"location":"spfx/teams/#training-video","title":"Training video","text":"<ul> <li>Microsoft Teams video training</li> <li>Governance, management and lifecycle in Microsoft Teams</li> </ul>"},{"location":"spfx/teams/#developing","title":"Developing","text":"<ul> <li>Start building apps for Teams</li> <li>Build apps for Microsoft Teams</li> <li>Overview and Concepts - Part 1</li> <li>Do you need ngrok to develop Microsoft Teams apps?</li> </ul> <ul> <li>Features and Components analysis - Part 2</li> </ul>"},{"location":"spfx/teams/#coding","title":"Coding","text":"<ul> <li>A Yeoman Generator for Microsoft Teams</li> <li>Get started with Teams templates</li> <li>App Templates for Microsoft Teams</li> </ul>"},{"location":"spfx/teams/#azure-app-configuration","title":"Azure App Configuration","text":"<ul> <li>Configure Teams Applications with Azure App Configuration (nodeJS)</li> <li>teams-ext-action-azure-config</li> <li>General Microsoft 365 Developer SIG community call \u2013 8th of July, 2021 </li> </ul>"},{"location":"spfx/teams/#personal-app-properties","title":"Personal App Properties","text":"<ul> <li>Store Microsoft Teams SPFx Personal App Properties</li> </ul>"},{"location":"spfx/teams/#deployment","title":"Deployment","text":"<ul> <li>How to deploy a Yo Teams generated project to Azure through Azure DevOps</li> <li>Team development for Microsoft Teams apps</li> </ul>"},{"location":"spfx/teams/#teams-toolkit-visual-studio-code","title":"Teams Toolkit Visual Studio Code","text":"<ul> <li>Teams Toolkit Visual Studio Code v5 Guide</li> <li>Bring your existing projects to Teams Toolkit for Visual Studio Code</li> </ul>"},{"location":"spfx/teams/#message-extensions","title":"Message Extensions","text":"<ul> <li>Where to start developing your messaging extension using Microsoft Teams Toolkit</li> </ul>"},{"location":"spfx/teams/#personal-apps","title":"Personal Apps","text":"<ul> <li>Personal apps</li> <li>Building Microsoft Teams tab using SharePoint Framework - Tutorial</li> <li>Create Microsoft Teams manifest manually for a web part and deploy it to Microsoft Teams</li> </ul>"},{"location":"spfx/teams/#administration","title":"Administration","text":"<ul> <li>Overview of Teams</li> <li>Which Office 365 Service to Use</li> <li>Selecting users for your Microsoft Teams pilot phase</li> <li>Top 10 Office 365 Best Practices Every Admin Should Know</li> <li>Getting Started with Microsoft Teams Administration</li> </ul>"},{"location":"spfx/teams/#teams-adviser","title":"Teams Adviser","text":"<ul> <li>Overview Microsoft Teams Advisor</li> </ul>"},{"location":"spfx/teams/#microsoft-teams-versus-sharepoint-teams","title":"Microsoft Teams versus Sharepoint Teams","text":"<ul> <li>http://blog.intlock.com/microsoft-teams-vs-sharepoint-teams-enhance-collaboration-work</li> <li>https://www.avepoint.com/blog/microsoft-teams/office-365-groups-vs-teams/</li> <li>http://blog.pixelmill.com/3580/microsoft-teams-sharepoint-destined-lifelong-partners/</li> </ul>"},{"location":"spfx/teams/#private-channels","title":"Private Channels","text":"<ul> <li>Top 5 things to know about private channels in Microsoft Teams</li> </ul>"},{"location":"spfx/teams/#deep-links","title":"Deep Links","text":"<ul> <li>Deep linking into a custom teams application</li> </ul>"},{"location":"spfx/teams/#tipps","title":"Tipps","text":"<ul> <li>https://collab365.community/microsoft-teams-hacks</li> <li>Office 365 Groups Naming Policy</li> <li>Get Office 365 Groups with Teams via PowerShell and the Microsoft Graph</li> <li>https://laurakokkarinen.com/useful-things-to-do-with-graph-api-teams-operations</li> <li>PowerShell scripts for managing Office 365 Groups and Microsoft Teams</li> </ul>"},{"location":"spfx/teams/#querys-reports","title":"Querys / Reports","text":"<ul> <li>How to find inactive Microsoft Teams you no longer need</li> <li>Get all Teams Groups</li> <li>Get Office 365 Groups with Teams via PowerShell and the Microsoft Graph</li> </ul> <pre><code>https://graph.microsoft.com/beta/groups?$filter=resourceProvisioningOptions/Any(x:x eq 'Team')\n</code></pre>"},{"location":"spfx/teams/#blogs","title":"Blogs","text":"<ul> <li>http://drewmadelung.com</li> </ul>"},{"location":"spfx/teams/#governance-with-teams","title":"Governance with teams","text":"<ul> <li>Automate governance in Microsoft Teams: Context and Goals</li> <li>Automate governance in Microsoft Teams: The Result</li> <li>Automate governance in Microsoft Teams: Implementation, v1</li> <li>Automate governance in Microsoft Teams: Implementation, v2</li> </ul>"},{"location":"spfx/teams/#governance-tools","title":"Governance Tools","text":"<ul> <li>Easylife365</li> </ul>"},{"location":"spfx/teams/#securing-teams","title":"Securing Teams","text":"<ul> <li>Securing Microsoft Teams</li> </ul>"},{"location":"spfx/teams/#devops","title":"DevOps","text":"<ul> <li>Create Azure DevOps pipelines for a Microsoft Teams app built with SPFx</li> </ul>"},{"location":"spfx/teams/#provisioning-with-template","title":"Provisioning with Template","text":"<ul> <li>Create Teams with template</li> <li>Provisioning Teams with Azure Functions and Microsoft Flow Part 1: Solution Overview</li> <li>Microsoft Teams \u2013 Automation of Teams Creation</li> <li>Provision Microsoft Teams with Azure Automation \u2013 Part I</li> <li>Episode #73 - Provisioning Teams with the PnP Provisioning Engine</li> <li>Episode #99 - Updates about Provisioning Teams with PnP Provisioning Engine</li> <li>Episode #120 - Microsoft Teams Templates</li> <li>Provisioning teams in Microsoft Teams using the PnP Provisioning Engine</li> <li>PiaSys/Conferences-Samples/Teams-Provisioning</li> <li>Manage Team Templates with PowerShell</li> </ul>"},{"location":"spfx/teams/#renaming-teams","title":"Renaming Teams","text":"<ul> <li>Renaming Teams and Channels Can Be Messy</li> <li>Renaming a Microsoft Team and the associated SharePoint site</li> </ul>"},{"location":"spfx/teams/#teams-for-education","title":"Teams for Education","text":"<ul> <li>Teams for Education, Fundamentals</li> </ul>"},{"location":"spfx/teams/#presenting-in-teams","title":"Presenting in Teams","text":"<ul> <li>The right way to present a PowerPoint file during a Microsoft Teams meeting</li> </ul>"},{"location":"spfx/teams/#dataverse","title":"Dataverse","text":"<ul> <li>Overview of Microsoft Dataverse for Teams</li> <li>Reshape the future of work with Microsoft Dataverse for Teams</li> <li>A Closer Look at Data Platform Capabilities in Project Oakdale</li> <li>Manage Microsoft Dataverse for Teams environments</li> <li>Power Platform in a Modern Data Platform Architecture</li> <li>Dataverse REST Builder</li> </ul>"},{"location":"spfx/teams/#pro-contra-sharepointdataverse","title":"Pro / Contra SharePoint/Dataverse","text":"<p>Making Good Technology Decisions: Data Storage 8 top reasons to use Dataverse or SharePoint lists in the Power Platform Key considerations and differences between Lists, Dataverse for Teams, and Dataverse</p>"},{"location":"spfx/testing/","title":"Testing","text":""},{"location":"spfx/testing/#typescript-testing","title":"TypeScript Testing","text":"<ul> <li>Introduction to Test-Driven Development (TDD) with Classic TDD Example</li> <li>How to Setup a TypeScript + Node.js Project</li> <li>Simple TypeScript Starter | 2020</li> <li>Introduction to Test-Driven Development (TDD) with TypeScript | 2021</li> </ul>"},{"location":"spfx/testing/#toolchain-setup","title":"Toolchain Setup","text":"<ul> <li>automated code reviews ts-project 1</li> <li>automated code reviews ts-project 2</li> </ul>"},{"location":"spfx/testing/#playwright","title":"Playwright","text":"<ul> <li>playwright</li> </ul>"},{"location":"spfx/testing/#react-testing-library","title":"React Testing Library","text":"<ul> <li>React Testing Library</li> <li>Testing In React Tutorial - Jest and React Testing Library</li> </ul>"},{"location":"spfx/testing/#jest","title":"Jest","text":"<ul> <li>SharePoint Framework unit-tests with Jest</li> <li>Writing unit tests for your SharePoint Framework components</li> <li>Unit Test your SharePoint Framework solution with Jest</li> <li>Demo: Simplify SPFx test configuration with Jest Presets</li> <li>jest-preset-spfx-react16</li> <li>SPFx Deep Dive Webinar Series: Unit Test SPFx Solutions using Jest and Enzyme</li> <li>Community Demo - Simplify SPFx test configuration with Jest Presets</li> <li>Test-Driven Development with React, Jest, and Enzyme - Part 1</li> <li>PiaSys: Episode #33 - Testing SharePoint Framework Solutions with Jest and Enzyme</li> <li>PiaSys: spfx-testing-v-1-9-1</li> <li>Extend SPFx solution testability: Let\u2019s start</li> <li>Extend SPFx solution testability: TDD in Data Access Layer</li> <li>Extend SPFx solution testability: TDD in View Layer</li> <li>Extend SPFx solution testability: TDD in View Layer part 2</li> <li>Extend SPFx solution testability: dealing with legacy code and async components</li> <li>Mock teams library in SPFx project</li> <li>Publish Code Coverage Results in Azure DevOps Pipeline for React</li> <li>Mocking 3rd party libraries with jest for SPFx developers</li> <li>spfx-wp-react-app</li> <li>State of SPFx unit testing in 2023</li> </ul>"},{"location":"spfx/testing/#testing-hooks","title":"Testing Hooks","text":"<ul> <li>react-hooks-testing-library</li> <li>spfx-ut-library - Mocking library for SPFx</li> </ul>"},{"location":"spfx/testing/#samples","title":"Samples","text":"<ul> <li>SharePoint Framework Unit-Tests Sample with Jest</li> <li>PFx-Jest-Enzyme-Sinon unit testing starter kit</li> <li>React Inversion Of Control Web Part with Unit Tests using Jest and Enzyme</li> <li>message-bar</li> <li>Table Of Contents for SharePoint</li> <li>unit-test-samples</li> <li>mgwdev-spfx-utfx</li> <li>SharePoint Framework Unit Tests - Part 1</li> <li>Getting started with unit testing SPFx</li> </ul>"},{"location":"spfx/testing/#tdd","title":"TDD","text":"<ul> <li>Introduction to Test driven development(TDD) of SharePoint Framework solution using Jest &amp; Enzyme</li> </ul>"},{"location":"spfx/testing/#generate-test-data","title":"Generate test data","text":"<ul> <li>Mockaroo</li> <li>Generatedata</li> <li>Public APIs</li> </ul>"},{"location":"spfx/testing/#frontend-testing-witd-playwright","title":"Frontend Testing witd Playwright","text":"<ul> <li>Getting started with Playwright component testing</li> <li>Test Your Site In Every Browser</li> </ul>"},{"location":"spfx/theme/","title":"Theme","text":"<ul> <li>How to create a multicolored theme fora modern sharepoint online site</li> <li>BRK3090 - Customizing Modern SharePoint Sites: Branding, Site Scripts and Site Designs</li> <li>https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-themes</li> <li>http://tricky-sharepoint.blogspot.ch/2017/04/using-sharepoint-themes-colors-in-spfx.html</li> <li>http://sass-lang.com/guideaspx</li> <li>How to: Use PowerShell to customize the theme of a SharePoint Modern Site</li> <li>How to make your web parts responsive to the parent container</li> <li>Brand modern SharePoint Online sites</li> <li>two approaches to applying modern theme</li> <li>SPFX integration for theme support</li> <li>Creating a Section Aware webpart in SPFx</li> <li>Adding support for theme variants in SPFx web parts</li> </ul>"},{"location":"spfx/theme/#get-theme","title":"Get Theme","text":"<pre><code>$t = Get-PnPTenantTheme -Name \"Contoso Team Theme\"\n$t.Palette | ConvertTo-Json | Clip\n</code></pre>"},{"location":"spfx/theme/#section-backgrounds","title":"Section Backgrounds","text":"<ul> <li>Supporting section backgrounds</li> <li>Develop SPFx web parts for different section designs using CSS</li> <li>Using Custom Color for Section Backgrounds and Page Headers</li> <li>Adding support for theme variants in SPFx web parts</li> </ul>"},{"location":"spfx/theme/#office-fabric-tips","title":"Office Fabric Tips","text":"<ul> <li>How to handle table component of Office UI Fabric</li> <li>Office UI Fabric Table Example</li> <li>sp-modern-classes</li> </ul>"},{"location":"spfx/theme/#responsive-tips","title":"Responsive Tips","text":"<ul> <li>How to test responsiveness and user experience for SPFx web parts properly</li> <li>Simulate Mobile Devices with Device Mode in Chrome DevTools</li> </ul>"},{"location":"spfx/theme/#css-learning","title":"CSS Learning","text":"<ul> <li>Learn CSS</li> </ul>"},{"location":"spfx/theme/#css-tips","title":"CSS Tips","text":"<ul> <li>CodyHouse is a library of HTML, CSS, JS nuggets</li> <li>A Complete Guide to Grid</li> <li>CSS Grid\u200a\u2014\u200aResponsive layouts and components</li> <li>MDN: Use CSS to solve common problems </li> <li>Part 1: Style Options &amp; How to Import</li> <li>Part 2: Dynamic Bundling of Styles</li> <li>Guidance for CSS in SharePoint Framework</li> </ul>"},{"location":"spfx/theme/#css-grid","title":"CSS Grid","text":"<ul> <li>A Complete Guide to CSS Grid</li> <li>Grid - Einf\u00fchung in 4 Schritten</li> <li>CSS Grid \u2013 Einf\u00fchrung in Gestaltungsraster mit dem Grid Layout Module</li> <li>Grid by Examples</li> </ul>"},{"location":"spfx/theme/#flexbox","title":"Flexbox","text":"<ul> <li>An Interactive Guide to Flexbox</li> <li>A Complete Guide to Flexbox</li> <li>Interactive Flex Generator</li> </ul>"},{"location":"spfx/theme/#css-box-model","title":"CSS Box Model","text":"<ul> <li>CSS Box Model</li> </ul>"},{"location":"spfx/theme/#css-specification","title":"CSS Specification","text":"<ul> <li>Specificity Calculator</li> <li>Specificity</li> </ul>"},{"location":"spfx/theme/#tools","title":"Tools","text":"<ul> <li>SPFxThemeWiz</li> <li>codepen.io</li> <li>caniuse.com</li> <li>CSS Validation Service</li> <li>mozilla addon - web-developer</li> <li>open-ui.org</li> <li>shadcn/ui - Build your component library</li> </ul>"},{"location":"spfx/theme/#testing","title":"Testing","text":"<ul> <li>Panthema web part</li> <li>How to test SPFx web part theming</li> </ul>"},{"location":"spfx/theme/#debug","title":"Debug","text":""},{"location":"spfx/theme/#output-theme-variables","title":"Output theme variables","text":"<ul> <li>Source Code</li> </ul> <pre><code>var palette = window.__themeState__.theme;\nvar containerElement = document.createElement(\"div\");\ncontainerElement.style.padding = \"1em\";\ncontainerElement.style.fontFamily = \"sans-serif\";\ncontainerElement.style.columnCount = \"3\";\ndocument.body.appendChild(containerElement);\nvar arr = Object.keys(palette).map(k =&gt; {\nvar colorElement =document.createElement(\"div\");\ncolorElement.style.marginTop = \"1ex\";\nvar nameElement =document.createElement(\"span\");\nnameElement.style.display = \"inline-block\";\nnameElement.style.minWidth= \"150px\";\nnameElement.innerHTML = k\ncolorElement.appendChild(nameElement );\nvar squareElement = document.createElement(\"span\");\nsquareElement.style.display= \"inline-block\";\nsquareElement.style.border= \"solid 1px #888\";\nsquareElement.style.width = \"12px\";\nsquareElement.style.height = \"12px\";\nsquareElement.style.margin = \"0 2px 0 1ex\";\nsquareElement.style.backgroundColor = window.__themeState__.theme[k];\ncolorElement.appendChild(squareElement);\nvar hexElement =document.createElement(\"span\");\nhexElement.innerHTML = window.__themeState__.theme[k];\ncolorElement.appendChild(hexElement);\ncontainerElement.appendChild(colorElement);\n});\n</code></pre> <pre><code>window.spModuleLoader._bundledComponents[\"b6917cb1-93a0-4b97-a84d-7cf49975d4ec\"].PageManager._instance.pageContext.legacyPageContext\n</code></pre>"},{"location":"spfx/toolchain/","title":"Toolchain","text":"<ul> <li>cmd.ms</li> </ul>"},{"location":"spfx/toolchain/#overview","title":"Overview","text":"<ul> <li>SharePoint Framework toolchain</li> <li>SharePoint Framework development tools and libraries</li> </ul>"},{"location":"spfx/toolchain/#from-classic-to-modern","title":"From classic to modern","text":"<ul> <li>Conquer your dev toolchain in 'Classic' SharePoint \u2013 Part 1</li> <li>Conquer your dev toolchain in 'Classic' SharePoint \u2013 Part 2</li> <li>Conquer your dev toolchain in 'Classic' SharePoint \u2013 Part 3</li> <li>Conquer your dev toolchain in 'Classic' SharePoint \u2013 Part 4</li> </ul>"},{"location":"spfx/toolchain/#webpack","title":"Webpack","text":"<ul> <li>webpack-basics-part-1</li> <li>getting-up-to-speed-with-webpack</li> <li>(Update the Webpack Config</li> </ul>"},{"location":"spfx/toolchain/#prepare","title":"Prepare","text":"<ul> <li>Preparing development machine for client-side SharePoint projects</li> </ul>"},{"location":"spfx/toolchain/#commands","title":"Commands","text":"<ul> <li>SPFx Commands Cheat Sheet</li> </ul>"},{"location":"spfx/toolchain/#gulp","title":"Gulp","text":"<ul> <li>Getting up to speed with Gulp</li> <li>Gulp: Basics</li> <li>SPFx Automatically Generating Revision Numbers</li> <li>SPFx Automatically Generating Revision Numbers + Versioning</li> <li>One command to create a clean solution package</li> </ul>"},{"location":"spfx/toolchain/#gulp-dist","title":"gulp dist","text":"<ul> <li>One command to create a clean solution package</li> </ul> <p>install npm package</p> <pre><code>npm install gulp-sequence --save-dev\n</code></pre> <p>add to gulpfile.js</p> <pre><code>if (process.argv.indexOf('dist') !== -1){\nprocess.argv.push('--ship');\n}\n\nconst gulpSequence = require('gulp-sequence');\n\ngulp.task('dist', gulpSequence('clean', 'bundle', 'package-solution'));\n</code></pre>"},{"location":"spfx/toolchain/#deployment","title":"Deployment","text":"<ul> <li>https://github.com/estruyf/UploadToOffice365SPFx/blob/master/gulpfile.js</li> <li>https://github.com/estruyf/gulp-spsync-creds</li> <li>https://n8d.at/blog/how-to-version-new-sharepoint-framework-projects/?platform=hootsuite</li> </ul>"},{"location":"spfx/toolchain/#npm","title":"NPM","text":""},{"location":"spfx/toolchain/#package-lockjson","title":"package-lock.json","text":"<ul> <li>https://medium.com/coinmonks/everything-you-wanted-to-know-about-package-lock-json-b81911aa8ab8</li> </ul>"},{"location":"spfx/toolchain/#optimization-packages","title":"Optimization packages","text":"<ul> <li>https://docs.microsoft.com/en-us/sharepoint/dev/spfx/toolchain/optimize-builds-for-production</li> <li>https://docs.microsoft.com/en-us/sharepoint/dev/spfx/toolchain/optimize-builds-for-production</li> <li>https://rencore.com/sharepoint-framework/script-check/</li> <li>https://www.techmikael.com/2018/08/an-adventure-into-optimizing-sharepoint.html</li> </ul>"},{"location":"spfx/toolchain/#update-packages","title":"Update packages","text":"<ul> <li>https://gist.github.com/iki/ec32bfdeeb23930efd15</li> </ul> <pre><code># check\nnpm outdated -g\n\n# install\nnpm -g i npm-check\n\n# interactive update of global packages\nnpm-check -u -g\n\n# interactive update for a project you are working on\nnpm-check -u\n\n# unistall package\nnpm uninstall -g &lt;module&gt;\n</code></pre>"},{"location":"spfx/toolchain/#check-package-version","title":"Check package version","text":"<ul> <li>https://github.com/dylang/npm-check</li> </ul> <p>List global npm  packages versions</p> <pre><code>npm list -g --depth 0\n</code></pre> <p>List detail global npm  package versions from one package</p> <pre><code>npm view @microsoft/generator-sharepoint\n</code></pre>"},{"location":"spfx/toolchain/#pnpm","title":"PNPM","text":"<ul> <li>NPM, Yarn and PNPM: Which Package Manager Should You Use for SharePoint Framework Projects?</li> <li>pnpm - Package Manager</li> <li>Using pnpm in SPFx projects</li> </ul>"},{"location":"spfx/toolchain/#packagejson","title":"Package.json","text":"<ul> <li>https://docs.npmjs.com/files/package.json</li> </ul>"},{"location":"spfx/toolchain/#security","title":"Security","text":"<ul> <li>have-you-ever-thought-about-checking-your-dependency-for-vulnerabilities</li> <li>5 ways to manage and monitor your digital workplace</li> </ul>"},{"location":"spfx/toolchain/#installation","title":"Installation","text":"<ul> <li>getting-up-to-speed-with-node-js-and-npm</li> </ul>"},{"location":"spfx/toolchain/#update-spfx-version","title":"Update SPFx version","text":"<ul> <li>go into solution folder</li> <li>search f\u00fcr \"@micorosoft/sp-\"</li> <li>update all package (latest or version)</li> </ul> <pre><code>npm outdated\n</code></pre> <pre><code>npm install package-name@latest --save\n</code></pre> <pre><code>npm install package-name@version --save\n</code></pre> <pre><code>gulp clean\n</code></pre> <pre><code>gulp build\n</code></pre>"},{"location":"spfx/toolchain/#test","title":"Test","text":"<pre><code>gulp serve --nobrowser\n</code></pre>"},{"location":"spfx/toolchain/#tips","title":"Tips","text":"<ul> <li>https://pdemro.com/improve-sharepoint-framework-build-times-by-hacking-gulp-and-webpack</li> <li>https://github.com/pdemro/spfx-gulpfile-hack</li> </ul>"},{"location":"spfx/toolchain/#deployment_1","title":"Deployment","text":"<pre><code>npm i\ngulp clean\ngulp build\ngulp --ship\ngulp package-solution --ship\n</code></pre>"},{"location":"spfx/toolchain/#dependencies","title":"Dependencies","text":"<ul> <li>https://docs.npmjs.com/cli/install</li> </ul> <pre><code>npm install saves any specified packages into dependencies by default. Additionally, you can control where and how they get saved with some additional flags:\n\n-P, --save-prod: Package will appear in your dependencies. This is the default unless -D or -O are present.\n\n-D, --save-dev: Package will appear in your devDependencies.\n\n-O, --save-optional: Package will appear in your optionalDependencies.\n</code></pre>"},{"location":"spfx/toolchain/#version-manger-nvm-npx","title":"Version Manger (nvm, npx)","text":"<ul> <li>How to install Node.js on Windows</li> <li>Node Version Manager (nvm) for Windows</li> <li>Use SPFx and NVM in an easy way with PowerShell</li> <li>How to use specific NodeJS version with your SPFx project</li> <li>Better Node.js Install Management with Node Version Manager</li> <li>Use Node Version Manager to develop your SPFx apps </li> </ul> <pre><code>// check version\nnode --version\n\n// list installed versions of node (via nvm)\nnvm ls\n\n// To list available remote versions on Windows 10 you can type\nnvm list available\n\n// install a specific version of node\nnvm install 10.22.1\nnvm install 8.17.0\n\nnvm list\n\n// switch version of node\nnvm use 10.22.1\n\n# for spfx deployment\n\nnpm i -g gulp\nnpm i -g yo\nnpm i -g @microsoft/generator-sharepoint\ngulp trust-dev-cert\n\n# for spfx advanced\nnpm i -g @pnp/office365-cli\nnpm i -g spfx-fast-serve\nnpm i -g @pnp/generator-spfx\nnpm i -g npm-check\n</code></pre>"},{"location":"spfx/toolchain/#eslint","title":"ESLint","text":"<ul> <li>ESLint in SPFx Projects</li> </ul>"},{"location":"spfx/typescript/","title":"Typescript","text":""},{"location":"spfx/typescript/#reference","title":"Reference","text":"<ul> <li>TypeScript Cheatsheet</li> <li>Learn X in Y minutes</li> <li>TypeScript Handbook</li> <li>Why TypeScript</li> <li>pluralsight typescript course</li> <li>https://github.com/Microsoft/TypeScript/wiki</li> <li>https://github.com/basarat/typescript-book</li> <li>https://basarat.gitbooks.io/typescript/content/docs/getting-started.html</li> <li>https://www.gitbook.com/book/basarat/typescript/details</li> <li>https://codewich.com/</li> <li>https://github.com/lakshaydulani/typescript-summary</li> <li>https://github.com/netdur/typescript-design-patterns</li> <li>clean-code-typescript</li> </ul>"},{"location":"spfx/typescript/#typescript-version-for-spfx","title":"Typescript Version for SPFx","text":"<ul> <li>Use Different Versions of TypeScript in SPFx projects</li> </ul>"},{"location":"spfx/typescript/#tutorial","title":"Tutorial","text":"<ul> <li>http://dotnetdetail.com/learn-typescript-from-basic/</li> <li>http://dotnetdetail.com/learn-typescript-step-by-step-with-suitable-example/</li> </ul>"},{"location":"spfx/typescript/#library","title":"Library","text":"<ul> <li>https://github.com/alexjoverm/typescript-library-starter</li> </ul>"},{"location":"spfx/typescript/#typings","title":"Typings","text":"<ul> <li>https://github.com/cashfarm/autotypes</li> </ul>"},{"location":"spfx/typescript/#code-snippets","title":"Code Snippets","text":""},{"location":"spfx/typescript/#isemptystring","title":"isEmptyString","text":"<pre><code>/**\n    * Check if the value is null, undefined or empty\n    *\n    * @param value\n    */\nprivate _isEmptyString(value: string): boolean {\nreturn value === null || typeof value === \"undefined\" || !value.length;\n}\n</code></pre>"},{"location":"spfx/typescript/#_isnull","title":"_isNull","text":"<pre><code>/**\n    * Check if the value is null or undefined\n    *\n    * @param value\n    */\nprivate _isNull(value: any): boolean {\nreturn value === null || typeof value === \"undefined\";\n}\n</code></pre>"},{"location":"spfx/upgrade/","title":"Upgrade","text":""},{"location":"spfx/upgrade/#office-365-cli","title":"Office 365 CLI","text":"<ul> <li>https://blog.mastykarz.nl/upgrade-sharepoint-framework-project-office-365-cli/</li> <li>https://tahoeninjas.blog/2018/06/12/upgrade-your-spfx-solution-to-sharepoint-framework-package-v1-5/</li> </ul>"},{"location":"spfx/upgrade/#update-framework","title":"Update Framework","text":"<ul> <li>http://www.sharepointnutsandbolts.com/2018/05/Update-SPFx-version.html</li> <li>https://docs.microsoft.com/en-us/sharepoint/dev/spfx/toolchain/update-latest-packages</li> <li> <p>http://sharepoint.handsontek.net/2017/12/11/asset-packaging-and-the-goodies-from-sharepoint-framework-1-4</p> </li> <li> <p>https://joelfmrodrigues.wordpress.com/2018/03/02/sharepoint-framework-checklist/</p> </li> <li>https://www.sharepointnutsandbolts.com/2018/05/Update-SPFx-version.html</li> <li>Commands to upgrade an SPFx project to version 1.6</li> </ul> <p>go into solution folder</p> <pre><code>npm outdated\n</code></pre> <p>search f\u00fcr \"@micorosoft/sp-\" update all</p> <p><pre><code>npm install package-name@version --save\n</code></pre> or</p> <pre><code>npm install package-name@latest --save\n</code></pre> <pre><code>gulp clean\ngulp build\n</code></pre>"},{"location":"spfx/upgrade/#support-issues","title":"Support Issues","text":""},{"location":"spfx/upgrade/#azure-permission","title":"Azure Permission","text":"<ul> <li>http://spblog.net/post/2018/09/19/You-might-experience-errors-when-first-trying-new-SPFx-16-features</li> <li>https://github.com/SharePoint/sp-dev-docs/issues/2473#issuecomment-419111117</li> </ul> <p><code>bs - Go to the \"API Management\"-section in the SharePoint Preview Admin Center (https://TENANT-admin.sharepoint.com/_layouts/15/online/AdminHome.aspx#/webApiPermissionManagement)   - Ensure that no permissions are there anymore    - Head over to the App Registrations Page in the Azure Portal.   - Click \"View all applications\"   - Click \"SharePoint Online Client Extensibility Web Application Principal\"   - Choose \"Settings\" &gt; \"Required Permissions\"   - Click \"Add\"     - \"Select an API\" and choose \"Windows Azure Active Directory\", press \"Select\"     - \"Select Permissions\" and choose \"Sign in and read user profile\", press \"Select\"   - Click \"Done\"   - Click \"Grant permissions\" and \"Yes\"   - Update the app package in the app catalog   - Head back to the \"API Managment\"-section:     - Ensure that \"Windows Azure Active Directory\" is already listed in the approved permissions (this permission should be here because of the previously executed steps).     - Approve all permission requests one by one. Once this is done, reload the page to ensure that all permissions are actually approved as the SharePoint UI doesn't always behave as expected.   - Wait a couple of minutes   - Log out of SharePoint, close all browser windows and log in again   - Access your intranet and everything should be fine</code></p>"},{"location":"spfx/userprofile/","title":"User Profile","text":"<ul> <li>Looking at Things in Profile</li> </ul>"},{"location":"spfx/userprofile/#sync-user-picture","title":"Sync User Picture","text":"<ul> <li>Information about profile picture synchronization in Microsoft 365</li> <li>SharePoint Online UserProfiles and the story about synchronizing with Azure Active Directory-Part 1</li> <li>SharePoint Online UserProfiles and the story about synchronizing with Azure Active Directory-Part 2</li> <li>How the UserProfile in Azure Active Directory and how a Mailbox in Exchange Online looks like</li> <li>How user profile picture synchronization works in Microsoft 365</li> <li>How to Control Updates for User Photos in Microsoft 365 Apps</li> <li>Change your own profile picture as a Guest in Microsoft Teams</li> <li>Profilbilder synchronisieren in Microsoft 365</li> </ul>"},{"location":"spfx/userprofile/#get-user-picture","title":"Get User Picture","text":"<ul> <li>How to get SharePoint profile picture</li> </ul>"},{"location":"spfx/userprofile/#edit-user-profiles","title":"Edit User Profiles","text":"<ul> <li>Edit-User-Properties</li> </ul>"},{"location":"spfx/ux/","title":"UX","text":""},{"location":"spfx/ux/#style-guide","title":"Style Guide","text":"<ul> <li>Simple Style Guide Generator for SharePoint and Office 365 Development</li> </ul>"},{"location":"spfx/ux/#design-rules","title":"Design Rules","text":"<ul> <li>Laws aof UX</li> <li>RefactoringUI</li> </ul>"},{"location":"spfx/ux/#ux-tools","title":"UX Tools","text":"<ul> <li>SP Axure Library Downloads</li> <li>CSS Grid Generator</li> <li>CSS shadows Generator</li> <li>neumorphism</li> <li>Open-Source UI elements made with HTML and CSS</li> </ul>"},{"location":"spfx/ux/#page-layout","title":"Page layout","text":"<ul> <li>Design Review: Page layout and typography of communication sites</li> </ul>"},{"location":"spfx/versions/","title":"SPFx Versions","text":"<ul> <li>Overview SPFx Versions</li> <li>SPFx Compatibility Matrix</li> <li>SPFx development tools and libraries compatibility</li> <li>SPFx project doctor</li> </ul> <pre><code>m365 spfx project doctor --output md &gt; \"doctor-report.md\"\n</code></pre>"},{"location":"spfx/versions/#check-versions","title":"Check versions","text":"<ul> <li>What version of Node can I use for SharePoint Framework?</li> <li>SharePoint 2016, 2019 &amp; SharePoint Online: Which Version of the SharePoint Framework Should You Install?</li> <li>What SharePoint Framework version can I use?</li> <li>How to check SharePoint Framework version</li> </ul>"},{"location":"spfx/versions/#v18","title":"v1.8","text":"<ul> <li>What's in the latest Update of SPFx 1.8.0?</li> <li>Release notes for SharePoint Framework 1.8</li> <li>Using the full potential of React in SharePoint Framework 1.8.0</li> <li>SPFx 1.8 now supports Office Fabric React 6.156.0</li> <li>SharePoint Framework 1.8 Has Been Released!</li> <li>Common Issues in SPFx 1.8.0 with TypeScript 3.3</li> </ul>"},{"location":"spfx/versions/#office-fabric-version","title":"Office Fabric Version","text":"<ul> <li>Use Office UI Fabric React components in your SharePoint client-side web part</li> </ul>"},{"location":"spfx/versions/#fluent-ui","title":"Fluent UI","text":"<ul> <li>Fluent UI (Controls Web)</li> </ul>"},{"location":"spfx/versions/#azure-communication-service-ui-library","title":"Azure Communication Service UI Library","text":"<ul> <li>Azure Communication Services UI Library - UI Components</li> </ul>"},{"location":"spfx/webhooks/","title":"Webhooks","text":""},{"location":"spfx/webhooks/#reference","title":"Reference","text":"<ul> <li>introduction-to-sharepoint-webhook</li> </ul>"},{"location":"spfx/webhooks/#video","title":"Video","text":"<ul> <li>PnP Webcast - Introduction to SharePoint Webhooks -SharePoint Online Webhooks with Azure Functions</li> </ul>"},{"location":"spfx/webhooks/#sample","title":"Sample","text":"<ul> <li>WebHooks.List.AzureAD</li> <li>WebHooks.List</li> </ul>"},{"location":"spfx/webhooks/#guide","title":"Guide","text":"<ul> <li>SharePoint web hooks Azure AD reference implementation - Deployment guide</li> <li>Using Azure Functions with SharePoint webhooks</li> </ul>"},{"location":"spfx/webparts/","title":"Webparts","text":""},{"location":"spfx/webparts/#find-weparts","title":"Find WeParts","text":"<ul> <li>Find out where SPFx Web Parts are being used in Modern SharePoint sites</li> <li>Locatepages where particular webpart</li> <li>Upgrading the PnP Modern Search Web Parts from v3 to v4 - UpgradeWebParts</li> </ul>"},{"location":"spfx/webparts/#design","title":"Design","text":"<ul> <li>SharePointWireframes</li> <li>Designing a SharePoint web part</li> <li>SharePoint Framework Design Series: Property Panes \u2014 Part I</li> <li>SharePoint Framework Design Series: Property Panes \u2014 Part II</li> <li>SharePoint Framework Design Series: Property Panes \u2014 Part III</li> <li>SharePoint Framework Design Series: Web Part Titles and Descriptions</li> <li>harePoint Framework Design Series: Layout Patterns \u2014 Part I</li> </ul>"},{"location":"spfx/webparts/#localization","title":"Localization","text":"<ul> <li>Localize SharePoint Framework client-side web parts</li> <li>Implementing localization file checks to prevent issues in SharePoint Framework solutions</li> <li>Simplify localization in SharePoint Framework projects</li> <li>Using the SFPx library component for simplifing the localization experience</li> </ul>"},{"location":"spfx/webparts/#version","title":"Version","text":"<ul> <li>Display the solution version in your web part</li> </ul>"},{"location":"spfx/webparts/#properties","title":"Properties","text":"<ul> <li>spfx-web-part-properties-dynamic-dropdown</li> <li>simplify-adding-web-parts-with-preconfigured-entries</li> <li>Web part properties in the SharePoint Framework \u2013 part 1</li> <li>Web part properties in the SharePoint Framework \u2013 part 2</li> <li>Creating a property pane for editing items in your SPFx web parts</li> <li>Understanding manifest.js file in spx project</li> <li>Understanding spfx Solution Structure</li> <li>Restrict Permissions on Editing SharePoint SPFx Property Pane Configurations</li> <li>SharePoint Framework Web Part and Property Pane Lifecycles</li> <li>Integrate PnP SPFx React controls inside the Property Pane collection data control</li> <li>an SPFX Tour sample WebPart</li> </ul>"},{"location":"spfx/webparts/#edit-mode","title":"Edit Mode","text":"<ul> <li>Trigger the edit page experience from your SharePoint Framework solution</li> <li>Check the page display mode from within your SharePoint Framework extensions</li> </ul>"},{"location":"spfx/webparts/#sppagecontextinfo","title":"spPageContextInfo","text":"<ul> <li>Access _spPageContextInfo details in SharePoint Framework</li> </ul> <p>In the F12 Developer Console, you can call</p> <pre><code>window.spModuleLoader._bundledComponents[\"b6917cb1-93a0-4b97-a84d-7cf49975d4ec\"].PageManager._instance.pageContext.legacyPageContext\n</code></pre>"},{"location":"spfx/webparts/#dynamic-default-properties","title":"Dynamic default properties","text":"<ul> <li>Dynamic default properties in SPFx web parts</li> </ul>"},{"location":"spfx/webparts/#group-webpart","title":"Group WebPart","text":"<ul> <li>SharePoint Online Group Calendar Web Part Tutorial</li> </ul>"},{"location":"spfx/webparts/#news-webpart","title":"News WebPart","text":"<ul> <li>EXPIRING NEWS ACROSS MODERN SHAREPOINT</li> <li>Injecting HTML content with PnP PowerShell</li> </ul>"},{"location":"spfx/webparts/#highlighted-content-web-part-hcwp","title":"Highlighted Content Web Part (HCWP)","text":"<ul> <li>Highlighted Content WebPart</li> <li>Use the Highlighted content web part</li> </ul>"},{"location":"spfx/webparts/#document-library-webpart","title":"Document Library WebPart","text":"<ul> <li>Can the document library web part look like Stream?</li> </ul>"},{"location":"spfx/webparts/#help-tutorial-webpart","title":"Help / Tutorial WebPart","text":"<ul> <li>Add in-place scripted tutorials in your SPFx components</li> </ul>"},{"location":"spfx/webparts/#samples","title":"Samples","text":"<ul> <li>SharePoint Framework Client-Side Web Part Samples</li> <li>https://github.com/wobba/spfx4fun/tree/master/react-pageheaderconfigurator</li> <li>https://github.com/wobba/sp-dev-fx-webparts/tree/modernscripted/samples/react-script-editor</li> <li>http://www.sharepointnutsandbolts.com/2017/03/provisioning-modern-pages-and-spfx-web-parts.html</li> <li>https://msdn.microsoft.com/en-us/pnp_articles/modern-experience-customizations-customize-pages#using-the-pnp-support-for-modern-pages-and-client-side-web-parts</li> <li>https://github.com/OlivierCC/spfx-40-fantastics</li> <li>https://www.codeproject.com/Articles/1235629/Sharepoint-Framework-SPFx-Large-List-Webpart-using</li> <li>https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples</li> <li>https://gist.github.com/vman/1941ce6c61cebca1bfe3e490ce63185e#file-msgraphnospfx-js</li> <li>https://veenstra.me.uk/2017/07/18/office-365-spfx-samples-a-complete-overview/</li> <li>https://veenstra.me.uk/2017/08/01/office-365-sharepoint-spfx-web-parts-that-are-not-part-of-the-spfx-samples/</li> <li>https://blog.velingeorgiev.com/how-add-spfx-webpart-full-width-column</li> <li>https://blog.velingeorgiev.com/sharepoint-framework-slide-swiper</li> <li>https://techcommunity.microsoft.com/t5/SharePoint-Blog/MVP-Blog-Build-Targeted-Training-on-Office-365-Adoption-Center/ba-p/170840</li> <li>http://www.carlosmontilla.com/single-post/2017/12/05/Create-an-Enterprise-Search-Web-Part-for-Modern-Pages</li> <li>https://github.com/hugoabernier/react-calendar-feed</li> <li>https://github.com/aflyen/spfx-webpart-sitesifollow</li> <li>https://github.com/aflyen/spfx-extension-fullpagecanvas</li> <li>Office UI Fabric Persona with Skype for Business status integration</li> <li>Facebook Feed webpart with custom UI</li> <li>Web Part built using React showing documents trending in the current site</li> <li>Employee Directory with SPFX ReactJS Using SharePoint Search Rest Api \u2013 Modern Webpart</li> <li>Puzzlepart presents the modern flexible Divider web part</li> <li>Vimeo webpart</li> <li>Filtered Documents webpart</li> <li>Birthday SPFx, Web Part</li> <li>Celebrate work anniversaries on your SharePoint Intranet</li> <li>Add Google Charts into SharePoint Framework Web Part</li> <li>Display Google Fit Information | Getting Started With Google Fitness REST API</li> <li>How to let users fill out new documents based on a template in Office client directly from SharePoint | Office URI Schemes</li> <li>Google search web part</li> <li>Promoted Links Web Part</li> <li>List Pivot Table \u2013 WebPart</li> <li>React Flow Diagram Web Parts</li> <li>Fabric UI React GroupedLists inside Pivot Tabs</li> <li>React Tree Organization Web Part</li> <li>react-display-hierarchy</li> <li>react-cs-images-suggestion: a SPFX sample webpart using Azure Cognitive Services</li> <li>Share data between SPFx webpart</li> <li>Office 365 Usage Reports using Microsoft Graph API</li> <li>Group People Web Part | gitlab.lsonline.fr</li> <li>How To Create/ Generate QRcode In SPFx Web Part</li> <li>Create a simple a \u2013 z in page</li> <li>spfx-react-covid-19 - chart</li> <li>spfx-jquery-owlcarousel</li> <li>sudharsank - samples</li> </ul>"},{"location":"spfx/webparts/#project-webparts","title":"Project WebParts","text":"<ul> <li>Modern Project Site Example</li> <li>VerticalTimeline</li> <li>react-google-charts - timeline</li> <li>JavaScript Calendar React</li> </ul>"},{"location":"spfx/webparts/#isolated-webparts","title":"Isolated WebParts","text":"<ul> <li>Isolated web parts</li> <li>SPFx isolated web parts with AadHttpClient</li> </ul>"},{"location":"spfx/webparts/#filtering-webparts","title":"Filtering WebParts","text":"<ul> <li>SPFx - Image Gallery with filtering</li> <li>Microsoft Search and the integrated image search in M365</li> </ul>"},{"location":"spfx/webparts/#send-mail","title":"Send Mail","text":"<ul> <li>SPFx - Send Emails &amp; Attachments With Graph API</li> <li>How to Send an Email Using a Graph API in SharePoint Framework (SPFx)</li> <li>How To Attach A File While Sending Email Using Graph API In SharePoint Framework (SPFx)</li> </ul>"},{"location":"spfx/webparts/#external-lib","title":"External Lib","text":"<ul> <li>How to add external libraries and assets in SharePoint client-side web part</li> <li>React Templates using SPFx Library Component</li> <li>How to consume a third-party SPFx library</li> </ul>"},{"location":"spfx/webparts/#config-variables","title":"Config Variables","text":"<ul> <li>Using .env files in SharePoint Framework development</li> </ul>"},{"location":"spfx/webparts/#create-pdf","title":"Create PDF","text":"<ul> <li>Generate PDF Document In Spfx</li> </ul>"},{"location":"spfx/webparts/#caml-query","title":"CAML Query","text":"<ul> <li>Query schema</li> <li>CamlJs</li> <li>Camlex.NET.dll</li> <li>CAML Query</li> </ul>"},{"location":"spfx/webparts/#terms-sets","title":"Terms Sets","text":"<ul> <li>Display hierarchical Term Sets to your Web Part</li> <li>Get all child terms from term group in SharePoint Taxonomy using PnP JS</li> <li>How to filter list items by Managed Metadata Fields or Taxonomy Columns</li> </ul>"},{"location":"spfx/webparts/#reusable-react-control","title":"Reusable React control","text":"<ul> <li>SPFx reusable React control field-picker-list-data</li> </ul>"},{"location":"spfx/webparts/#share-data-in-webpart","title":"Share Data in WebPart","text":"<ul> <li>Share data between SPFx webpart</li> </ul>"},{"location":"spfx/webparts/#dynamic-load-webpart","title":"Dynamic Load WebPart","text":"<ul> <li>https://github.com/wobba/spfx4fun/blob/master/DynamicLoad</li> </ul>"},{"location":"spfx/webparts/#samplesexercises","title":"Samples/Exercises","text":"<ul> <li>https://github.com/ktskumar/spfxguidesamples</li> <li>https://www.c-sharpcorner.com/article/amazing-guide-to-sharepoint-framework-development-with-react/</li> <li>https://github.com/agzertuche/SPFx-Exercises</li> </ul>"},{"location":"spfx/webparts/#overview-modern-webparts","title":"Overview Modern WebParts","text":"<ul> <li>http://aurorabits.com/modern-sharepoint-web-parts/</li> <li>http://aurorabits.com/modern-sharepoint-web-parts-2/</li> </ul>"},{"location":"spfx/webparts/#available-webparts","title":"Available WebParts","text":"<ul> <li>https://tracyvanderschyff.com/2018/07/23/overview-of-sharepoint-online-web-parts/</li> <li>Available web parts</li> </ul>"},{"location":"spfx/webparts/#modern-pages","title":"Modern Pages","text":"<ul> <li>http://www.sharepointnutsandbolts.com/2017/03/provisioning-modern-pages-and-spfx-web-parts.html</li> </ul>"},{"location":"spfx/webparts/#css-tips","title":"CSS Tips","text":"<ul> <li>Alternative to innerHTML in SharePoint Framework web parts</li> <li>Add SPFx Web Part to a Full Width Column</li> </ul>"},{"location":"spfx/webparts/#rest-call","title":"Rest Call","text":"<ul> <li>async rest calls with promises httpclient jquery</li> <li>Get list of frequent sites in SharePoint</li> <li>Get list of recent documents in SharePoint</li> </ul>"},{"location":"spfx/webparts/#cors","title":"CORS","text":"<ul> <li>Getting around CORS issues in SPFx with SPHttpClient</li> </ul>"},{"location":"spfx/webparts/#products","title":"Products","text":"<ul> <li>http://bindtuning.com/webparts</li> </ul>"},{"location":"spfx/webparts/#package-bundling","title":"Package bundling","text":"<ul> <li>Video Dynamic SPFx Package Bundling</li> </ul>"},{"location":"spfx/webparts/#web-accessibility-a11y","title":"Web accessibility (a11y)","text":"<ul> <li>Web accessibility (also referred to as a11y) in React components</li> </ul>"},{"location":"spfx/webparts/#redirecting","title":"Redirecting","text":"<ul> <li>SPFx Anchor Tags</li> <li>Navigating to other pages in SharePoint Framework from code</li> <li>sp-starter-kit: redirect</li> </ul>"},{"location":"spfx/webparts/#dialog","title":"Dialog","text":"<ul> <li>Modal Dialog, show classic SharePoint forms</li> </ul>"},{"location":"spfx/webparts/#wiki-pages","title":"Wiki Pages","text":"<ul> <li>Create a TOC for your SharePoint Wiki pages</li> </ul>"},{"location":"spfx/webparts/#replacing-the-out-of-the-box-web-part","title":"Replacing the out of the box web part","text":"<ul> <li>Replacing the out of the box divider web part with this one</li> </ul> <pre><code>Connect-PnPOnline https://tenantname-admin.sharepoint.com\n$ctx = Get-PnPContext\n$tenant = New-Object -TypeName \"Microsoft.Online.SharePoint.TenantAdministration.Tenant\" -ArgumentList $ctx\n# Get existing list of blocked web parts\n$ids = @($tenant.DisabledWebPartIds)\n# Add the id for the out of the box Divider web part\n$ids += [Guid]'2161a1c6-db61-4731-b97c-3cdb303f7cbb'\n$ids = $ids | Where-Object {$_}\n$tenant.DisabledWebPartIds = $ids\n$tenant.Update()\nInvoke-PnPQuery\n</code></pre>"},{"location":"spfx/webparts/#office-add-in","title":"Office Add-in","text":"<ul> <li>Register an Office Add-in that uses single sign-on (SSO) with the Microsoft identity platform</li> <li>Enable single sign-on (SSO) in an Office Add-in</li> </ul>"},{"location":"tools/blazor/","title":"Blazor","text":""},{"location":"tools/blazor/#overview","title":"Overview","text":"<ul> <li>Awesome Blazor</li> <li>Blazor University</li> <li>aspnet-core-blazor</li> <li>Blazor Web Assembly and Microsoft Graph with Azure Functions</li> </ul>"},{"location":"tools/blazor/#teams-apps","title":"Teams Apps","text":"<ul> <li>Blazorade-Teams</li> <li>Video: Building Microsoft Teams Apps with Blazor</li> <li>PnP Dev General Community Call Demo, Feb 4 2021 - Blazor Teams App</li> </ul>"},{"location":"tools/blazor/#blogger","title":"Blogger","text":"<ul> <li>mikaberglund</li> </ul>"},{"location":"tools/blazor/#workshop","title":"Workshop","text":"<ul> <li>Blazor - app building workshop</li> <li>Blazor MS-Teams Tab App Series</li> <li>Video: Microsoft Graph Toolkit with Blazor</li> </ul>"},{"location":"tools/contentful/","title":"Contentful","text":""},{"location":"tools/contentful/#overviews","title":"Overviews","text":"<ul> <li>Create a Blog App With Next.js and Contentful API</li> </ul>"},{"location":"tools/contentful/#samples","title":"Samples","text":"<ul> <li>FoodBlogContentful</li> </ul>"},{"location":"tools/dev/","title":"Dev Tools","text":"<ul> <li>2022.stateofjs</li> <li>2022.stateofcss</li> <li>Web Almanac</li> </ul>"},{"location":"tools/dev/#secret-knowledge","title":"Secret knowledge","text":"<ul> <li>The book of Secret knowledge</li> </ul>"},{"location":"tools/dev/#html-prototype","title":"Html Prototype","text":"<ul> <li>html-codepen</li> <li>codesandbox</li> <li>images-unsplash</li> <li>icons-iconfinder</li> </ul>"},{"location":"tools/dev/#stack-2020","title":"Stack 2020","text":"<ul> <li>My Tech Stack (2020 Edition)</li> </ul>"},{"location":"tools/dev/#nextjs","title":"Next.js","text":"<ul> <li>Awesome Next.js </li> <li>Next.js and Reactstrap Admin Dashboard Project</li> <li>nextjs-reactstrap</li> <li>Airframe React</li> <li>react-admin</li> <li>Next.js from the Ground Up</li> <li>How Next.js is delivering React\u2019s vision for the future</li> </ul>"},{"location":"tools/dev/#shopify","title":"Shopify","text":""},{"location":"tools/dev/#hydrogen","title":"Hydrogen","text":"<ul> <li>How We Built Hydrogen: A React Framework for Building Custom Storefronts</li> </ul>"},{"location":"tools/dev/#create-new-project","title":"Create new project","text":"<ul> <li>Create Next App</li> <li>nextjs-admin-template - Pal.js UI</li> </ul>"},{"location":"tools/dev/#tailwind-css","title":"Tailwind CSS","text":"<ul> <li>tailwindcss.com</li> <li>tailwindcss play</li> <li>Integrating Tailwind CSS framework into a SPFx React project for advance User Experience</li> <li>react-tailwindcss</li> <li>Your First Tailwind Website</li> <li>How to build a landing page with Tailwind CSS, Tailwind UI, Vite.js \u2013 tutorial video</li> <li>Tailwind CSS: From Zero to Production\" on YouTube</li> <li>Source Code - From Zero to Production</li> </ul>"},{"location":"tools/dev/#tailwind-spfx","title":"Tailwind &amp; SPFx","text":"<ul> <li>react-tailwindcss</li> <li>How to Set Up Tailwind CSS in a SPFx Project</li> <li>spfx-react-tailwindcss</li> </ul>"},{"location":"tools/dev/#design-to-code","title":"Design to Code","text":"<ul> <li>MS Fabric and Stardust to Fluent UI</li> <li>MS Fluent UI Starting</li> <li>Design to HTML</li> <li>Top 22 Prototyping Tools For UI And UX Designers 2020</li> </ul>"},{"location":"tools/dev/#best-practises","title":"Best practises","text":"<ul> <li>khalilstemmler - advanced TypeScript &amp; Node.js best practices</li> </ul>"},{"location":"tools/dev/#msdn","title":"MSDN","text":"<ul> <li>MSDM-Subscriptions</li> </ul>"},{"location":"tools/dev/#tools-list","title":"Tools List","text":"<ul> <li>Useful Developer Tools</li> <li>My 12 Favorite Chrome Extensions as a Web Developer</li> <li>The tools for a SharePoint developer - Part 2</li> <li>msportals.io</li> <li>SharePoint Quicklinks</li> <li>Graph X-Ray</li> <li>PnP Sharing is Caring VS Code Extensions</li> <li>Tools that I use &amp; \u2764\ufe0f</li> </ul>"},{"location":"tools/dev/#framework-trends","title":"Framework Trends","text":"<ul> <li>npmtrends</li> </ul>"},{"location":"tools/dev/#regexp","title":"RegExp","text":"<ul> <li>regex101</li> </ul>"},{"location":"tools/dev/#create-shortcuts","title":"Create shortcut(s)","text":"<ul> <li>create shortcut(s) for your common SharePoint Framework generator commands</li> </ul>"},{"location":"tools/dev/#debug","title":"Debug","text":"<ul> <li>mastykarz: easily debug production version</li> <li>sergei-sergeev: easily debug production version</li> </ul>"},{"location":"tools/dev/#tweetdeck-twitter","title":"TweetDeck (Twitter)","text":"<ul> <li>How to filter for SharePoint Framework #SPFx related tweets in TweetDeck</li> </ul>"},{"location":"tools/dev/#powershell-module-installs","title":"PowerShell Module Installs","text":"<ul> <li>Office 365 PowerShell Module Installs</li> <li>O365 PowerShell Module Installs</li> </ul>"},{"location":"tools/dev/#translation","title":"Translation","text":"<ul> <li>deepl translator</li> </ul>"},{"location":"tools/dev/#dokumentation-site-generator","title":"Dokumentation Site Generator","text":"<ul> <li>mkdocs-material</li> <li>docusaurus</li> <li>dochameleon</li> </ul>"},{"location":"tools/dev/#zoomit","title":"ZoomIt","text":"<ul> <li>How to present like a PRO using ZoomIt</li> </ul>"},{"location":"tools/dev/#convert-format","title":"Convert / Format","text":"<ul> <li>freeformatter.com</li> </ul>"},{"location":"tools/dev/#content-generators","title":"Content generators","text":"<ul> <li>loremipsum generator</li> <li>http://socialgoodipsum.com</li> <li>Office Ipsum</li> <li>http://trollemipsum.appspot.com</li> </ul>"},{"location":"tools/dev/#image-tools","title":"Image Tools","text":"<ul> <li>unsplash - free images</li> <li>pixabay - free images</li> <li>20 Websites To Find Free High-Quality Images</li> <li>mazwai - free background images</li> <li>dummyimage</li> <li>Screenshots</li> <li>Convert Modern SharePoint Page Banner Images to Base-64 using PowerShell</li> <li>screenshots tool greenshot</li> </ul>"},{"location":"tools/dev/#emoji","title":"Emoji","text":"<ul> <li>Windows 10 keyboard tips and tricks</li> <li>Alt Code Shortcuts for Emoji, Smileys and Emoticons</li> </ul>"},{"location":"tools/dev/#sound-tools","title":"Sound Tools","text":"<ul> <li>Sound effects</li> </ul>"},{"location":"tools/dev/#password-generators","title":"Password generators","text":"<ul> <li>Random password generator</li> <li>password-generators</li> </ul>"},{"location":"tools/dev/#guid","title":"GUID","text":"<ul> <li>GUID Generator</li> </ul>"},{"location":"tools/dev/#json","title":"JSON","text":"<ul> <li>Introduction to JSON</li> <li>Online Json viewer</li> <li>json formatter</li> <li>Fake Json Generator</li> <li>JSON to CSV Converter</li> </ul>"},{"location":"tools/dev/#change-log","title":"Change Log","text":"<ul> <li>keepachangelog</li> </ul>"},{"location":"tools/dev/#download-website-offline","title":"Download Website / offline","text":"<ul> <li>Download entire website for offline</li> </ul> <pre><code>wget --recursive --no-clobber --page-requisites --html-extension --convert-links --restrict-file-names=windows -domains www.yourwebsite.com --no-parent www.yourwebsite.com/someurl\n</code></pre>"},{"location":"tools/dev/#email","title":"Email","text":"<ul> <li>Responsive Email Foundation Zurb</li> <li>mailchimp - newsletter</li> <li>10MinuteMail</li> <li>Free Mobile-Friendly &amp; Responsive HTML Email Templates</li> </ul>"},{"location":"tools/dev/#ressourcen-files","title":"Ressourcen Files","text":"<ul> <li>https://poeditor.com/</li> <li>https://github.com/ypcode/spfx-dev-tools (Ressourcen Files mit Excel editieren)</li> <li>Excel and PowerShell to maintain your SPFx localized resources</li> <li>JavaScript Internationalization Framework</li> </ul>"},{"location":"tools/dev/#vscode","title":"VS.Code","text":""},{"location":"tools/dev/#c-development","title":"C# Development","text":"<ul> <li>Basic dotnet commands to create a C# Project in Visual Studio Code</li> </ul>"},{"location":"tools/dev/#command-line","title":"Command Line","text":"<ul> <li>Command Line Interface (CLI)</li> </ul> <p>open last active window</p> <pre><code>code -r .\n</code></pre> <p>open in new window</p> <pre><code>code -n\n</code></pre>"},{"location":"tools/dev/#vscode-extensions","title":"VS.Code Extensions","text":"<ul> <li>markdownlint</li> <li>Introducing SharePoint Typed Item</li> <li>Backup and Synchronize VSCode Settings with a GitHub Gist</li> <li>Visual Studio Code Extension \u2013 Settings Sync</li> <li>Top 10 VSCode Extensions for React</li> <li>Code Spell Checker</li> <li>abracadabra</li> </ul> <p>settings.json</p> <pre><code>// Is git enabled\n\"git.enabled\": false,\n</code></pre> <pre><code>// Path to the git executable\n\"git.path\": null,\n</code></pre> <pre><code>// Whether auto fetching is enabled.\n\"git.autofetch\": false,\n</code></pre> <p>Info: https://stackoverflow.com/questions/30331338/remove-git-integrations-from-vscode</p>"},{"location":"tools/dev/#configure-vscode-intellisense","title":"Configure VSCode Intellisense","text":"<ul> <li>Avoid errors editing SharePoint Framework project configuration with Visual Studio Code intellisense</li> <li>VSCode SharePoint Framework JSON schemas configuration</li> </ul>"},{"location":"tools/dev/#edge-browser","title":"Edge Browser","text":"<ul> <li>Launching Edge with different profiles using shortcuts</li> </ul>"},{"location":"tools/dev/#exclude-folders-from-vscode","title":"Exclude Folders from VS.Code","text":"<ul> <li>How can I exclude a directory from Visual Studio Code 'Explore' tab</li> </ul>"},{"location":"tools/dev/#cli-app-generator","title":"CLI App Generator","text":"<ul> <li>generator-sppp</li> <li>SharePoint front-end projects automation and tasks tool-belt</li> <li>create-react-app</li> <li>generator-simplestyle</li> </ul>"},{"location":"tools/dev/#fabric-icons","title":"Fabric Icons","text":"<ul> <li>Render Office Fabric UI Icons into Canvas</li> <li>Tool to Generate Images Using Office UI Fabric Icons</li> <li>Fabric Icons</li> <li>Office UI Fabric Icons</li> <li> <ul> <li>Flicon</li> </ul> </li> <li>Using Flicon to support visual hierarchy on a homepage</li> <li>Microsoft-Integration-and-Azure-Stencils-Pack-for-Visio</li> </ul>"},{"location":"tools/dev/#favicons","title":"Favicons","text":"<ul> <li>favicon-generator</li> </ul>"},{"location":"tools/dev/#website-builder","title":"WebSite Builder","text":"<ul> <li>weebly.com</li> </ul>"},{"location":"tools/dev/#sp-bookmarklets","title":"SP bookmarklets","text":"<ul> <li>Manage SharePoint using bookmarklets</li> </ul> <p>Open Site Settings</p> <pre><code>javascript:(function(){var url = document.location.href.split('/Pages')[0].split('/SitePages')[0].split('/_layouts')[0];if(url.endsWith('.aspx')){url = url.replace(new RegExp('\\/[a-z A-Z 0-1 \\- _]*.aspx'),'')}location.replace(url+\"/_layouts/15/settings.aspx\")}());\n</code></pre> <p>Open Page in Maintenance Mode</p> <pre><code>javascript:(function(){location.replace(window.location.href+\"?maintenancemode=true\")})();\n</code></pre> <p>Go to Classic</p> <pre><code>javascript:(function(){document.cookie=\"splnu=0;domain=\"+window.location.hostname+\";\"; location.href=location.href;})();\n</code></pre> <p>Go to Modern</p> <pre><code>javascript:(function(){document.cookie=\"splnu=1;domain=\"+window.location.hostname+\";\"; location.href= location.href})();\n</code></pre> <p>Open Web Part Manager</p> <pre><code>javascript:(function(){location.replace(window.location.href+\"?contents=1\")})();\n</code></pre>"},{"location":"tools/dev/#delete-node_modules-folder","title":"Delete node_modules Folder","text":"<ul> <li> <p>How to effectively delete node_modules on Windows</p> </li> <li> <p>Firstly install rimraf module globally</p> </li> </ul> <pre><code>npm install rimraf -g\n</code></pre> <ol> <li>creat fast-del.bat file</li> </ol> <pre><code>@ECHO OFF\nSET FOLDER=%1\nIF [%1]==[] (\n    ECHO Delete Folder: \"%CD%\"?\n    PAUSE\n    SET FOLDER=\"%CD%\"\n    CD /\n)\nECHO Deleting folder %FOLDER%\nrimraf %FOLDER%\n</code></pre> <ol> <li> <p>This .bat file should be available under your \"PATH\" environmental variable. In other words, you should be able to run it from any command-line from any location. The easiest approach is to just copy this file to C:\\Windows directory (it's absolutely safe). </p> </li> <li> <p>Open regedit and go to \"HKEY_CLASSES_ROOT\\Directory\\shell\\\" path. </p> </li> <li> <p>Right-click on the \"shell\" folder and select New -&gt; Key. Give it the name \"Fast Delete\".</p> </li> <li> <p>Right-click on a newly created \"Fast Delete\" folder, then New -&gt; Key. Give it the name \"command\".</p> </li> <li> <p>Double-click on the default value for \"command\" folder and under value data enter:</p> </li> </ol> <pre><code>cmd /c \"cd %1 &amp;&amp; fast-del.bat\"\n</code></pre>"},{"location":"tools/dev/#link-checker","title":"Link Checker","text":"<ul> <li>Crawl your website links and images to find broken links/images</li> <li>Copy an object from the console</li> <li>Check-SPOBrokenLink</li> </ul> <pre><code>copy($$('a').map(a =&gt; a.href).join('\\n'))\n</code></pre> <pre><code>function Get-UrlStatusCode([string] $Url)\n{\n    try\n    {\n        (Invoke-WebRequest -Uri $Url -UseBasicParsing -DisableKeepAlive).StatusCode\n    }\n    catch [Net.WebException]\n    {\n        [int]$_.Exception.Response.StatusCode\n    }\n}\n\n\nforeach($line in Get-Content C:\\url.txt) \n{\n    if($line -match $regex){\n\n     $statusCode = Get-UrlStatusCode  $line\n     if($statusCode -le \"200\")\n     {\n        $line + \" =&gt; OK\"\n     }\n     else\n     {\n        $line + \" =&gt; Error\"\n     }\n    }\n}\n</code></pre>"},{"location":"tools/dev/#static-search-library","title":"Static Search Library","text":"<ul> <li>pagefind</li> </ul>"},{"location":"tools/dev/#public-api","title":"Public API","text":"<ul> <li>public-apis</li> </ul>"},{"location":"tools/gatspy/","title":"Gatspy","text":""},{"location":"tools/gatspy/#blog-template","title":"Blog Template","text":"<ul> <li>https://github.com/RyanFitzgerald/devportfolio</li> <li>https://github.com/RyanFitzgerald/devblog</li> </ul>"},{"location":"tools/git/","title":"Git","text":""},{"location":"tools/git/#reference","title":"Reference","text":"<ul> <li>Git Documentation</li> </ul>"},{"location":"tools/git/#cheatsheet","title":"Cheatsheet","text":"<ul> <li>GIT CHEAT SHEET</li> </ul>"},{"location":"tools/git/#git-for-tenant-admins","title":"Git for Tenant Admins","text":"<ul> <li>Source Control for Microsoft 365 Tenant Admins</li> <li>Source Control for Microsoft 365 Tenant Admins: Part II</li> <li>Source Control for Microsoft 365 Tenant Admins: Part III</li> </ul>"},{"location":"tools/git/#learning","title":"Learning","text":"<ul> <li>Github Skills</li> <li>My GitHub cheat sheet for PnP contributions</li> <li>Git Fundamentals</li> <li>Git Real</li> </ul>"},{"location":"tools/git/#tips","title":"Tips","text":"<ul> <li>How to be more productive on GitHub</li> <li>How to write the perfect pull request</li> <li>Update a Severely Out of Date GitHub Repository Fork</li> <li>Merging 2 Different Git Repositories Without Losing your History</li> <li>Push your code into a git repo</li> <li>Keeping your fork up to date</li> <li>7 Git Commands You May Not Know</li> </ul>"},{"location":"tools/git/#rebase-merge","title":"Rebase / Merge","text":"<ul> <li>An Introduction to Git Merge and Git Rebase: What They Do and When to Use Them</li> </ul>"},{"location":"tools/git/#commit-guidlines","title":"Commit Guidlines","text":"<ul> <li>How We Do It - Keeping a Clean Commit Log</li> <li>How to Write a Git Commit Message</li> </ul>"},{"location":"tools/git/#gitflow","title":"Gitflow","text":"<ul> <li>Introducing GitFlow</li> </ul>"},{"location":"tools/git/#deleted-file","title":"Deleted File","text":"<pre><code>git log --full-history -- src/path/to/file.js\n</code></pre>"},{"location":"tools/git/#github","title":"GitHub","text":"<ul> <li>GitHub Doc</li> </ul>"},{"location":"tools/git/#github-actions","title":"GitHub Actions","text":"<ul> <li>Automate your CI/CD workflow using CLI for Microsoft 365 GitHub Actions</li> <li>Deploy SPFx solutions on multiple sites using GitHub Actions and Office 365 CLI</li> <li>Create GitHub actions for SPFx solution</li> <li>GitHub Actions + Power Automate + Teams</li> </ul>"},{"location":"tools/git/#git-cli","title":"Git CLI","text":"<ul> <li>Git cli</li> <li>lazygit</li> </ul>"},{"location":"tools/hr/","title":"HR","text":""},{"location":"tools/hr/#office","title":"Office","text":"<ul> <li>Onboard new employees more effectively</li> </ul>"},{"location":"tools/hr/#sample-code","title":"Sample Code","text":"<ul> <li>msteams-sample-contoso-hr-talent-app</li> </ul>"},{"location":"tools/hugo/","title":"Hugo","text":""},{"location":"tools/hugo/#hosting","title":"Hosting","text":"<ul> <li>Hosting Hugo on azure</li> </ul>"},{"location":"tools/hugo/#deployment","title":"Deployment","text":"<ul> <li>Automated Hugo Releases With Azure Devops</li> <li>Set up Hugo with GitHub pages</li> </ul>"},{"location":"tools/image/","title":"Image","text":""},{"location":"tools/image/#header-banner","title":"Header Banner","text":"<ul> <li>Creating Banners for your SharePoint Online Pages</li> <li>Image Sizing\u00a0und Scaling</li> <li>Convert Modern SharePoint Page Banner Images to Base-64 using PowerShell</li> </ul>"},{"location":"tools/image/#tools","title":"Tools","text":"<ul> <li>colors picker</li> <li>http://dummyimage.com/</li> <li>http://makephotogallery.net/</li> <li>https://www.fotocollagen.de/</li> <li>http://wearekiss.com/spritepad</li> <li>http://www.colorzilla.com/gradient-editor/</li> <li>http://iconbench.com/</li> <li>http://www.drweb.de/magazin/fontello-icomoon-konkurrent-hilft-beim-zusammenstellen-eigener-iconfonts/</li> <li>http://www.imagemagick.org/script/index.php</li> <li>http://www.maschek.hu/imagemap/imgmap</li> <li>https://github.com/heyalexej/awesome-images</li> <li>http://www.screenpresso.com/de/</li> <li>http://free.zoner.com/</li> <li>https://appiconizer.com/</li> <li>http://gifmaker.me/</li> <li>https://www.base64-image.de/</li> <li>https://shields.io</li> <li>CSS clip path macker - clippy</li> <li>Responsive Image Breakpoints Generator</li> </ul>"},{"location":"tools/image/#image-file-types","title":"Image File Types","text":""},{"location":"tools/image/#videos","title":"Videos","text":"<ul> <li>Remotion - Create motion graphics in React</li> </ul>"},{"location":"tools/markdown/","title":"Markdown","text":"<ul> <li>Markdown Guide</li> </ul>"},{"location":"tools/markdown/#cheatsheet","title":"Cheatsheet","text":"<ul> <li>Markdown Cheatsheet</li> <li>Mastering Markdown</li> </ul>"},{"location":"tools/markdown/#tools","title":"Tools","text":"<ul> <li>VS.Code Extension: markdownlint</li> <li>Markdown Website Conversion</li> <li>Markdown Conversion</li> <li>devpen.io - Editor</li> <li>Markdown Plus - Editor</li> <li>WebSequenceDiagrams</li> <li>PlantText</li> <li>Word to Markdown Converter</li> <li>Creating markdown readme file</li> <li>Tables Generator</li> <li>markmap</li> </ul>"},{"location":"tools/markdown/#technical-writing-courses-for-engineers","title":"Technical Writing Courses for Engineers","text":"<ul> <li>Technical Writing Courses</li> </ul>"},{"location":"tools/mkdocs/","title":"MkDocs","text":""},{"location":"tools/mkdocs/#links","title":"Links","text":"<ul> <li>MkDocs</li> <li>Creating a beautiful documentation site with MkDocs</li> </ul>"},{"location":"tools/powerapps/","title":"PowerApps","text":"<ul> <li>Power Platform Basics - Layer</li> </ul> <ul> <li>Power Platform Basics - Project Activities </li> </ul>"},{"location":"tools/powerapps/#user-settings","title":"User Settings","text":"<ul> <li>Your Power Apps user settings are probably wrong</li> </ul>"},{"location":"tools/powerapps/#resources","title":"Resources","text":"<ul> <li>Microsoft Power Platform guidance documentation</li> <li>Power Platform Training Materials</li> <li>Power Wiki</li> <li>Microsoft Power Platform: Learning Resources</li> <li>A collection of awesome things regarding the Power Platform ecosystem</li> </ul>"},{"location":"tools/powerapps/#codeing-guide","title":"Codeing Guide","text":"<ul> <li>Naming convention for Power Automate</li> <li>Naming convention for Power Apps</li> </ul>"},{"location":"tools/powerapps/#frameworks","title":"Frameworks","text":"<ul> <li>PowerApps Tools</li> <li>5 Power Platform projects developers must know!</li> <li>Creator kit overview</li> <li>Powercat creator kit</li> </ul>"},{"location":"tools/powerapps/#video-tutorials","title":"Video Tutorials","text":"<ul> <li>Youtube Microsoft PowerApps Channel</li> </ul>"},{"location":"tools/powerapps/#price","title":"Price","text":"<ul> <li>Power Apps and Power Automate licensing FAQs</li> <li>Power Apps pricing</li> <li>Licensing overview for Power Platform</li> <li>The comprehensive licensing guide to Microsoft Power Automate (formerly Flow) and Power Apps</li> <li>Power Platform Licensing QnA \u2013 Key takeaways</li> <li>Power Platform licensing, November 2021 updates</li> <li>Power Apps Pricing Explained</li> </ul>"},{"location":"tools/powerapps/#performance-connectors","title":"Performance / Connectors","text":"<ul> <li>Considerations for optimized performance in Power Apps</li> </ul>"},{"location":"tools/powerapps/#webparts","title":"WebParts","text":"<ul> <li>PowerApps web part for SharePoint Online</li> </ul>"},{"location":"tools/powerapps/#tipps","title":"Tipps","text":"<ul> <li>Tips for making your apps more maintainable</li> <li>Embed PowerApps in Modern SharePoint Online Site Page</li> <li>Application Lifecycle Management</li> <li>PowerApps source code editing for Canvas Apps</li> </ul>"},{"location":"tools/powerapps/#samples","title":"Samples","text":"<ul> <li>SharePoint PowerApps Solution samples</li> <li>SharePoint custom forms and automated business workflow</li> <li>Flow provisioning with azure function and PNP template</li> <li>SelfService Portal for Microsoft 365</li> </ul>"},{"location":"tools/powerapps/#localization","title":"Localization","text":"<ul> <li>Building multilingual apps in PowerApps</li> </ul>"},{"location":"tools/powerapps/#custom-forms","title":"Custom Forms","text":"<ul> <li>Getting started with custom forms in SharePoint build with PowerApps</li> <li>How to Customize SharePoint list forms with Power Apps - Beginners Tutorial</li> <li>Customize SharePoint Document Library Form using Power Apps</li> </ul>"},{"location":"tools/powerapps/#charts","title":"Charts","text":"<ul> <li>Canviz Power Apps Chart Components</li> </ul>"},{"location":"tools/powerapps/#create-documentation","title":"Create Documentation","text":"<ul> <li>PowerDocu</li> </ul>"},{"location":"tools/powerappsportal/","title":"Powerapps Portal","text":"<ul> <li>Canvas vs. Model-Driven Apps</li> </ul>"},{"location":"tools/powerappsportal/#cds","title":"CDS","text":"<ul> <li>What is Common Data Service?</li> <li>What is the storage engine behind the scene for CDS?</li> </ul>"},{"location":"tools/powerappsportal/#start","title":"Start","text":"<ul> <li>Start Power Apps</li> <li>Admin Power Apps</li> </ul>"},{"location":"tools/powerappsportal/#dev-enviroment","title":"Dev Enviroment","text":"<ul> <li>Power Apps Community Plan</li> <li>How to Delete your Power Apps Community Plan Environment</li> </ul>"},{"location":"tools/powerappsportal/#einfuhrung","title":"Einf\u00fchrung","text":"<ul> <li>Fall into Power Apps Portals</li> <li>Gesamt\u00fcberblick</li> <li>Einf\u00fchrungs Videos</li> <li>Einf\u00fchrung Portal App Studio</li> <li>Power Apps Community</li> <li>Overview of the PowerApps Portals Management App</li> </ul>"},{"location":"tools/powerappsportal/#design","title":"Design","text":"<ul> <li>Bootstrap Samples</li> <li>Bootstrap Live Customizer</li> <li>MDBootstrap</li> </ul>"},{"location":"tools/powerappsportal/#devops","title":"DevOps","text":"<ul> <li>Power Platform Build Tools (1.0.13)</li> <li>XrmToolbox Portal Records Mover as a Console Application</li> <li>Portal Records Mover Console updates (finally!)</li> <li>PortalRecordsMoverConsole</li> </ul>"},{"location":"tools/powerappsportal/#liquid","title":"Liquid","text":"<ul> <li>Liquid Templates in PowerApps Portals</li> <li>Liquid template language reference</li> <li>Work with Liquid templates</li> <li>PowerApps Portals Branding</li> <li>Designing and Developing PowerApps Portals</li> <li>Creating public anonymous sites is back in O365</li> <li>Portals Community Call - August 20, 2020 - Power Apps Portals Theming</li> <li>Power Apps Portals: Portal Configuration</li> <li>Building a Multi-Brand Dynamics 365 Portal</li> </ul>"},{"location":"tools/powerappsportal/#coding-javscript-ajax","title":"Coding / Javscript / Ajax","text":"<ul> <li>(The Power Platform Community Conference - Nick Doelman)[https://youtu.be/udJ9gpCh6M0?t=30693]</li> </ul>"},{"location":"tools/powerappsportal/#login","title":"Login","text":"<ul> <li>Configure Azure AD B2C for PowerApps Portals</li> </ul>"},{"location":"tools/powerappsportal/#sharepoint","title":"SharePoint","text":"<ul> <li>Manage SharePoint documents</li> </ul>"},{"location":"tools/powerappsportal/#training-labs","title":"Training Labs","text":"<ul> <li>App in a Day</li> <li>Power Platform Training Materials</li> </ul>"},{"location":"training/course/","title":"Training","text":""},{"location":"training/course/#trainer","title":"Trainer","text":"<ul> <li>Why SharePoint Training is Important</li> </ul>"},{"location":"training/course/#o365","title":"O365","text":"<ul> <li>Customize the Learning Experience</li> <li>Microsoft 365 learning pathways</li> <li>Adding Partner Custom Content to Microsoft Learning Pathways Portals</li> </ul>"},{"location":"training/course/#ms-certification","title":"MS-Certification","text":"<ul> <li>Azure Solutions Architect vs. Azure Administrator</li> <li>Microsoft 365 Fundamentals - Cloud deployment models</li> </ul>"},{"location":"training/course/#news","title":"News","text":"<ul> <li>http://icansharepoint.com/how-to-stay-up-to-date-with-office-365/</li> </ul>"},{"location":"training/course/#programming","title":"Programming","text":"<ul> <li>https://guide.freecodecamp.org</li> </ul>"},{"location":"training/course/#typescript","title":"Typescript","text":""},{"location":"training/course/#online-course","title":"Online course","text":"<ul> <li>Pluralsight - sharepoint-framework-tooling</li> </ul>"},{"location":"training/course/#learning-tutorials","title":"Learning / Tutorials","text":"<ul> <li>OfficeDev: TrainingContent</li> <li>sp-dev-docs</li> <li>dev-office.com: getting-started-with-sharepoint-framework-tutorials</li> <li>techcommunity: Hidden-gems-at-Ignite-A-conference-guide-from-the-SharePoint</li> </ul>"},{"location":"training/learning/","title":"Learning","text":"<ul> <li>Microsoft Learn</li> <li>The 10 Best Ideas I Learned in 2022</li> <li>Web Development for Beginners - A Curriculum</li> <li>free-for.dev</li> <li>React lernen und verstehen</li> <li>ByteByteGoHq - system-design-101</li> </ul>"},{"location":"training/learning/#ms-certification","title":"MS Certification","text":"<ul> <li>Become Microsoft Certified</li> </ul>"},{"location":"training/learning/#architecture","title":"Architecture","text":"<ul> <li>Client-Side Architecture Basics - Guide</li> </ul>"},{"location":"training/learning/#web-developer","title":"Web Developer","text":"<ul> <li>Step by step guide to becoming a modern frontend developer in 2022</li> <li>Web Development for Beginners - A Curriculum</li> <li>Front-end Developer Handbook 2019</li> <li>Microsoft Frontend Bootcamp</li> <li>Full-stack Web Developer Plan - 2021</li> <li>The Modern JavaScript Tutorial</li> <li>freecodecamp</li> <li>devdocs.io</li> </ul>"},{"location":"training/learning/#react-learning-course","title":"React Learning Course","text":"<ul> <li>React roadmap</li> <li>besten-react-tutorials</li> <li>react-lernen</li> <li>https://www.udemy.com/react-the-complete-guide-incl-redux/?start=0</li> <li>https://www.udemy.com/react-redux/</li> <li>https://udilia.com/courses/learn-react-by-building-a-web-app</li> <li>https://tylermcginnis.com/reactjs-tutorial-a-comprehensive-guide-to-building-apps-with-react/</li> <li>frontendmasters - learn - react</li> <li>reactscreencasts</li> <li>React Wednesdays</li> <li>Designing React 17 Component</li> </ul>"},{"location":"training/learning/#lifecycle-methods","title":"Lifecycle methods","text":"<ul> <li>Interactive React Lifecycle Methods diagram</li> <li>SharePoint Framework Client-Side Webparts mit React</li> <li>React Best Practices</li> </ul>"},{"location":"training/learning/#manage-state-methods-in-react","title":"Manage state methods in react","text":"<ul> <li>How to Manage State in Your React Apps</li> </ul>"},{"location":"training/learning/#roadmap","title":"Roadmap","text":"<ul> <li>roadmap-react</li> <li>React Developer Roadmap</li> <li>The 2018 Web Developer Roadmap</li> <li>The 2018 React JS RoadMap</li> </ul>"},{"location":"training/learning/#reference","title":"Reference","text":"<ul> <li>awesome-react-components</li> <li>SurviveJS - React</li> <li>react-redux-links</li> <li>Clone Wars - Open source clones of popular sites</li> </ul>"},{"location":"training/learning/#blogs","title":"Blogs","text":"<ul> <li>overreacted - Personal blog by Dan Abramov</li> </ul>"},{"location":"training/learning/#styleguide","title":"Styleguide","text":"<ul> <li>Airbnb React/JSX Style Guide</li> <li>Airbnb JavaScript Style Guide</li> </ul>"},{"location":"training/learning/#cheatsheet","title":"Cheatsheet","text":"<ul> <li>react-redux-typescript-guide</li> <li>React TypeScript Cheatsheets</li> </ul>"},{"location":"training/learning/#patterns","title":"Patterns","text":"<ul> <li>React in patterns</li> <li>Design Patterns</li> <li>Modularizing React Applications with Established UI Patterns</li> </ul>"},{"location":"training/learning/#jsreact-vscode-extensions","title":"JS/React VS.Code Extensions","text":"<ul> <li>The Ultimate VSCode Setup for Front End/JS/React</li> </ul>"},{"location":"training/learning/#boilerplate","title":"Boilerplate","text":"<ul> <li>https://github.com/artofcodelabs/front-end-boilerplate</li> </ul>"},{"location":"training/learning/#lessons","title":"Lessons","text":"<ul> <li>The most important lessons I\u2019ve learned after a year of working with React</li> </ul>"},{"location":"training/learning/#frameworks","title":"Frameworks","text":"<ul> <li>react-grid-layout</li> <li>chartjs</li> <li>Rush</li> <li>fuzzy searching</li> <li>primereact</li> </ul>"},{"location":"training/learning/#state-management","title":"State management","text":"<ul> <li>TanStack Query - Server state</li> <li>jotai - UI state</li> <li>zustand - UI state</li> </ul>"},{"location":"training/learning/#tutorials","title":"Tutorials","text":"<ul> <li>React &amp; Redux Tutorial - Build a Hacker News Clone</li> <li>React Portfolio Website Tutorial From Scratch \u2013 Build &amp; Deploy React JS Portfolio Website</li> </ul>"},{"location":"training/learning/#multi-step-form","title":"Multi-Step Form","text":"<ul> <li>React Wizard Form</li> <li>React-Stepzilla</li> <li>Sample Form with React-Stepzilla </li> <li>React multi-page poll webpart  -React Reusable Wizard component for SPFx</li> <li>How To Use Material UI Steppers In SharePoint Framework SPFx</li> <li>SPFx webpart form validation using React Formik</li> </ul>"},{"location":"training/learning/#errors","title":"Errors","text":"<ul> <li>Dealing with Undefined 'this' in React Event Handlers in a Performant Way</li> </ul>"},{"location":"training/learning/#hooks","title":"Hooks","text":"<ul> <li>How to use React hooks with the SharePoint Framework (SPFx)</li> <li>React Hooks - How to Use Them with the SharePoint Framework</li> <li>Using React hooks to globally share service scope between components</li> <li>Hooks FAQ</li> <li>SharePoint Framework and React hooks. Should I care?</li> <li>React, Hooks, and Office Development \u2013 Bringing It All Together </li> <li>Rooks - Collection of React hooks </li> </ul>"},{"location":"training/learning/#collection-of-hooks","title":"Collection of Hooks","text":"<ul> <li>Collection of React Hooks</li> <li>usehooks</li> <li>react-use</li> <li>React hook library for managing cart state</li> <li>React-shopping-cart</li> <li>Shopping-cart-react-typescript</li> </ul>"},{"location":"training/learning/#react-ecommerce-shops","title":"React eCommerce Shops","text":"<ul> <li>How to Build a Production Ready eCommerce Website with ReactJS, TailwindCSS, PlanetScale and Stripe</li> </ul>"},{"location":"training/ms-600/","title":"MS-600","text":""},{"location":"training/ms-600/#skills","title":"Skills","text":"<ul> <li>Exam MS-600: Building Applications and Solutions with Microsoft 365 Core Services\u2013Skills Measured</li> </ul>"},{"location":"training/ms-600/#graph-developing","title":"Graph Developing","text":"<ul> <li>An introduction to Microsoft Graph for developers - Part I - Getting started - October 2019</li> <li>An introduction to Microsoft Graph for developers - Part 2 \u2013 Advanced topics - November 2019 microsoft-identity-platform-developer-community-calloctober-2019)</li> <li>Microsoft 365 Developer - YouToube Videos</li> </ul>"},{"location":"training/ms-600/#microsoft-identity-plattform","title":"Microsoft identity plattform","text":"<ul> <li>Slides - Microsoft identity platform developer community call-October 2019</li> <li>Microsoft identity plattform for Developers</li> </ul>"},{"location":"training/must-read/","title":"Must read","text":""},{"location":"training/must-read/#guidance","title":"Guidance","text":"<ul> <li>office-365-development-patterns-and-practices-solution-guidance</li> </ul>"},{"location":"training/must-read/#spfx","title":"SPFx","text":"<ul> <li>FutureofSPDev-SPFxExtensions.pptx</li> <li>PnP Controls</li> </ul>"},{"location":"training/must-read/#office-fabric","title":"Office Fabric","text":"<ul> <li>https://github.com/guzmonne/office-ui-layout</li> <li>https://github.com/eoverfield/SP-Office-UI-Fabric</li> <li>Sample App</li> <li>DetailsList.Advanced.Example</li> </ul>"},{"location":"training/must-read/#office-fabric-react-redux","title":"Office Fabric / React / Redux","text":"<ul> <li>http://dattabase.com/office-fabric-reactredux-sp-starter-project/</li> <li>http://dattabase.com/office-fabric-ui-reactredux-part-1-5/</li> <li>https://github.com/gunjandatta/sp-react-redux</li> </ul>"},{"location":"training/must-read/#cloud","title":"Cloud","text":"<ul> <li>IaaS vs. PaaS: which one is best?</li> <li>What are the main cloud service models?</li> </ul>"},{"location":"training/must-read/#google-engineering","title":"Google Engineering","text":"<ul> <li>Site Reliability Engineering</li> </ul>"},{"location":"training/react-learning/","title":"React Learning","text":"<ul> <li>react Roadmap</li> </ul>"},{"location":"training/react-learning/#react-documentation-tutorial","title":"React Documentation / Tutorial","text":"<ul> <li>react.dev</li> <li>create-react-app.dev</li> <li>react-dom-components-common</li> <li>react-lernen</li> <li>react-tutorial</li> </ul>"},{"location":"training/react-learning/#typescript","title":"Typescript","text":"<ul> <li>typescriptlang-handbook</li> <li>typescript-cheatsheets</li> <li>totaltypescript - React with TypeScript </li> </ul>"},{"location":"training/react-learning/#style-guide","title":"Style guide","text":"<ul> <li>airbnb-react</li> <li>airbnb-javascript</li> <li>typescript-styleguide</li> <li>Naming cheatsheet</li> <li>clean-code-javascript</li> </ul>"},{"location":"training/react-learning/#markdown","title":"Markdown","text":"<ul> <li>markdownguide-basic-syntax</li> <li>onvert-markdown-to-word-document</li> </ul>"},{"location":"training/react-learning/#vs-code-extension","title":"VS Code Extension","text":"<ul> <li>Typescript React code snippets</li> <li>Path Intellisense</li> <li>npm Intellisense</li> <li>Prettier - Code formatter</li> <li>Template String Converter</li> </ul>"},{"location":"training/react-learning/#markdown-to-word","title":"Markdown to Word","text":"<pre><code>pandoc -o output.docx -f markdown -t docx filename.md\n</code></pre>"},{"location":"training/react-learning/#libs","title":"Libs","text":"<ul> <li>npmjs</li> </ul>"},{"location":"training/react-learning/#creating-typescript-react-project","title":"Creating Typescript React Project","text":"<pre><code>cd C:\\ProgrammeBLS\\projects\nnpx create-react-app quickstart --template typescript\n</code></pre>"},{"location":"training/react-learning/#jsx-tsx-converter","title":"JSX, TSX Converter","text":"<ul> <li>html-to-jsx</li> </ul>"},{"location":"training/react-learning/#recap","title":"Recap","text":""},{"location":"training/react-learning/#importing-and-exporting-components","title":"importing-and-exporting-components","text":"<ul> <li>default-vs-named-exports</li> </ul>"},{"location":"training/react-learning/#conditional-rendering","title":"conditional-rendering","text":"<ul> <li>In React, you control branching logic with JavaScript.</li> <li>You can return a JSX expression conditionally with an if statement.</li> <li>You can conditionally save some JSX to a variable and then include it inside other JSX by using the curly braces.</li> <li>In JSX, {cond ?  : } means \u201cif cond, render , otherwise \u201d.</li> <li>In JSX, {cond &amp;&amp; } means \u201cif cond, render , otherwise nothing\u201d.</li> </ul>"},{"location":"training/react-learning/#passing-props-to-a-component","title":"passing-props-to-a-component","text":"<ul> <li>To pass props, add them to the JSX, just like you would with HTML attributes.</li> <li>To read props, use the function Avatar({ person, size }) destructuring syntax.</li> <li>You can specify a default value like size = 100, which is used for missing and undefined props.</li> <li>You can forward all props with  JSX spread syntax, but don\u2019t overuse it!</li> <li>Nested JSX like  will appear as Card component\u2019s children prop.</li> <li>Props are read-only snapshots in time: every render receives a new version of props.</li> <li>You can\u2019t change props. When you need interactivity, you\u2019ll need to set state.</li> </ul>"},{"location":"training/react-learning/#react-function-components","title":"React Function components","text":"<ul> <li>what-are-react-pure-functional-components</li> <li>react-function-component</li> </ul> <p>More Infos </p> <ul> <li>react-conditional-rendering</li> <li>the-ultimate-guide-to-conditional-rendering-in-react</li> </ul>"},{"location":"training/react-learning/#samples","title":"Samples","text":"<ul> <li>react-typescript-todomvc-2022</li> <li>bulletproof-react</li> <li>cypress-realworld-app</li> <li>Frontend Clean Architecture</li> <li>Awesome Codebases</li> <li>refine - React-based CRUD</li> <li>payloadcms</li> </ul>"},{"location":"training/react-learning/#samples-videos","title":"Samples Videos","text":"<ul> <li>Typescript Learning Videos</li> <li>React Typescript Video Tutorial</li> <li>Fullstack React GraphQL TypeScript Video Tutorial</li> </ul>"},{"location":"training/redux/","title":"Redux","text":""},{"location":"training/redux/#overview","title":"Overview","text":"<ul> <li>A reduced explanation of Redux(Reducers, Actions, and Store)</li> </ul>"},{"location":"training/redux/#connect-redux-to-spfx","title":"Connect Redux to SPFx","text":"<ul> <li>Connect React Redux to SharePoint Framework</li> <li>Using Redux Async Actions and ImmutableJS in SharePoint Framework</li> <li>Using React and Redux in SharePoint Framework (SPFx)</li> </ul>"},{"location":"training/redux/#samples","title":"Samples","text":"<ul> <li>SPFx webpart using Redux-Form library and React</li> <li>Webpart with React and Redux</li> </ul>"},{"location":"training/redux/#tips","title":"Tips","text":"<ul> <li>How do I change SPFx and Reactjs to SPFx React-Redux?</li> <li>Combine async redux actions in SPFx react components</li> </ul>"},{"location":"training/resume/","title":"Resume","text":""},{"location":"training/resume/#tips","title":"Tips","text":"<ul> <li>How to write a killer Software Engineering r\u00e9sum\u00e9</li> <li>https://www.careercup.com/resume</li> <li>How to Get 1% Better Every Day</li> <li>How To Write A Stand-Out Technical Resume</li> </ul>"},{"location":"training/bytebytego/architectural-styles/","title":"Architectural styles","text":"<p>All images and links are coming from: https://blog.bytebytego.com/archive</p>"},{"location":"training/bytebytego/architectural-styles/#architectural-styles_1","title":"Architectural styles","text":""},{"location":"training/bytebytego/how-git-works/","title":"How Git works","text":"<p>All images and links are coming from: https://blog.bytebytego.com/archive</p>"},{"location":"training/bytebytego/how-git-works/#how-git-works_1","title":"How Git works","text":"<p>Git is a distributed version control system. Every developer maintains a local copy of the main repository and edits and commits to the local copy. The commit is very fast because the operation doesn\u2019t interact with the remote repository. If the remote repository crashes, the files can be recovered from the local repositories.</p>"},{"location":"training/bytebytego/ship-code/","title":"Ship Code","text":"<p>All images and links are coming from: https://blog.bytebytego.com/archive </p>"},{"location":"training/bytebytego/ship-code/#how-companies-ship-code-to-production","title":"How Companies ship code to production","text":"<p>Step 1: The process starts with a product owner creating user stories based on requirements.</p> <p>Step 2: The dev team picks up the user stories from the backlog and puts them into a sprint for a two-week dev cycle.</p> <p>Step 3: The developers commit source code into the code repository Git.</p> <p>Step 4: A build is triggered in Jenkins. The source code must pass unit tests, code coverage threshold, and gates in SonarQube.</p> <p>Step 5: Once the build is successful, the build is stored in artifactory. Then the build is deployed into the dev environment.</p> <p>Step 6: There might be multiple dev teams working on different features. The features need to be tested independently, so they are deployed to QA1 and QA2.</p> <p>Step 7: The QA team picks up the new QA environments and performs QA testing, regression testing, and performance testing.</p> <p>Steps 8: Once the QA builds pass the QA team\u2019s verification, they are deployed to the UAT environment.</p> <p>Step 9: If the UAT testing is successful, the builds become release candidates and will be deployed to the production environment on schedule.</p> <p>Step 10: SRE (Site Reliability Engineering) team is responsible for prod monitoring.</p>"},{"location":"training/bytebytego/url-into-browser/","title":"Browser URL","text":"<p>All images and links are coming from: https://blog.bytebytego.com/archive</p>"},{"location":"training/bytebytego/url-into-browser/#what-happens-when-you-type-a-url-into-a-browser","title":"What happens when you type a URL into a browser","text":"<p>Step 1: The user enters a URL (www. bytebytego. com) into the browser and hits Enter. The first thing we need to do is to translate the URL to an IP address. The mapping is usually stored in a cache, so the browser looks for the IP address in multiple layers of cache: the browser cache, OS cache, local cache, and ISP cache. If the browser couldn\u2019t find the mapping in the cache, it will ask the DNS (Domain Name System) resolver to resolve it.</p> <p>Step 2: If the IP address cannot be found at any of the caches, the browser goes to DNS servers to do a recursive DNS lookup until the IP address is found.</p> <p>Step 3: Now that we have the IP address of the server, the browser sends an HTTP request to the server. For secure access of server resources, we should always use HTTPS. It first establishes a TCP connection with the server via TCP 3-way handshake. Then it sends the public key to the client. The client uses the public key to encrypt the session key and sends to the server. The server uses the private key to decrypt the session key. The client and server can now exchange encrypted data using the session key.</p> <p>Step 4: The server processes the request and sends back the response. For a successful response, the status code is 200. There are 3 parts in the response: HTML, CSS and Javascript. The browser parses HTML and generates DOM tree. It also parses CSS and generates CSSOM tree. It then combines DOM tree and CSSOM tree to render tree. The browser renders the content and display to the user.</p> <p>HTTP Status Codes Explained In 5 Minutes</p> <p>A Crash Course in DNS (Domain Name System)</p>"},{"location":"viva/viva-connections/","title":"Viva Connections","text":""},{"location":"viva/viva-connections/#issues","title":"Issues","text":"<ul> <li>Viva - MicrosoftDocs</li> </ul>"},{"location":"viva/viva-connections/#license-pricing","title":"License / Pricing","text":"<ul> <li>microsoft viva pricing</li> </ul>"},{"location":"viva/viva-connections/#overview","title":"Overview","text":"<ul> <li>Video - Your intranet is now in Microsoft Teams with Microsoft Viva Connections</li> <li>Video - Getting started on deploying Viva Connections for Microsoft Teams desktop</li> <li>What is Microsoft Viva Connections</li> </ul>"},{"location":"viva/viva-connections/#install","title":"Install","text":"<ul> <li>Microsoft Viva: An Administrator\u2019s View</li> <li>Add Viva Connections for Microsoft Teams desktop</li> <li>Create Viva Connections App Using PnP PowerShell-Publish-PnPCompanyApp</li> <li>How to create and Install the Viva Connections application from O365-CLI</li> </ul>"},{"location":"viva/viva-connections/#viva-connection-experience","title":"Viva Connection Experience","text":"<ul> <li>Set up Viva Connections in the Microsoft 365 admin center</li> <li>Introducing Multiple Viva Connections Experiences for Your Organization</li> </ul>"},{"location":"viva/viva-connections/#dashboard","title":"Dashboard","text":"<ul> <li>Create a Viva Connections dashboard and add cards</li> </ul>"},{"location":"viva/viva-sales/","title":"Viva Sales","text":""},{"location":"viva/viva-sales/#architecture","title":"Architecture","text":"<ul> <li>Viva Sales architecture</li> </ul>"},{"location":"viva/viva-topics/","title":"Viva Topics","text":""},{"location":"viva/viva-topics/#overview","title":"Overview","text":"<ul> <li>Introduction to Viva Topics</li> <li>Build an ever-growing Corporate Knowledge Base with Microsoft Viva Topics : An Overview</li> </ul>"},{"location":"viva/viva-topics/#learning","title":"Learning","text":"<ul> <li>Project Cortex - classifiers</li> <li>Project Cortex - entity extractors</li> <li>Syntex-Tips-document-understanding-forms-processing</li> <li>Syntex on a page - December 2022</li> <li>Understanding classifiers in Microsoft Syntex and Microsoft Purview</li> <li>Microsoft Syntex: An AI-Powered SharePoint Content Service in Microsoft 365</li> </ul> <p> (Source: @ChrisO_Brien)</p> <p>## Tools</p> <ul> <li>Microsoft 365 Assessment tool</li> </ul>"}]}
\ No newline at end of file
diff --git a/sitemap.xml.gz b/sitemap.xml.gz
index ddfad04557f8f7e61e7c57e9d61366dc8a16c540..99589183f1ef5dcd4cfa95d651ceddc4453b97d7 100755
GIT binary patch
delta 14
VcmZo+YGGoN@8;kLUNVvG9{?Jq1X%z8

delta 14
VcmZo+YGGoN@8;kTSTK?89{?Ff1QGxM

diff --git a/viva/viva-connections/index.html b/viva/viva-connections/index.html
index 3d63c349..619d494d 100755
--- a/viva/viva-connections/index.html
+++ b/viva/viva-connections/index.html
@@ -1696,6 +1696,13 @@
     </label>
     <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
       
+        <li class="md-nav__item">
+  <a href="#issues" class="md-nav__link">
+    Issues
+  </a>
+  
+</li>
+      
         <li class="md-nav__item">
   <a href="#license-pricing" class="md-nav__link">
     License / Pricing
@@ -1750,6 +1757,10 @@
 
 
 <h1 id="viva-connections">Viva Connections<a class="headerlink" href="#viva-connections" title="Permanent link">&para;</a></h1>
+<h2 id="issues">Issues<a class="headerlink" href="#issues" title="Permanent link">&para;</a></h2>
+<ul>
+<li><a href="https://github.com/MicrosoftDocs/Viva/issues">Viva - MicrosoftDocs</a></li>
+</ul>
 <h2 id="license-pricing">License / Pricing<a class="headerlink" href="#license-pricing" title="Permanent link">&para;</a></h2>
 <ul>
 <li><a href="https://www.microsoft.com/de-ch/microsoft-viva/pricing">microsoft viva pricing</a></li>