O365 Tenant Setup

Developer PC Setup

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

• Why Client-Side Development
• Office 365 Overview & Services
• Overview PnP Framework
• JavaScript vs TypeScript
• CSOM vs REST vs PnP Core JavaScript
• JavaScript / Typescript vs C# Customizations
• 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

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

Consuming Microsoft Graph, Webhooks & Connectors

• Microsoft Graph
• One Drive API
• Using Webhooks & Connectors
• Remote Timer Jobs On-Premises & using Azure Functions

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)

• Overview PowerShell Extensions / Office CLI
• Application Lifecycle Management Basics
• Provisioning SharePoint Artifacts
• Overview PnP Provisioning Framework
• Using PnP Provisioning
• Sharepoint Online Provisioning Services

Programming Security, Social & Teams

• Security Basics, Authentication (oAuth, Tokens)
• Introduction to Azure AD & App Registrations
• Authentication Libraries: ADAL & MSAL
• Managing Users & Group Memberships
• Coding Permissions
• Working with User Profiles & Social Features

Using JavaScript Frameworks in SharePoint Develpment

• Introduction to React
• Use Cases for React in SharePoint Development
• Using Angular in SharePoint Remote Apps

SharePoint Framework Basics (SPFx)

• SharePoint Framework SPFx Overview
• When to use SPFx / When to use other Patterns
• Implementing SharePoint Framework Web Parts
• Using Office UI Fabric React

No-Code-Solutions using MS Flow & Power Apps

• Introduction to Microsoft Power Apps
• Introduction to Microsoft Flow
• Using Webhooks & Connectors in Flow