MOC 55249 Developing with the SharePoint Framework
Classroom training | German | Claim
Duration of training: 5 days
Objectives
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.
Target audience
Dieser Kurs richtet sich an erfahrene Entwickler, die mit dem Erstellen von Lösungen mit dem SharePoint Framework beginnen möchten.
Requirements
- 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
Objectives
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.
Target audience
Dieser Kurs richtet sich an erfahrene Entwickler, die mit dem Erstellen von Lösungen mit dem SharePoint Framework beginnen möchten.
Requirements
- 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