Slide 1

Slide 1 text

SharePoint-Framework Hands-on Workshop Daniel Lindemann @daniellindemann /in/daniel-lindemann

Slide 2

Slide 2 text

Agenda Was ist das SharePoint Framework? Entwicklungsumgebung vorbereiten Der erste WebPart SharePoint-Inhalte abfragen Deployment, Update und Betrieb

Slide 3

Slide 3 text

SharePoint Framework “The SharePoint Framework (SPFx) is a page and extension model that enables client-side development for building SharePoint experiences. It facilitates easy integration with the SharePoint data and provides support for open source tooling development.” More information: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/sharepoint-framework-overview

Slide 4

Slide 4 text

Open source tooling SharePoint Framework leverages an open source, Node.js based toolchain and embraces all web frameworks + code editors Build Process & Tooling • Yeoman Templates • Gulp (task runner) • Node.js • NPM (package manager) • SystemJS • Webpack • SASS • TypeScript Web Frameworks • React • Angular • Knockout • jQuery • … and more… your choice! Code Editors • Visual Studio Code • Atom • Sublime • Webstorm • … and more… your choice!

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

IIS Express Project Templates

Slide 10

Slide 10 text

Let’s get it started! Let’s get it started in here!

Slide 11

Slide 11 text

SPFx Extensions Application Customizers Field Customizers Command Sets

Slide 12

Slide 12 text

Office 365 PnP Beispiele Tools Erweiterungen https://aka.ms/officedevpnp

Slide 13

Slide 13 text

https://emp.jobylon.com/jobs/5701-itacs-gmbh- initiativbewerbung-bei-itacs/ Initiativbewerbung bei itacs Du bist offen und leidenschaftlich in der IT unterwegs und suchst eine neue Herausforderung? Wir suchen: - Web Developer / JS, .NET, Azure - Cloud Solution Architects - Cloud Security Engineers

Slide 14

Slide 14 text

Danke!

Slide 15

Slide 15 text

Mehr mehr mehr Get an introduction to the SharePoint Framework (Ignite 2016) https://channel9.msdn.com/events/Ignite/2016/BRK2114-TS Introducing SharePoint Framework (TechDays 2016 The Netherlands) https://channel9.msdn.com/events/TechDays/Techdays-2016-The- Netherlands/Introducing-SharePoint-Framework PnP Web Cast - Preparing for SharePoint Framework - What should I learn? https://channel9.msdn.com/blogs/OfficeDevPnP/PnP-Web-Cast-Preparing-for- SharePoint-Framework-What-should-I-learn Understanding the SharePoint Framework and how it affects your JavaScript customizations https://channel9.msdn.com/events/Ignite/Microsoft-Ignite-Orlando-2017/THR1031 SharePoint Framework do's and don'ts https://channel9.msdn.com/Events/TechDays/Techdays-2016-The- Netherlands/SharePoint-Framework-dos-and-donts Office Dev Center http://dev.office.com/sharepoint SharePoint Framework Tutorials auf YouTube https://www.youtube.com/playlist?list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq SharePoint Developer Community – PnP auf YouTube https://www.youtube.com/channel/UC_mKdhw-V6CeCM7gTo_Iy7w Introducing open-source PnP SPFx Yeoman generator https://developer.microsoft.com/en-us/office/blogs/introducing-open-source-pnp- spfx-yeoman-generator/ Visual Studio extension for SharePoint Framework projects https://github.com/SharePoint/sp-dev-fx-vs-extension SharePoint Framework Script Check https://rencore.com/sharepoint-framework/script-check/