- Erfahrung mit Web- & SharePoint Entwicklung
- Grundlegende JavaScript (ES 6, Objektorientierung) & TypeScript Kenntniss
- SharePoint und Office 365 Client Side Development Kenntnisse: REST API, PnP JS Core, CSOM
- Grundlegendes Kennen von Office 365, Azure AD, Graph
Die Voraussetzungen werden im Seminar „Building applications and solutions with Microsoft 365 core services” vermittelt
Machen Sie sich fit für SharePoint Online & Microsoft 365. 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. Mit Erscheinen des SharePoint 2016 Feature Pack 2 ist dessen Einsatz auch teilweise On Premises, möglich. Im Sharepoint 2019 sind Modern Team Sites und Modern UI gemeinsam mit SPFx von Anfang an dabei.
Nach Abschluss dieses Trainings haben die Teilnehmer*innen Wissen zu folgenden Themen:
n was SPFx ist und wie man es einsetzt
ehen & Verwenden von Node.js & Tooling
n der Grundlagen von SharePoint Framework
ifen auf SharePoint Daten und API
llen von SPFx Webparts mit React
mizing the User Interface using Bootstrap & Office UI Fabric
Point Framework Extensions (Command Sets, Script Injection, FielCustomizer)
ced Topics: Libraries, Viva Connections & Adaptive Cards
ding Microsoft Teams
ilen von SPFx Lösungen using Office CLI & DevOps Pipelines
Neue Themengebiete werden anhand von Folien und Demos erarbeitet – am Ende der Module werden Hands-On-Labs ausgeteilt.
Dieses Trainings ist NICHT für Einsteiger in die SharePoint oder Office 365 Programmierung geeignet! – Dieses Seminar ist auf Level 300+
- SharePoint Entwickler*innen welche detaillierte Kenntnisse über SharePoint Framework und dessen Einsatz als Werkzeug für moderne SharePoint / Office 365 Lösungen erlernen möchten.
- Dieses Training ist NICHT für Einsteiger in die SharePoint oder Office 365 Programmierung geeignet – Level 300+
SPFx Overview
- SharePoint Framework Introduction
- When to use SPFx
- Configure Tenant & Dev Environment for SPFx
- Office 365 CLI
- Introduction to Visual Studio Code
- Useful VS Extensions & Chrome AddOns
Typescript Primer
- TypeScript Overview & Language
- Types, Enums & Arrays
- Classes, Interfaces, Functions
- Generics, Namespaces & Modules
- Using CSOM & 3rd Party Libraries in TypeScript
Node.js & Tooling
- Node Package Manager (npm) & Yarn
- Scaffolding using Yeoman
- Implementing & Debugging Gulp Tasks
- Bundling with WebPack
- Linting
SPFx Basics
- Project Structur & Configuration
- Implementing Methods & Handling Events
- Debugging SPFx im Browser & VS Code
- SPFx Utility Classes & Methods (Page Context, Env, Logging, …)
- Working with Properties
- Add multiple items to a SPFx Solution
- Implementin full size App Parts as Application Page replacement
React Basics
- What is React?
- Introduction to JSX / TSX (Syntax, Event Handling, Looping, …)
- Components & Nesting
- Props, State & Immutability
- Introduction to Redux
- State Management using Redux
Implementing SPFx Web Parts using React
- Steps to implement SPFX Web Parts in React
- First React Web Part
- Using Reactive Components
- Setup & Debug Unit Testing
- Custom Property Pane Fields
- Planning Localization
SPFx Unit Testing
- Testing Overview
- Enzyme, Mocha, Chai
- Writing Unit Tests for SPFx using Jest
Consuming SharePoint Data
- Data Access Strategies & SPHttpClient
- CSOM vs. REST Api vs. PnP JS
- Mocking Data for Local Workbench
- SPFx Create, Read, Update & Delete using CSOM, REST, PnP JS
- CAML Queries Executing CAML Queries from SPFx
- Consuming Search API from SPFx
- Consuming Microsoft Graph
- Consuming External APIs
Customizing the User Interface
- An introduction to The Modern UI
- Customize Modern Team Sites
- Implementing Custom Themes
- Understanding and using Syntactically Awesome Style Sheets
- Using Bootstrap in SPFx
- Office UI Fabric Overview
- Using Office UI Fabric Reactive Components
- Using PnP SPFx React Controls
SharePoint Framework Extensions
- What are SharePoint Framework Extensions
- Use ApplicationCustomizers for Global Script Injection
- Adding Page Headers / Footers using ApplicationCustomizers
- Customize the Display of Lists using FieldCustomizers
- Use Command Sets to trigger Actions
Advanced Topics: Libraries, Viva Connections & Adaptive Cards
- Using Libraries in SPFx
- Introduction to Viva Connections
- Using Viva Connections in SPFx
- Introduction to Adaptive Cards
- Using Adaptive Cards in SPFx
Publishing SPFx WebParts
- Building & Packaging
- Deploying Assets with SPFx Solutions as CAML (Fields, Content Types, Lists)
- Tenant Wide Deployment
- Site & Asset Deployment using Office 365 CLI
- Deploying SPFx Solutions using ALM Scripts, VS Code & DevOps Pipelings
- Maintaining & Updating SPFx Solutions using Office 365 CLI
Introduction to extending Microsoft Teams
- A Developer Introduction to Teams
- Overview Tabs, Bots, Connectors, Cards
- Implementing Tabs using SharePoint Framework
https://www.etc.at/seminare/SPFx