SP DEV + SPFx

Ein Kurs von PPEDV 🚀

Datum: 14. - 16.06.2021, 15. - 16.07.2021

Ort: VC

Format: Vollzeit

Agenda von diesem Kurs auf ppedv.de

oder verlinke zum Kursblatt auf ppedv.de Seite im Abschnitt About oben rechts neben dem grünen Button Code.

WARMING UP

• Folien: Greeter.pdf

INTRO

• Folien:
  • SP-DEV.pdf > INTRO
  • SP-DEV.pdf > SP DESIGNER

VS TEMPLATES FOR SP

• Folien: SP-DEV.pdf > SHAREPOINT DEV TOOLS
• Commit zwei templates in vs
• Demos
  • Template von Visual WebPart 1
  • Template von Empty Sandboxed Solution

SPFX

• Folien:
  • SP-DEV.pdf > SPFX DEV TOOLS
  • SP-DEV.pdf > SPFX PROJEKT BEREITSTELLEN
• Commits
  • spfx first webpart
  • first web part and proppane done
• Demos
  • FirstVNwpWebPart.ts

TYPESCRIPT

• Folien:
  • SP-DEV.pdf > JAVASCRIPT IM SPFX
  • SP-DEV.pdf > TYPESCRIPT, EINFÜHRUNG
  • SP-DEV.pdf > JSLINK, SCRIPT & CONTENT EDITOR
• Commit typescript wp
  • Demos
    • TypeScriptVnWebPart.ts
    • fetchTodos.html

CONTEXT, SP HTTP CLIENT

• Folien:
  • SP-DEV.pdf > WORKBENCHES & CONTEXT
  • SP-DEV.pdf > SP APIS
  • SP-DEV.pdf > SP HTTP CLIENT & ENVIRONMENT
• Commits
  • sphttpclient sp data
  • sphttpclient lists done
• Demos
  • ContextVnWebPart.ts
  • SpHttpClientVnWebPart.ts

REACT

REACT INTRO

• Folien: SP-DEV.pdf > REACT IN SHAREPOINT
• Commit react intro
• Demo React-Intro.html

SPFX WEB PART WITH REACT

• Folien: SP-DEV.pdf > SPFX CLIENT WEB PARTS
• Commit react input from proppane
• Demos
  • ReactWpVnWebPart.ts
  • ReactWpVn.tsx

REACT COMPONENTS

• Folien:
• Commits
  • react list termine durch zwei komponenten
  • termineWP mit Kommentaren
• Demos
  • emmet.html
  • TermineVnWebPart.ts
  • Termin.tsx
  • TermineVn.tsx

MS GRAPH, APP CUSTOMIZER, MS CSS

• Folien:
  • SP-DEV.pdf > MICROSOFT GRAPH
  • SP-DEV.pdf > SPFX ERWEITERUNGEN
• Commits
  • ms graph versuch
  • graph consumer
  • graph consumer tlnm
• Demos
  • GraphConsumerWebPart.ts
  • GraphConsumer.tsx
  • GraphConsumerKbWebPart.ts
  • GraphConsumerKb.tsx
  • AppCsmzVnApplicationCustomizer.ts
  • MsCssWebPart.ts

CSS

• Folien:
  • SP-DEV.pdf > EINFÜHRUNG IN SASS
  • SP-DEV.pdf > OFFICE FLUENT UI

ADD-INS

• Folien: SP-DEV.pdf > SP ADD-INS
• Commit add-in template
• Demos
  • Default.aspx
  • App.js

ADD-IN LIST

• Folien:
• Commit neue add in vorlage
• Demos
  • MitarbeiterEinarbeitung/Elements.xml
  • MitarbeiterEinarbeitungInBerlin/Elements.xml
  • Schema.xml

COLUMNS

• Folien:
• Commit columns added
• Demos
  • EinarbeitungFortschritt/Elements.xml
  • Abteilung/Elements.xml

CUSTOM CONTENT TYPE & BUILT-IN WEB PART

• Folien: SP-DEV.pdf > WEBPART
• Commit web part added
• Demos
  • ContentTypes/NeuerMitarbeiter/Elements.xml
  • Lists/MitarbeiterEinarbeitung/Schema.xml
  • Pages/Elements.xml

GRAPH TAXONOMY

• Folien: SP-DEV.pdf > MICROSOFT GRAPH > TAXONOMY GRAPH APIS

SHAREPOINT WEB SERVICES

• Folien: SP-DEV.pdf > SP WEB SERVICES

AUSBLICK POWERAPPS UND FLOW

• OnboardingPowerApp in SPO 'naumchyk.onmicrosoft.com'

POWERSHELL FOR SHAREPOINT SERVER

• Folien: SP-DEV.pdf > SP & PNP POWERSHELL
• Demo scriptToRestartSPServices.ps1

MIGRATION

• Folien: SP-DEV.pdf > MIGRATION