Global Microsoft 365 Developer Bootcamp 2019 - SharePoint Framework - Berlin

Slides of the workshop about SPFx at the Global Microsoft 365 Developer Bootcamp in Berlin.

Transcript

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

   View Slide

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

   View Slide

3. 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
   

   View Slide

4. 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!
   

   View Slide

5. View Slide

6. View Slide

7. View Slide

8. View Slide

9. IIS Express
   Project Templates
   

   View Slide

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

    View Slide

11. SPFx Extensions
    Application Customizers
    Field Customizers
    Command Sets
    

    View Slide

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

    View Slide

13. 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
    

    View Slide

14. Danke!
    

    View Slide

15. 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/
    

    View Slide