SharePoint Framework is a new model of SP customization, fully enabling client-side development and integrated with the modern SharePoint UX. Tomasz Głogosz, Datapolis project manager, is hosting this webinar to tell you which tools and addons you need in order to start developing on this new platform. When you watch this session you will learn: · What is SharePoint Framework? · What minimal requirements are needed to start developing? · What are the next steps for a SharePoint Framework developer? Tomasz Glogosz is a certified project manager, IT architect and developer, specializing in Microsoft technologies (SharePoint, .NET, WWF). Currently he works as a .NET team leader and project manager in Datapolis, designing workflow solutions for SharePoint and Office 365.

1. The workflow company
How to start developing in
SharePoint Framework?

2. The workflow company
Who am I?
Tomasz Głogosz
Project Manager, Datapolis
Certificates: MCTS, MCTD, PMI PMP
10+ years of work in IT:
- Document management system
- Intranets/Extranets
- SharePoint – 3rd party tools
https://pl.linkedin.com/in/tomaszglogosz

3. The workflow company
Agenda
• What is SharePoint Framework?
• What minimal requirements are needed to start dev?
• What you should do next?

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

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

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

7. The workflow company
How does it work?
*.spapp App Catalog
JavaScript
WebPart
CDN
SharePoint
Web site
Your WebPart App
ADD IT

8. The workflow company

9. The workflow company

10. The workflow company
Tools

11. The workflow company
Dev
1. Prepare environment
Local & On-line
2. Create WebPart
Create new -> Develop -> Test local/on-line -> Debug
3. Publish
SharePoint & CDN
4. Connect with SharePoint
Context & Mock

12. The workflow company
Dev
1. Prepare environment
Local & On-line
2. Create WebPart
Create new -> Develop -> Test local/on-line -> Debug
3. Publish
SharePoint & CDN
4. Connect with SharePoint
Context & Mock

13. The workflow company
Dev
1. Prepare environment
Local & On-line
2. Create WebPart
Create new -> Develop -> Test local/on-line -> Debug
3. Publish
SharePoint & CDN
4. Connect with SharePoint
Context & Mock

14. The workflow company
Dev
1. Prepare environment
Local & On-line
2. Create WebPart
Create new -> Develop -> Test local/on-line -> Debug
3. Publish
SharePoint & CDN
4. Connect with SharePoint
Context & Mock

15. The workflow company
Dev
1. Prepare environment
Local & On-line
2. Create WebPart
Create new -> Develop -> Test local/on-line -> Debug
3. Publish
SharePoint & CDN
4. Connect with SharePoint
Context & Mock

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

17. The workflow company
Questions?