Developing SharePoint Framework Solutions (SPFx) for SharePoint 2019 & Office 365

Datum
19/10/2020 - 23/10/2020
9:00 - 17:00
Kalender-Import: iCal

Veranstaltungsort
ETC Trainingcenter
Modecenterstrasse 22, 1030 - Wien




Machen Sie sich schon heute fit für SharePoint 2019. 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 Seminars haben die Teilnehmer 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
  • Verwenden von Java Script Frameworks mit SPFx
  • Customizing the User Interface using Bootstrap & Office UI Fabric
  • SharePoint Framework Extensions (Command Sets, Script Injection, FielCustomizer)
  • 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 Seminar ist NICHT für Einsteiger in die SharePoint oder Office 365 Programmierung geeignet! – Dieses Seminar ist auf Level 300+

Vorkenntnisse:
Für dieses Seminar werden folgende Kenntnisse empfohlen:

  • 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 „SPOCDev SharePoint 2019 & Office 365 – Client Side Development Fundamentals ” vermittelt
 

Kurs Inhalte:
SPFx Overview

  • SharePoint Framework Introduction
  • When to use SPFx
  • Configure Tenant & Dev Environment for SPFx
  • 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
  • Ensuring Browser Compatibility using Shims and Polyfills

Node.js & Tooling

  • Node Introduction
  • Node Version Management
  • Node Package Manager (npm)
  • Scaffolding using Yeoman SPFx Generator & PnP Generator
  • 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
  • Working with Lookups & Taxonomy

Publishing SPFx WebParts

  • Building & Packaging
  • Deploying Assets with SPFx Solutions as CAML (Fields, Content Types, Lists)
  • Site & Asset Deployment using Office 365 CLI
  • Tenant Wide Deployment
  • Maintaining & Updating SPFx Solutions using Office 365 CLI
  • Deploying SPFx Solutions using ALM Scripts, VS Code & DevOps Pipelines

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
  • React Routing

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

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 API

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 React Reusable Controls

 
Using JavaScript Frameworks & Plugins with SPFx

  • Importing Libraries and using Types
  • Using jQuery & Other JavaScript Plugins

SharePoint Framework Extensions

  • What are SharePoint Framework Extensions
  • Use ApplicationCustomizers for Global Scripts Injection
  • Adding Page Headers / Footers using ApplicationCustomizers
  • Customize the Display of Lists using FieldCustomizers
  • Use Command Sets to trigger Actions
  • Surfacing SPFx Solutions as Teams Tab

Extending Microsoft Teams

  • A Developer Introduction to Teams
  • Teams Graph API
  • App Studio for Teams
  • Overview Tabs, Bots, Connectors, Cards
  • Implementing Tabs using SharePoint Framework

Anmeldelink: https://www.etc.at/seminare/SPFx

Preis: 2465

Kategorien


Mehr Artikel