Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SharePoint Framework SPS Madrid 2016


Published on

SharePoint Add-ins, SharePoint Framework web parts, list-based and page-based applications, webhooks, Azure CDN

Published in: Internet
  • Be the first to comment

SharePoint Framework SPS Madrid 2016

  1. 1. May 7th, 2016 SharePoint Saturday Madrid Working with a Supermodel for SharePoint Sonja Madsen
  2. 2. Sonja Madsen Owner SONJASAPPS @sonjamadsen SharePoint MVP, Best International Developer
  3. 3. SharePoint Add-ins Set up Deployment Working with SharePoint lists and libraries Office UI Fabric SharePoint Framework Set up Deployment Working with SharePoint lists and libraries Office UI Fabric
  4. 4. & Visual Studio Developer Site SharePoint add-in and Office 365
  5. 5. & & SharePoint add-in and SharePoint on-premiseSharePoint add-in and SharePoint on-premise Visual Studio Developer Site
  6. 6. Corporate App Catalog SharePoint App Store SharePoint Add-in SharePoint add-in, Deployment
  7. 7. Scripts Content SharePoint Add-in .app package
  8. 8. CDN or remote server Scripts folder or SharePoint library SharePoint add-in, .js, .css files, images
  9. 9. Style Library 535ms SharePoint add-in Scripts folder 907ms MS CDN 256ms My CDN 254ms
  10. 10. & Visual Studio Code Or Visual Studio Workbench SharePoint web part and Office 365 & SharePoint
  11. 11. & & SharePoint web part and SharePoint on-premise Visual Studio Code SharePoint Workbench
  12. 12. Corporate App Catalog TBD - SharePoint App Store SharePoint web part SharePoint web part, Deployment
  13. 13. Bundle SharePoint Web Part .spapp package
  14. 14. SharePoint web part .spapp
  15. 15. Development  Visual Studio Code  TypeScript  React is a suggested framework  Office UI Fabric
  16. 16. Web Part
  17. 17. DEMO SharePoint Framework Euroean Premiere
  18. 18. List-based Applications  A list with custom list form pages
  19. 19. Page-based Applications
  20. 20. Webhooks  List item receivers  Add item, delete item, check-out, check-in
  21. 21. SharePoint Add-ins - Advantages  You can hide the lists from end-user  Both pages and an app part  .aspx page – HTML  Images, scripts, stylesheets hosted on SharePoint  Isolated is not always a bad thing
  22. 22. SharePoint Framework - Advantages  Responsive mobile friendly  No iframe  Dynamic properties  Webhooks  List-based and Page-based  No need for cross-domain library to access SharePoint resources
  23. 23. Office UI Fabric   Fonts, colors, message colors  Grid  Icons  Controls
  24. 24. Responsive Grid
  25. 25. <div class="ms-Grid"> <div class="ms-Grid-row"> <div class="ms-Grid-col ms-u-md12"> <h1>Super DEMO</h1> </div> </div> </div> <div class="ms-Grid-row"> <div class="ms-Grid-col ms-u-md2"> <a id="addLists" href="#"><i class="ms-Icon ms-Icon--circlePlus" style="font-size: xx- large" aria-hidden="true"></i>Add lists</a> </div> Icons
  26. 26. Raffle Please, fill your SPS Madrid passport if you want to participate. You must get signature from sponsors and complete the poll. Give us the passport at 6:00 PM in the Auditorium room. You can win one Sphero BB-8 or a mini drone:
  27. 27. Gold sponsors Silver sponsors Bronze sponsors Collaborate