SlideShare uma empresa Scribd logo
1 de 18
Baixar para ler offline
SPONSORED BY
SharePoint Framework
Nowa jakość w client-side development
Tomasz Głogosz
SPONSORED BY
Kim jestem?
Tomasz Głogosz
Project Manager, Datapolis
Certyfikaty: MCTS, MCTD, PMI PMP
10+ lat pracy w IT:
- Systemy zarządzania dokumentami
- Intranety/extranety
- SharePoint – rozwiązania firm trzecich
https://pl.linkedin.com/in/tomaszglogosz
SPONSORED BY
O czym będę mówi?
Biznes/IT Pro
• O historii customizacji SP
• O tym, czym jest SP Framework
• Co nam daje nowy model?
• Dla kogo?
• Gdzie się przyda, a gdzie nie?
DEV
• Jak to działa?
• Co potrzeba do deweloperki?
• Jak zrobić WebPart?
• Co dalej?
SPONSORED BY
Historia customizacji SharePoint
WSP
Sandboxed Solutions
Add-ins (Apps)
SharePoint Framework
SPONSORED BY
Czym jest SharePoint Framework?
Nowy model tworzenia customizacji w SharePoint
umożliwiający w pełni client-side development
zintegrowany z modern SharePoint UX
SPONSORED BY
Co nam daje nowy model?
• Pełna integracja skryptów
• Większa wydajność
• Może być w 100% JavaScript
• Wspiera nowy SharePoint UX (ale stary również!)
• Open source dev, dowolna platforma
• Kod JavaScript działający w kontekście bieżącego użytkownika
• Pozostałe modele pozostają!
SPONSORED BY
Dla kogo jest SharePoint Framework?
• Dla programistów Microsoft 
• Dla Enterprise
• Dla vendorów (będzie) – aktualnie brak wsparcia Office Store
SPONSORED BY
Gdzie się przyda, a gdzie nie?
Web Part na modern site łączący się z SP Tak
UX mobilny Tak
Web Part na old/modern site Tak
Podniesione uprawnienia Hybryda z Add-in
Long-running operation Hybryda z Azue WebJob
Ograniczone uprawnienia Tylko przegląd kodu / Add-in
Operacje na wrażliwych informacjach Nie / Add-in
SPONSORED BY
Jak to działa?
*.spapp
App Catalog
JS
WebPart
CDN
SPONSORED BY
Co potrzeba do deweloperki?
Podstawowe narzędzia
• Node.js
• npm
• Yeoman
• Gulp
• TypeScript
• Edytor (np. Visual Studio Code)
SPONSORED BY
Co potrzeba do deweloperki?
Project
template
MSBuild
C#
SUBLIME
SPONSORED BY
Co potrzeba do deweloperki?
• Istotne dodatki
• Framework - dowolny
• Office UI Fabric React
SPONSORED BY
Co potrzeba do deweloperki?
• Przydadzą się
• Fiddler
• Postman for Chrome
• Cmder
• Git
SPONSORED BY
Jak zrobić Web Part?
• Przygotować środowisko
• Pobrać i zainstalować najnowszą wersję NodeJS
• W command line:
• npm install --global --production windows-build-tools
• npm i -g yo
• npm i –g gulp
• npm i -g @microsoft/generator-sharepoint
SPONSORED BY
Jak zrobić Web Part?
• W command line:
• yo @microsoft/sharepoint
• code .
• gulp serve
• DEMO
SPONSORED BY
Co dalej z Web Partem?
• Testowanie na SharePoint
• Publikacja
• Informacje i Feedback
• https://github.com/SharePoint/sp-dev-docs/
SPONSORED BY
SharePoint Framework to...
• Przyszłość
• Alternatywa dla Add-ins
• Jedyna opcja dla modern sites
• Nowoczesny, ale wciąż budowany model
SPONSORED BY
Pytania?
Email: tomasz.glogosz@datapolis.com
www.datapolis.com
@datapolis
http://www.facebook.com/datapolisworkflows
http://www.linkedin.com/company/datapolis.com/

Mais conteúdo relacionado

Destaque

Gilles Pommier: Edit DevOps with PowerShell for Office 365 and SharePoint Onl...
Gilles Pommier: Edit DevOps with PowerShell for Office 365 and SharePoint Onl...Gilles Pommier: Edit DevOps with PowerShell for Office 365 and SharePoint Onl...
Gilles Pommier: Edit DevOps with PowerShell for Office 365 and SharePoint Onl...SharePoint Saturday Warsaw
 
Gokan Ozcifci: The Office 365 and Hybrid SharePoint Deployments bare essentials
Gokan Ozcifci: The Office 365 and Hybrid SharePoint Deployments bare essentialsGokan Ozcifci: The Office 365 and Hybrid SharePoint Deployments bare essentials
Gokan Ozcifci: The Office 365 and Hybrid SharePoint Deployments bare essentialsSharePoint Saturday Warsaw
 
European SharePoint Conference - TH3
European SharePoint Conference - TH3European SharePoint Conference - TH3
European SharePoint Conference - TH3Rick Van Rousselt
 
Session Slides from DEVintersection Europe
Session Slides from DEVintersection EuropeSession Slides from DEVintersection Europe
Session Slides from DEVintersection EuropeRick Van Rousselt
 
Collab365 Global Summit Slides
Collab365 Global Summit SlidesCollab365 Global Summit Slides
Collab365 Global Summit SlidesRick Van Rousselt
 
Next Gen Portal in Office 365: April 2015. SUGUK
Next Gen Portal in Office 365: April 2015. SUGUKNext Gen Portal in Office 365: April 2015. SUGUK
Next Gen Portal in Office 365: April 2015. SUGUKpearce.alex
 
My slides from SharePoint Saturday Oslo
My slides from SharePoint Saturday OsloMy slides from SharePoint Saturday Oslo
My slides from SharePoint Saturday OsloRick Van Rousselt
 
Next Generation Portals: Office 365
Next Generation Portals: Office 365Next Generation Portals: Office 365
Next Generation Portals: Office 365pearce.alex
 
Office 365 Groups: Deep Dive
Office 365 Groups: Deep DiveOffice 365 Groups: Deep Dive
Office 365 Groups: Deep Divepearce.alex
 
Managing permissions in SharePoint
Managing permissions in SharePointManaging permissions in SharePoint
Managing permissions in SharePointpearce.alex
 
My session slides from unityConnect 2016 in Haarlem
My session slides from unityConnect 2016 in HaarlemMy session slides from unityConnect 2016 in Haarlem
My session slides from unityConnect 2016 in HaarlemRick Van Rousselt
 
Typescript 102 angular and type script
Typescript 102   angular and type scriptTypescript 102   angular and type script
Typescript 102 angular and type scriptBob German
 
Spsnyc 2016 JSLink Primer
Spsnyc 2016   JSLink PrimerSpsnyc 2016   JSLink Primer
Spsnyc 2016 JSLink PrimerMichael Oryszak
 
Typescript 101 introduction
Typescript 101   introductionTypescript 101   introduction
Typescript 101 introductionBob German
 
Practical management of development & QA environments for SharePoint 2013
Practical management of development & QA environments for SharePoint 2013Practical management of development & QA environments for SharePoint 2013
Practical management of development & QA environments for SharePoint 2013SharePointRadi
 
Rolt group 2015 pro
Rolt group 2015 proRolt group 2015 pro
Rolt group 2015 proROLT Group
 
Anticipatory Care Planning: Making It Happen
Anticipatory Care Planning: Making It HappenAnticipatory Care Planning: Making It Happen
Anticipatory Care Planning: Making It HappenRobert Sanders
 
Catalogo Lechuza Premium Collection 2011
Catalogo Lechuza Premium Collection 2011Catalogo Lechuza Premium Collection 2011
Catalogo Lechuza Premium Collection 2011DeDi
 

Destaque (20)

Gilles Pommier: Edit DevOps with PowerShell for Office 365 and SharePoint Onl...
Gilles Pommier: Edit DevOps with PowerShell for Office 365 and SharePoint Onl...Gilles Pommier: Edit DevOps with PowerShell for Office 365 and SharePoint Onl...
Gilles Pommier: Edit DevOps with PowerShell for Office 365 and SharePoint Onl...
 
Gokan Ozcifci: The Office 365 and Hybrid SharePoint Deployments bare essentials
Gokan Ozcifci: The Office 365 and Hybrid SharePoint Deployments bare essentialsGokan Ozcifci: The Office 365 and Hybrid SharePoint Deployments bare essentials
Gokan Ozcifci: The Office 365 and Hybrid SharePoint Deployments bare essentials
 
European SharePoint Conference - TH3
European SharePoint Conference - TH3European SharePoint Conference - TH3
European SharePoint Conference - TH3
 
Session Slides from DEVintersection Europe
Session Slides from DEVintersection EuropeSession Slides from DEVintersection Europe
Session Slides from DEVintersection Europe
 
Collab365 Global Summit Slides
Collab365 Global Summit SlidesCollab365 Global Summit Slides
Collab365 Global Summit Slides
 
Next Gen Portal in Office 365: April 2015. SUGUK
Next Gen Portal in Office 365: April 2015. SUGUKNext Gen Portal in Office 365: April 2015. SUGUK
Next Gen Portal in Office 365: April 2015. SUGUK
 
My slides from SharePoint Saturday Oslo
My slides from SharePoint Saturday OsloMy slides from SharePoint Saturday Oslo
My slides from SharePoint Saturday Oslo
 
Real World SharePoint Debacles
Real World SharePoint DebaclesReal World SharePoint Debacles
Real World SharePoint Debacles
 
Microsoft PowerApps Introduction by Usama Wahab Khan MVP
Microsoft PowerApps Introduction by Usama Wahab Khan MVP Microsoft PowerApps Introduction by Usama Wahab Khan MVP
Microsoft PowerApps Introduction by Usama Wahab Khan MVP
 
Next Generation Portals: Office 365
Next Generation Portals: Office 365Next Generation Portals: Office 365
Next Generation Portals: Office 365
 
Office 365 Groups: Deep Dive
Office 365 Groups: Deep DiveOffice 365 Groups: Deep Dive
Office 365 Groups: Deep Dive
 
Managing permissions in SharePoint
Managing permissions in SharePointManaging permissions in SharePoint
Managing permissions in SharePoint
 
My session slides from unityConnect 2016 in Haarlem
My session slides from unityConnect 2016 in HaarlemMy session slides from unityConnect 2016 in Haarlem
My session slides from unityConnect 2016 in Haarlem
 
Typescript 102 angular and type script
Typescript 102   angular and type scriptTypescript 102   angular and type script
Typescript 102 angular and type script
 
Spsnyc 2016 JSLink Primer
Spsnyc 2016   JSLink PrimerSpsnyc 2016   JSLink Primer
Spsnyc 2016 JSLink Primer
 
Typescript 101 introduction
Typescript 101   introductionTypescript 101   introduction
Typescript 101 introduction
 
Practical management of development & QA environments for SharePoint 2013
Practical management of development & QA environments for SharePoint 2013Practical management of development & QA environments for SharePoint 2013
Practical management of development & QA environments for SharePoint 2013
 
Rolt group 2015 pro
Rolt group 2015 proRolt group 2015 pro
Rolt group 2015 pro
 
Anticipatory Care Planning: Making It Happen
Anticipatory Care Planning: Making It HappenAnticipatory Care Planning: Making It Happen
Anticipatory Care Planning: Making It Happen
 
Catalogo Lechuza Premium Collection 2011
Catalogo Lechuza Premium Collection 2011Catalogo Lechuza Premium Collection 2011
Catalogo Lechuza Premium Collection 2011
 

Semelhante a Tomasz Głogosz: SharePoint Framework - nowa jakość w client-side development

Girls in It - Front-end & Back-end. Jak zacząć
Girls in It - Front-end & Back-end. Jak zacząćGirls in It - Front-end & Back-end. Jak zacząć
Girls in It - Front-end & Back-end. Jak zacząćmonterail
 
Konferencja Intratic Przyjazny SharePoint, Krzysztof Lis, Paweł Walczewski - ...
Konferencja Intratic Przyjazny SharePoint, Krzysztof Lis, Paweł Walczewski - ...Konferencja Intratic Przyjazny SharePoint, Krzysztof Lis, Paweł Walczewski - ...
Konferencja Intratic Przyjazny SharePoint, Krzysztof Lis, Paweł Walczewski - ...Intratic
 
Od Figmy do gotowej aplikacji bez linijki kodu
Od Figmy do gotowej aplikacji bez linijki koduOd Figmy do gotowej aplikacji bez linijki kodu
Od Figmy do gotowej aplikacji bez linijki koduThe Software House
 
HYC - Angular stań się kanciastym
HYC - Angular stań się kanciastymHYC - Angular stań się kanciastym
HYC - Angular stań się kanciastymDariusz Jagieło
 
Najlepsze wtyczki WordPress, które każdy developer powinien mieć
Najlepsze wtyczki WordPress, które każdy developer powinien miećNajlepsze wtyczki WordPress, które każdy developer powinien mieć
Najlepsze wtyczki WordPress, które każdy developer powinien miećMaciej Swoboda
 
Wtyczki WordPress, których każdy developer powinien używać
Wtyczki WordPress, których każdy developer powinien używaćWtyczki WordPress, których każdy developer powinien używać
Wtyczki WordPress, których każdy developer powinien używaćMaciej Swoboda
 
Poznajmy się!
Poznajmy się!Poznajmy się!
Poznajmy się!Redexperts
 
[PL] Zarządzanie procesami biznesowymi z wykorzystaniem platformy SharePoint
[PL] Zarządzanie procesami biznesowymi z wykorzystaniem platformy SharePoint[PL] Zarządzanie procesami biznesowymi z wykorzystaniem platformy SharePoint
[PL] Zarządzanie procesami biznesowymi z wykorzystaniem platformy SharePointDatapolis
 
Headless CMS w PZPN na bazie Drupala [PL]
Headless CMS w PZPN na bazie Drupala [PL]Headless CMS w PZPN na bazie Drupala [PL]
Headless CMS w PZPN na bazie Drupala [PL]Droptica
 
Zbyszek Rzepka: GameDev od zaplecza
Zbyszek Rzepka: GameDev od zapleczaZbyszek Rzepka: GameDev od zaplecza
Zbyszek Rzepka: GameDev od zapleczaGameDesire Academy
 
Równoległy rozwój Aplikacji Webowych | Codesushi
Równoległy rozwój Aplikacji Webowych | CodesushiRównoległy rozwój Aplikacji Webowych | Codesushi
Równoległy rozwój Aplikacji Webowych | CodesushiKrzysztof (Chris) Ozog
 
Produkcja aplikacji internetowych
Produkcja aplikacji internetowychProdukcja aplikacji internetowych
Produkcja aplikacji internetowychTomasz Borowski
 
Jak zarabiać na testowaniu oprogramowania(konferencja MeeTTech Piła 27.07.2016)
Jak zarabiać na testowaniu oprogramowania(konferencja MeeTTech Piła 27.07.2016)Jak zarabiać na testowaniu oprogramowania(konferencja MeeTTech Piła 27.07.2016)
Jak zarabiać na testowaniu oprogramowania(konferencja MeeTTech Piła 27.07.2016)Dariusz Kacban
 
CI oraz CD w złożonym projekcie o małym budżecie
CI oraz CD w złożonym projekcie o małym budżecieCI oraz CD w złożonym projekcie o małym budżecie
CI oraz CD w złożonym projekcie o małym budżecieGrzegorz Godlewski
 
Architektura serwisu gg.pl 2 przemek łącki (2)
Architektura serwisu gg.pl 2   przemek łącki (2)Architektura serwisu gg.pl 2   przemek łącki (2)
Architektura serwisu gg.pl 2 przemek łącki (2)Cendoo
 
Business Nerds informacje
Business Nerds informacjeBusiness Nerds informacje
Business Nerds informacjeDaniel Sorokosz
 

Semelhante a Tomasz Głogosz: SharePoint Framework - nowa jakość w client-side development (20)

Girls in It - Front-end & Back-end. Jak zacząć
Girls in It - Front-end & Back-end. Jak zacząćGirls in It - Front-end & Back-end. Jak zacząć
Girls in It - Front-end & Back-end. Jak zacząć
 
Konferencja Intratic Przyjazny SharePoint, Krzysztof Lis, Paweł Walczewski - ...
Konferencja Intratic Przyjazny SharePoint, Krzysztof Lis, Paweł Walczewski - ...Konferencja Intratic Przyjazny SharePoint, Krzysztof Lis, Paweł Walczewski - ...
Konferencja Intratic Przyjazny SharePoint, Krzysztof Lis, Paweł Walczewski - ...
 
User Experience – wpływ internetu na aplikacje enterprise - Netcamp #14
User Experience – wpływ internetu na aplikacje enterprise - Netcamp #14User Experience – wpływ internetu na aplikacje enterprise - Netcamp #14
User Experience – wpływ internetu na aplikacje enterprise - Netcamp #14
 
Od Figmy do gotowej aplikacji bez linijki kodu
Od Figmy do gotowej aplikacji bez linijki koduOd Figmy do gotowej aplikacji bez linijki kodu
Od Figmy do gotowej aplikacji bez linijki kodu
 
Od zera do Automattica
Od zera do AutomatticaOd zera do Automattica
Od zera do Automattica
 
HYC - Angular stań się kanciastym
HYC - Angular stań się kanciastymHYC - Angular stań się kanciastym
HYC - Angular stań się kanciastym
 
Najlepsze wtyczki WordPress, które każdy developer powinien mieć
Najlepsze wtyczki WordPress, które każdy developer powinien miećNajlepsze wtyczki WordPress, które każdy developer powinien mieć
Najlepsze wtyczki WordPress, które każdy developer powinien mieć
 
Wtyczki WordPress, których każdy developer powinien używać
Wtyczki WordPress, których każdy developer powinien używaćWtyczki WordPress, których każdy developer powinien używać
Wtyczki WordPress, których każdy developer powinien używać
 
Poznajmy się!
Poznajmy się!Poznajmy się!
Poznajmy się!
 
[PL] Zarządzanie procesami biznesowymi z wykorzystaniem platformy SharePoint
[PL] Zarządzanie procesami biznesowymi z wykorzystaniem platformy SharePoint[PL] Zarządzanie procesami biznesowymi z wykorzystaniem platformy SharePoint
[PL] Zarządzanie procesami biznesowymi z wykorzystaniem platformy SharePoint
 
Headless CMS w PZPN na bazie Drupala [PL]
Headless CMS w PZPN na bazie Drupala [PL]Headless CMS w PZPN na bazie Drupala [PL]
Headless CMS w PZPN na bazie Drupala [PL]
 
Zbyszek Rzepka: GameDev od zaplecza
Zbyszek Rzepka: GameDev od zapleczaZbyszek Rzepka: GameDev od zaplecza
Zbyszek Rzepka: GameDev od zaplecza
 
Jaki framework wybrać
Jaki framework wybraćJaki framework wybrać
Jaki framework wybrać
 
Równoległy rozwój Aplikacji Webowych | Codesushi
Równoległy rozwój Aplikacji Webowych | CodesushiRównoległy rozwój Aplikacji Webowych | Codesushi
Równoległy rozwój Aplikacji Webowych | Codesushi
 
Produkcja aplikacji internetowych
Produkcja aplikacji internetowychProdukcja aplikacji internetowych
Produkcja aplikacji internetowych
 
Jak zarabiać na testowaniu oprogramowania(konferencja MeeTTech Piła 27.07.2016)
Jak zarabiać na testowaniu oprogramowania(konferencja MeeTTech Piła 27.07.2016)Jak zarabiać na testowaniu oprogramowania(konferencja MeeTTech Piła 27.07.2016)
Jak zarabiać na testowaniu oprogramowania(konferencja MeeTTech Piła 27.07.2016)
 
CI oraz CD w złożonym projekcie o małym budżecie
CI oraz CD w złożonym projekcie o małym budżecieCI oraz CD w złożonym projekcie o małym budżecie
CI oraz CD w złożonym projekcie o małym budżecie
 
Architektura serwisu gg.pl 2 przemek łącki (2)
Architektura serwisu gg.pl 2   przemek łącki (2)Architektura serwisu gg.pl 2   przemek łącki (2)
Architektura serwisu gg.pl 2 przemek łącki (2)
 
Business Nerds informacje
Business Nerds informacjeBusiness Nerds informacje
Business Nerds informacje
 
Sentio
SentioSentio
Sentio
 

Tomasz Głogosz: SharePoint Framework - nowa jakość w client-side development

  • 1. SPONSORED BY SharePoint Framework Nowa jakość w client-side development Tomasz Głogosz
  • 2. SPONSORED BY Kim jestem? Tomasz Głogosz Project Manager, Datapolis Certyfikaty: MCTS, MCTD, PMI PMP 10+ lat pracy w IT: - Systemy zarządzania dokumentami - Intranety/extranety - SharePoint – rozwiązania firm trzecich https://pl.linkedin.com/in/tomaszglogosz
  • 3. SPONSORED BY O czym będę mówi? Biznes/IT Pro • O historii customizacji SP • O tym, czym jest SP Framework • Co nam daje nowy model? • Dla kogo? • Gdzie się przyda, a gdzie nie? DEV • Jak to działa? • Co potrzeba do deweloperki? • Jak zrobić WebPart? • Co dalej?
  • 4. SPONSORED BY Historia customizacji SharePoint WSP Sandboxed Solutions Add-ins (Apps) SharePoint Framework
  • 5. SPONSORED BY Czym jest SharePoint Framework? Nowy model tworzenia customizacji w SharePoint umożliwiający w pełni client-side development zintegrowany z modern SharePoint UX
  • 6. SPONSORED BY Co nam daje nowy model? • Pełna integracja skryptów • Większa wydajność • Może być w 100% JavaScript • Wspiera nowy SharePoint UX (ale stary również!) • Open source dev, dowolna platforma • Kod JavaScript działający w kontekście bieżącego użytkownika • Pozostałe modele pozostają!
  • 7. SPONSORED BY Dla kogo jest SharePoint Framework? • Dla programistów Microsoft  • Dla Enterprise • Dla vendorów (będzie) – aktualnie brak wsparcia Office Store
  • 8. SPONSORED BY Gdzie się przyda, a gdzie nie? Web Part na modern site łączący się z SP Tak UX mobilny Tak Web Part na old/modern site Tak Podniesione uprawnienia Hybryda z Add-in Long-running operation Hybryda z Azue WebJob Ograniczone uprawnienia Tylko przegląd kodu / Add-in Operacje na wrażliwych informacjach Nie / Add-in
  • 9. SPONSORED BY Jak to działa? *.spapp App Catalog JS WebPart CDN
  • 10. SPONSORED BY Co potrzeba do deweloperki? Podstawowe narzędzia • Node.js • npm • Yeoman • Gulp • TypeScript • Edytor (np. Visual Studio Code)
  • 11. SPONSORED BY Co potrzeba do deweloperki? Project template MSBuild C# SUBLIME
  • 12. SPONSORED BY Co potrzeba do deweloperki? • Istotne dodatki • Framework - dowolny • Office UI Fabric React
  • 13. SPONSORED BY Co potrzeba do deweloperki? • Przydadzą się • Fiddler • Postman for Chrome • Cmder • Git
  • 14. SPONSORED BY Jak zrobić Web Part? • Przygotować środowisko • Pobrać i zainstalować najnowszą wersję NodeJS • W command line: • npm install --global --production windows-build-tools • npm i -g yo • npm i –g gulp • npm i -g @microsoft/generator-sharepoint
  • 15. SPONSORED BY Jak zrobić Web Part? • W command line: • yo @microsoft/sharepoint • code . • gulp serve • DEMO
  • 16. SPONSORED BY Co dalej z Web Partem? • Testowanie na SharePoint • Publikacja • Informacje i Feedback • https://github.com/SharePoint/sp-dev-docs/
  • 17. SPONSORED BY SharePoint Framework to... • Przyszłość • Alternatywa dla Add-ins • Jedyna opcja dla modern sites • Nowoczesny, ale wciąż budowany model