MOC 55249 Developing with the SharePoint Framework

Ziele

In diesem Kurs lernen Sie die neuen Werkzeuge kennen, die bei der Entwicklung mit dem SharePoint Framework benötigt werden. Darüber hinaus werden JavaScript und seine möglichen Schwierigkeiten ausgiebig diskutiert, was dazu führt, dass TypeScript als typisierte Übergruppe von JavaScript verwendet wird. Sie werden auch mit der JavaScript-Bibliothek React vertraut gemacht, die in SharePoint Framework-Komponenten häufiger verwendet wird. Schließlich lernen Sie, wie man andere JavaScript-Frameworks einbindet, Unit-Tests durchführt, die Verpackung konfiguriert und ihre Lösungen einsetzt.

Zielgruppe

Dieser Kurs richtet sich an erfahrene Entwickler, die mit dem Erstellen von Lösungen mit dem SharePoint Framework beginnen möchten.

Voraussetzungen

• Vorkenntnisse in JavaScript oder TypeScript sind nicht erforderlich.
• Es wird empfohlen, sich mit SharePoint vertraut zu machen.

Agenda

SharePoint Framework Übersicht

• Was ist das SharePoint Framework?
• Warum SharePoint Framework?
• Moderne Werkzeugkette

Vorbereiten Ihrer Maschine für das SharePoint Framework

• Einrichten von Office 365
• Software-Installation

Node.js Module

• Module
• Erstellen eines Projekts
• Verwendung von Modulen
• CommonJS

SharePoint Framework Kunden-Webparts

• Framework Client Web Parts
• Was ist ein Client-Webpart?
• Erstellen eines Projekts
• Durchsuchen von Projektinhalten
• Durchführung Ihres Projekts
• Gulp tasks
• Konfiguration von Webparts

JavaScript-Einführung

• Was ist JavaScript
• Was ist ECMAScript?
• Verwendung von Bibliotheken zur Erweiterung der JavaScript-Funktionalität
• Debuggen von JavaScript mit dem Browser-Debugger

JavaScript-Sprache

• Variablen, Objekte, Arrays und Funktionen
• JavaScript Scopes und Verschlüsse
• Funktionsparameter
• Funktionskonstrukteure
• Prototypen
• Fehlerbehandlung

JavaScript-Muster

• Rückrufmuster
• Optionen Hashing
• Selbstaufrufende Funktionen
• Klassenmuster
• Modulmuster
• Selbstbezug

TypeScript

• Was ist TypeScript?
• Verwendung von TypeScript in Ihrem Projekt
• Variablen
• Funktionen
• Interfaces und Klassen
• Module und Namensräume

Client Web Part Properties

• Client-Webpart-Eigenschaften
• Webpart-Eigenschaften
• Hinzufügen von Eigenschaften
• Verwendung von Eigenschaften
• Vorkonfigurierte Einträge
• Dynamische Daten
• Benutzerdefinierte Eigenschaften
• Erweiterte Konfiguration

Laden von Frameworks und Bibliotheken

• Laden von Bibliotheken und/oder Frameworks
• Überlegungen
• NPM-Paket
• Laden von einer URL
• Laden einer lokalen Kopie
• Laden von jQuery und Plugins
• Komponentenlader

SASS

• Was ist SASS?
• Die Sprache
• Variablen
• Typen
• Kommentare
• Verschachtelte Regeln und Eigenschaften
• Partiale
• Erweitern
• Mischungen
• Funktionen

Laden von SharePoint-Daten in einen Client-Webpart

• Laden von SharePoint-Daten
• Seitenkontext
• Übersicht über die Webdienste
• Grundlagen von REST und ODATA
• SharePoint REST API's
• AJAX
• Framework HttpClient
• Lösung domänenübergreifender Probleme mit CORS

Erstellen und Bereitstellen Ihres SharePoint Framework-Projekts

• Erstellen und Bereitstellen einer Framework-Lösung
• Übersicht
• Gebäude
• Einsatzkräfte

Reagieren

• Was ist React JS?
• Modellansicht ViewModel (MVVM)
• Reaktionskomponenten
• Was ist JSX?
• Html-Tags vs. React-Komponenten
• Komponenten anlegen
• JavaScript-Ausdrücke
• JSX Gotchas
• Beziehung zu Zustandsmaschinen
• Handhabung des Komponentenstatus
• Hinzufügen von Interaktivität über Ereignisse
• Verwendung mehrerer Komponenten
• Übertragung von Stützen zwischen den Komponenten
• Lebenszyklus einer Komponente
• Alternative Syntax
• SharePoint Framework und React

Framework und Office-UI-Gewebe

• Was ist Office UI Fabric?
• Office UI Stoffversionen
• Stoffkern-Stile
• Anwendungsbeispiele
• Gewebekomponenten
• Stoff JS
• ngOfficeUIFabric
• Stoffreaktion

Bereitstellen von SharePoint-Artefakten

• Bereitstellen von SharePoint-Artefakten
• Bereitstellungsoptionen
• Vermögensarten
• Merkmale

Microsoft Graph

• Einführung in Microsoft Graph
• Authentifizierungsanbieter
• Microsoft Graph API
• Entwicklung

SharePoint Framework-ErweiterungenBefehlssätze

• SharePoint Framework-Erweiterungen
• Übersicht der Erweiterungen
• Erweiterungen erstellen
• Anwendungs-Customizer
• Feld-Customizer
• Befehlssätze

webpack

• Was ist Webpack
• Ein- und Ausgaben
• Verwendung von Loadern
• Notwendigkeit von Plugins

Gulp

• Installation von Gulp als Knotenmodul
• Gulp Primitives
• Gulp Beispiel

Unit-Testing von Webparts

• Enthaltene Testframeworks
• Durchführen von Tests
• Komponentenprüfung