Entwickeln von SharePoint Framework Lösungen (SPFx) für SharePoint Online, MS 365 und MS Teams

In diesem Training erfahren Sie alles über die Erweiterungsmöglichkeiten von SharePoint Online (und in eingeschränktem Maße auch SharePoint 2019/SE), Microsoft 365 und Microsoft Teams.
Wir starten mit der Einrichtung der Entwicklungsumgebung auf Basis von Visual Studio Code, TypeScript und Node.js. Weiters werfen wir einen Blick auf das React-Framework und dessen Einsatzmöglichkeiten.
Am Ende veröffentlichen wir unsere Lösungen für SharePoint und Teams für die Benutzer.

Nach Abschluss dieses Trainings haben die Teilnehmer*innen Wissen zu folgenden Themen:

• Grundlagen des SharePoint Frameworks (SPFx)
• Node.js und TypeScript Grundlagen
• SharePoint REST API
• Microsoft Graph API
• Erstellen von Webparts für SharePoint und Teams
• Erstellen von SharePoint Erweiterungen (Application Customizer etc.)
• Verwenden von SPFx für Viva Connections
• Auslagen von Code für „erhöhte Privilegien“ mithilfe von Azure Functions
• Erweitern von Microsoft Teams

Einführung in SPFx

• Was ist das SharePoint Framework?
• Einsatzmöglichkeiten
• Tool-Chain
• Verwenden von Visual Studio Code

Einführung in TypeScript

• Grundlegende Sprachelemente von TypeScript
• TypeScript vs. JavaScript

Node.js & Tools

• Node Package Manager (npm) & Yarn
• Projekterstellung mit Yeoman
• Verwenden von Webpack

SPFx

• Projektstruktur eines SPFx-Projekts
• Methoden und Eventhandling
• SharePoint Workbench
• Arbeiten mit Webparteigenschaften
• Webpart-Einstellungen

React-Grundlagen

• Einführung in React
• JSX, TSX
• React-Komponenten
• Props und State

Apps und Authentifizierung in Microsoft Entra

• Registrieren von Apps in Entra
• Authentifizierung mit Access Tokens

Microsoft Graph

• Was ist die Microsoft Graph API?
• Verwenden der Schnittstelle
• Vergeben von Berechtigungen für Microsoft Graph

Konsumieren von SharePoint-Daten

• CSOM vs. REST API
• Benutzen von PnP.js
• Abfragen von Daten mit CAML
• Verwenden der SharePoint Search API
• Abfragen von SharePoint Daten über Microsoft Graph

Anpassen der Benutzeroberfläche

• Einführung in SASS
• Benutzerdefinierte Themes
• Office UI Fabric/Fluent UI
• Verwenden der PnP React Controls

SharePoint Framework Erweiterungen

• Welche Möglichkeiten gibt es mit SPFx Erweiterungen?
• Verwenden von ApplicationCustomizers (z.B. für Global Script Injection oder custom header/footer)
• FieldCustomizers
• Command Sets
• Form customizer

Viva Connections und Adaptive Cards

• Was ist Viva Connections?
• Erstellen von Adaptive Cards für Viva Connections

Veröffentlichen von SPFx Projekten

• Building & Packaging
• Deployment über den globalen AppCatalog
• Benutzen des Site Collection AppCatalogs
• Veröffentlichen von SPFx-Komponenten in Microsoft Teams

Einführung in Azure Functions

• Was sind Azure Functions?
• Entwickeln von Code für die Ausführung im Kontext von Azure Functions
• Aufrufen von Azure Functions aus SPFx-Webparts
• Verwenden von App-Zugriff aus Azure auf SharePoint

Teams-Development

• Verwenden von SPFx für das Erstellen von Teams-Apps
• Benutzung des Teams Toolkits für die Entwicklung von „native“ Teams Apps

• (SharePoint)-Entwickler*innen mit Interesse an Erweiterungsmöglichkeiten von SharePoint, Teams und den entsprechenden Schnittstellen.

• Erfahrung mit Web- & SharePoint Entwicklung von Vorteil
• Erfahrung im Umgang mit SharePoint/Teams/Microsoft 365