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

Beschreibung

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 Seminars 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 Seminar ist NICHT für Einsteiger in die SharePoint oder Office 365 Programmierung geeignet! - Dieses Seminar ist auf Level 300+

expand_more chevron_right Zielgruppe

  • 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 Seminar ist NICHT für Einsteiger in die SharePoint oder Office 365 Programmierung geeignet – Level 300+
     

    expand_more chevron_right 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
    Die Voraussetzungen werden im Seminar „Building applications and solutions with Microsoft 365 core services” vermittelt
     

    expand_more chevron_right 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
    • expand_more chevron_right event_available 06.03.-10.03.2023 06.03.2023 Seminarzeitentimer5 Tage roomETC-Wien Als Live-Stream verfügbaronline_predictionLive-Stream
      • expand_more chevron_right ETC Classroom - im Seminarzentrum 2.875,00
        • Ihr ILT Seminar (Instructor Led Training)
        • Seminarunterlagen, Teamwork, Labs
        • Verpflegung vorort
        • Seminar-Services
      • expand_more chevron_right ETC>Live - Virtual Classroom 2.875,00
        • Online Training – aber live beim Seminar dabei
        • Keine Anfahrt ins Seminarzentrum notwendig
        • ETC>Live  Support und Hotline
        • ETC-Services

         

    • expand_more chevron_right event_available 26.06.-30.06.2023 26.06.2023 Seminarzeitentimer5 Tage roomETC-Wien Als Live-Stream verfügbaronline_predictionLive-Stream
      • expand_more chevron_right ETC Classroom - im Seminarzentrum 2.875,00
        • Ihr ILT Seminar (Instructor Led Training)
        • Seminarunterlagen, Teamwork, Labs
        • Verpflegung vorort
        • Seminar-Services
      • expand_more chevron_right ETC>Live - Virtual Classroom 2.875,00
        • Online Training – aber live beim Seminar dabei
        • Keine Anfahrt ins Seminarzentrum notwendig
        • ETC>Live  Support und Hotline
        • ETC-Services

         

    • expand_more chevron_right event_available 16.10.-20.10.2023 16.10.2023 Seminarzeitentimer5 Tage roomETC-Wien Als Live-Stream verfügbaronline_predictionLive-Stream
      • expand_more chevron_right ETC Classroom - im Seminarzentrum 2.875,00
        • Ihr ILT Seminar (Instructor Led Training)
        • Seminarunterlagen, Teamwork, Labs
        • Verpflegung vorort
        • Seminar-Services
      • expand_more chevron_right ETC>Live - Virtual Classroom 2.875,00
        • Online Training – aber live beim Seminar dabei
        • Keine Anfahrt ins Seminarzentrum notwendig
        • ETC>Live  Support und Hotline
        • ETC-Services

         

    Ähnliche Seminare