Durch die zunehmende Bedeutung von Clientseitigen Technologien stehen viele SharePoint Entwickler vor der Herausforderung ihr Skillset in Richtung JavaScript & TypeScript, sowie Open Source Tooling wie Glup, Node.js erweitern zu müssen um für das neue SharePoint Framework gerüstet zu sein Dieser Workshop setzt voraus, dass sie grundlegende Kenntnisse als Web Entwickler (HTML/JavaScript) und Erfahrung mit SharePoint Development haben, und bietet Ihnen die Möglichkeit sich die Skills für clientseitiges SharePoint Development in Kompakter Form anzueignen. Die hier erworbenen Kenntnisse können sie sowohl in Server-Side-Solutions, Add-Ins für SharePoint 2016 & 2019 sowie Office 365 einsetzen. Sie stellen die Basis für eine Vertiefung in Richtung SharePoint Framework Development dar.
Nach Abschluss dieses Seminars haben die Teilnehmer Wissen zu folgenden Themen:
- Introduction to SharePoint 2019 / Office 365 Development
- Writing modern JavaScript (ECMA Script 6)
- Verwenden von Type Script in SharePoint Projekten
- Using REST API with JavaScript
- Using PnP JS Core
- Using Client-Side Object Model
- Consuming Microsoft Graph, Webhooks
- Programming Security, Social & Teams
- Customizing & Enhancing the User-Interface
- Add-In Fundamentals
- Provisioning & Application Lifecycle Management (ALM)
- Using JavaScript Frameworks in SharePoint
- Introduction to SharePoint Framework
Dieses Seminar richtet sich an SharePoint Entwickler welche Ihre serverseitigen SharePoint Entwicklerkenntnisse in Richtung Client Side-Development mit Fokus JavaScrit / TypeScript erweitern möchten umso Lösungen für SharePoint 2016 / 2019, Office 365 und Microsft Teams zu implementieren. Erfahrene Web Entwickler sind willkommen – sollten aber gute SharePoint Benutzerkenntnisse haben.
Neue Themengebiete werden anhand von Folien und Demos erarbeitet – am Ende der Module werden teilweise Hands-On-Labs ausgeteilt, teilweise werden Aufgaben gestellt und eine mögliche Lösung wird verteilt. Zusätzlich wird eine Anwendung wird zuerst mit clientseitigen Technologien als On-Premise Solution erstellt, um diese dann in weiterer Folge als On-Premise Add-In und als Office 365 Add-In zu verteilen, um die unterschiedlichen Paradigmen & Vorgehensweisen zu verdeutlichen.
- Gute SharePoint Benutzer Kenntnisse
- Grundlegende JavaScript & HTML Kenntnisse
- Erfahrung mit SharePoint Development
- .NET Kenntnisse vorteilhaft
Introduction SharePoint 2019 / Office 365 Development
- Moden Team Sites
- Office 365 Overview & Services
- Microsoft Teams vs Sharepoint
- Overview PnP Framework
- Overview PnP Core Extensions
- Why Client-Side Development
- JavaScript vs TypeScript
- CSOM vs REST vs PnP Core JavaScript
- JavaScript / Typescript vs C# Customizations
- Overview PowerShell Extensions / Office CLI
Writing modern JavaScript
- Tools, Extensions, Add-Ins
- Modules, Classes, Inheritance
- Async Programming & Promises
- ES6 Array Helpers & Utility Functions
- Ensuring Browser Compatibility using Babel, Shims and Polyfills
SharePoint & Type Script
- Visual Studio Extensions & Project Configurations
- TypeScript Overview & Language
- Types, Enums & Arrays
- Classes, Interfaces, Functions
- Generics, Namespaces & Modules
- Using 3rd Party Libraries in TypeScript
Using Client-Side Object Model
- Deployment Patters for On-Premise & Office 365
- Registering & Loading JavaScript
- Context, Batching, Loading
- Implementing CRUD Operations
- Managing Sites & Site Collections
- Managing Lists & List Items
- Resolving Managed Metadata, Lookups, Complex Types
Using REST API
- REST and OData Overview
- OData Queries and Expanding
- Implementing CRUD Operation using REST
- Managing List & List Items
- Resolving Managed Metadata, Lookups, Complex Types
- Comparing CSOM & REST
Verwenden von PnP JS Core
- PnP JS Overview
- Implementing CRUD Operations
- Using PnP JS Core
Using JavaScript Frameworks in SharePoint Develpment
- Understanding Node.js Role in modern Client Side Dev
- The Web Stack Pattern, Node, Gulp, Yeoman, Webpack
- Bundling Solutions using Webpack
- Using Node in Server Side Solutions & Add-Ins
- React Intro & Hello World
- Angular Intro & Hello World
Customizing & Enhancing the User-Interface
- Customize Modern UI & Modern Themes
- Understanding & Using Flexbox
- Column & List Formatting
- Using Office UI Fabric React & Office UI Fabric JS
Add-In Fundamentals
- On Premise vs Office 365
- Add-In Types
- SharePoint Hosted Add-Ins
- Consuming & Provisioning from / to Host- & Add-In Web
- Provider Hosted Add-Ins – When to use them
- Non .NET Add-Ins (.NET Core, Node.js)
- Implementing & Registering Azure AD Add-Ins
Provisioning & Application LifeCycle Management (ALM)
- Provisioning SharePoint Artifacts
- Overview PnP Provisioning Framework
- Using PnP Provisioning
- Sharepoint Online Provisioning Services
- Application Lifecycle Management Basics
Consuming Microsoft Graph, Webhooks & SharePoint / Office 365 Services
- Microsoft Graph
- One Drive API
- Remote Event Receivers
- Using Webhooks & Connectors
- Remote Timer Jobs On-Premises & using Azure Functions
Programming Security, Social & Teams
- Security Basics, Authentication (oAuth, Tokens)
- Azure AD & Active Directory Authentication Library
- Managing Users & Group Memberships
- Coding Permissions
- Working with User Profiles & Social Features
- Using Microsoft Teams API
No-Code-Solutions using MS Flow & Power Apps
- Introduction to Microsoft Power Apps
- Introduction to Microsoft Flow
- Using Webhooks & Connectors in Flow
SharePoint Framework Basics (SPFx)
- SharePoint Framework SPFx Overview
- When to use SPFx / When to use other Patterns
- Implementing SharePoint Framework Web Parts