Developing SharePoint Framework Solutions (SPFx) for SharePoint Online & Microsoft 365

Wissensgarantie:
12 Monate
Trainings-ID:
SPFx
MOC
:
MOC55249
MOC
:
MOC55249
MOC
:
MOC55249

Inhalt des Trainings

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:
  • Wissen was SPFx ist und wie man es einsetzt
  • Verstehen & Verwenden von Node.js & Tooling
  • Kennen der Grundlagen von SharePoint Framework
  • Zugreifen auf SharePoint Daten und API
  • Erstellen von SPFx Webparts mit React
  • Customizing the User Interface using Bootstrap & Office UI Fabric
  • SharePoint Framework Extensions (Command Sets, Script Injection, FielCustomizer)
  • Advanced Topics: Libraries, Viva Connections & Adaptive Cards
  • Extending Microsoft Teams
  • Verteilen 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+

Zielgruppen

  • 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+ 

Vorkenntnisse

  • 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

Detail-Inhalte

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

Trainings zur Vorbereitung

Downloads

Jetzt online buchen

  • 10.03.-14.03.2025 10.03.2025 5T 5 Tage Wien OnlinePräsenz
    ETC-Wien · Modecenterstraße 22, Office 4, 5. Stock, 1030 Wien Uhrzeiten
    • Trainingspreis € 3.020,-
      • Vor Ort
      • Online
  • 23.06.-27.06.2025 23.06.2025 5T 5 Tage Wien OnlinePräsenz
    ETC-Wien · Modecenterstraße 22, Office 4, 5. Stock, 1030 Wien Uhrzeiten
    • Trainingspreis € 3.020,-
      • Vor Ort
      • Online
  • 13.10.-17.10.2025 13.10.2025 5T 5 Tage Wien OnlinePräsenz
    ETC-Wien · Modecenterstraße 22, Office 4, 5. Stock, 1030 Wien Uhrzeiten
    • Trainingspreis € 3.020,-
      • Vor Ort
      • Online

Preise exkl. MwSt.

Sie haben Fragen?

Ihr ETC Support

Kontaktieren Sie uns!

+43 1 533 1777-99
E-Mail

Wir rufen Sie gerne an.
Datenschutz*
Hidden
Hidden
Hidden

Unsere Empfehlungen für Sie

Advanced Web Technologies - Tools & Frameworks

17.02.2025+2
Ab € 3.175,-

Lernformen im Überblick

Mehr darüber