Datapolis Webinar: How to start developing in SharePoint Framework?
Transcript of Datapolis Webinar: How to start developing in SharePoint Framework?
![Page 1: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/1.jpg)
The workflow company
How to start developing in
SharePoint Framework?
![Page 2: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/2.jpg)
The workflow company
Who am I?Tomasz GłogoszProject Manager, DatapolisCertificates: MCTS, MCTD, PMI PMP10+ years of work in IT:- Document management system- Intranets/Extranets- SharePoint – 3rd party toolshttps://pl.linkedin.com/in/tomaszglogosz
![Page 3: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/3.jpg)
The workflow company
Agenda• What is SharePoint Framework?• What minimal requirements are needed to start dev?• What you should do next?
![Page 4: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/4.jpg)
The workflow company
Overview of the SharePoint Framework
The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and support for open source tooling.
![Page 5: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/5.jpg)
The workflow company
Key features of the SharePoint Framework• Runs in the context of the current user and connection
in the browser. There are no iFrames.• The controls are rendered in the normal page DOM.• The controls are responsive and accessible by nature.• Enables the developer to access the lifecycle.• It's framework agnostic.• The toolchain is based on common open tools.• Performance is reliable.• Can be used on all sites and pages.
![Page 6: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/6.jpg)
The workflow company
Where to use?Web Part on old/Modern site Yes
Web Part connected to SP Yes
Mobile UX Yes
Elevated privileges Hybrid with Add-in
Long-running operation Hybrid with Azure WebJob
Limited privileges Code review / Add-in
Sensitive information No / Add-in
![Page 7: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/7.jpg)
The workflow company
How does it work?
*.spapp App Catalog
JavaScript
WebPart
CDN
SharePoint
Web site
Your WebPart App
ADD IT
![Page 8: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/8.jpg)
The workflow company
![Page 9: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/9.jpg)
The workflow company
![Page 10: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/10.jpg)
The workflow company
Tools
![Page 11: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/11.jpg)
The workflow company
Dev1. Prepare environment
Local & On-line2. Create WebPart
Create new -> Develop -> Test local/on-line -> Debug3. Publish
SharePoint & CDN4. Connect with SharePoint
Context & Mock
![Page 12: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/12.jpg)
The workflow company
Dev1. Prepare environment
Local & On-line2. Create WebPart
Create new -> Develop -> Test local/on-line -> Debug3. Publish
SharePoint & CDN4. Connect with SharePoint
Context & Mock
![Page 13: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/13.jpg)
The workflow company
Dev1. Prepare environment
Local & On-line2. Create WebPart
Create new -> Develop -> Test local/on-line -> Debug3. Publish
SharePoint & CDN4. Connect with SharePoint
Context & Mock
![Page 14: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/14.jpg)
The workflow company
Dev1. Prepare environment
Local & On-line2. Create WebPart
Create new -> Develop -> Test local/on-line -> Debug3. Publish
SharePoint & CDN4. Connect with SharePoint
Context & Mock
![Page 15: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/15.jpg)
The workflow company
Dev1. Prepare environment
Local & On-line2. Create WebPart
Create new -> Develop -> Test local/on-line -> Debug3. Publish
SharePoint & CDN4. Connect with SharePoint
Context & Mock
![Page 16: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/16.jpg)
The workflow company
What next?• TypeScript
• typescriptlang.org• SPFx on dev.office.com
• dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview• SPFx on github
• github.com/SharePoint/sp-dev-docs• Office UI Fabric React
• github.com/OfficeDev/office-ui-fabric-react• React & Knockout
• https://facebook.github.io/react/• http://knockoutjs.com/
![Page 17: Datapolis Webinar: How to start developing in SharePoint Framework?](https://reader035.fdocuments.us/reader035/viewer/2022062306/5886f46a1a28abba528b790d/html5/thumbnails/17.jpg)
The workflow company
Questions?