Programm
- Introduction
- The Modern UI
- What is SharePoint Framework
- Configure your environment for SPFx
- Visual Studio Code & Extensions
- Node.js & Tooling
- Overview & it’s Role in SPFx Development
- npm commands
- Gulp, Yeoman
- WebPack
- Improve Code Quality using Linting
- Speedup Development with yarn
- Setup Testing
- SPFx Basics
- Investigate Project Structure & Files
- Debugging SPFx im Browser & VS Code
- HelloWorld WebPart
- Customizing the Property Pane & validate and use its data
- Consuming SharePoint Data
- Authentication, Authorization and cross domain issues
- SPFx Create, Read, Update & Delete
- Consuming Office 365 REST APIs for mail, calendars, and contacts
- Consuming Microsoft Graph
- Calling external APIs
- Using JavaScript Frameworks & Plugins with SPFx
- Using jQuery
- Using Angular JS (Angular 1)
- Using Angular (Angular 4)
- Knockout & SPFx
- Implementing Multi Page WebParts
- Migrating existing JavaScript soltuions
- React Basics
- What is React? Prinziples of Reactive Programming.
- Two Way Binding vs Unidirectional Data Flow
- Virtual DOM
- Components
- Props, State & Imutability
- Unidirectional Data Flow & Async
- Promises vs Observables
- React Routing
- Implementing Reactive SPFx WebParts
- First React WebPart
- Using Reactive Components
- Building Multi Page WebParts
- Using Redux in SPFx
- Using User Interface Frameworks with SPFx
- SaSS Basics
- Using Bootstrap
- Office UI Fabric Overview
- Using Office UI Fabric Reactive Components
- SharePoint Framework Extensions
- What are SharePoint Framework Extensions
- ApplicationCustomizers
- FieldCustomizers
- CommandSets
- Publishing SPFx Solutions
- Deploying SPFx to CDN, Azure
- Deploying Artifacts with SPFx Solutions (Fields, Content Types, Lists)
- Customizing Build and Deployment Scripts
- Maintaining & Updating SPFx Solutions
Ziele
Mit SharePoint Framework hat Microsoft einerseits sein User Interface überarbeitet und fit für die Darstellung auf unterschiedlichen Geräten gemacht, andererseits wurde auch das klassische Toolset wie .NET, C# aber auch Visual Studio Prof / Enterprise über Bord geworfen.
SharePoint Framework Lösungen werden typischer Weise mit Node.js, Visual Studio Code, TypeScript und JavaScript Frameworks wie React oder Angular entwickelt.
Nach Abschluss dieses Seminars haben die Teilnehmer Wissen zu folgenden Themen:
SharePoint Framework Lösungen werden typischer Weise mit Node.js, Visual Studio Code, TypeScript und JavaScript Frameworks wie React oder Angular entwickelt.
Nach Abschluss dieses Seminars haben die Teilnehmer Wissen zu folgenden Themen:
- Wissen was SPFx ist und wie man es einsetzt
- Kennen von Node.js & Tooling
- Kennen der Grundlagen von SharePoint Framework
- Datenzugriff mit SPFx
- Verwenden von Angular mit SPFx
- Grundlagen von React
- Erstellen von SPFx Webparts mit React
- Verwenden von UI Frameworks mit SPFx
- Erstellen von SharePoint Framework Extensions
- Verteilen von SPFx Komponenten
Voraussetzungen
Für dieses Seminar werden folgende Kenntnisse empfohlen:
- SharePoint und Office 365 Client Side Development Kenntnisse
- Grundlegende JavaScript & TypeScript Kenntnisse
- Empfohlen wird der Besuch des Seminars: SPD2016 smart SharePoint 2016 und Office 365: Client Side & Add-In Development