SlideShare uma empresa Scribd logo
1 de 41
Understanding the SPFx Mark Rackley
mrackley@paitgroup.com
And how it affects your customizations
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
Mark Rackley / Partner & CSO
• 20+ years software
architecture and
development experience
• Office 365 MVP, SharePoint
Junkie since 2007
• Event Organizer
(SharePointalooza.org)
• Blogger, Writer, Speaker
• Bacon aficionado
@mrackley
www.SharePointHillbilly.com
www.PAITGroup.com
www.SharePointaLooza.org
www.StratusForms.com
#SayNoToInfoPath
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
Goals for the Session
History of Client
Side
Development
What is the
SharePoint
Framework
Pros/Cons
SharePoint
Framework
New Skills
Required
Impact on
existing
customizations
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
A HISTORY LESSON – SHAREPOINT 2007
SERVER SIDE FULL TRUST SOLUTIONS
WHAT IS IT?
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
A HISTORY LESSON – SHAREPOINT 2007
We finally had a development model
Could do whatever we wanted
GOOD
SERVER SIDE FULL TRUST SOLUTIONS
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
A HISTORY LESSON – SHAREPOINT 2007
SERVER SIDE FULL TRUST SOLUTIONS
We finally had a development model
Could do whatever we wanted
Could do whatever we wanted
Many farms were harmed
Requires Server access to deploy
Spent more time debugging deployment problems
than writing code
Largely to blame for people hating SharePoint
GOOD BAD
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
SEVER SIDE DEVELOPMENT
Laptops
Desktops
Smart Phones
Tablets
PROCESSING
• Retrieving Data
• Iterating over Data/Business
Logic
• Building Page
SharePoint
Farm
RESPONSE
REQUEST
DEMO: What do I mean by
customizations?
http://bit.ly/pait_slider
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
LOTS OF POSSIBILITIES
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
CLIENT SIDE DEVELOPMENT
Laptops
Desktops
Smart Phones
Tablets
PROCESSING
• Scripts
• DataSharePoint
Farm
RESPONSE
REQUEST
• Iterating over
Data/Business Logic
• Building Page
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
Client Side Development Using
A Content Editor Web Part?
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
A HISTORY LESSON – SHAREPOINT 2010
SERVER SIDE FULL TRUST SOLUTIONS
SAME AS 2007
LEARNED HOW
PAINFUL AN
UPGRADE CAN BE
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
A HISTORY LESSON – SHAREPOINT 2010
SANDBOX SOLUTIONS
s
WHAT IS IT?
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
A HISTORY LESSON – SHAREPOINT 2010
SANDBOX SOLUTIONS
Write code that only affects specific Site Collections
(less to break)
Don’t need server access to deploy solutions
GOOD
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
A HISTORY LESSON – SHAREPOINT 2010
Write code that only affects specific Site Collections
(less to break)
Don’t need server access to deploy solutions
Limited functionality
Not widely embraced
GOOD BAD
SANDBOX SOLUTIONS
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
Client Side Development Using
A Content Editor Web Part?
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
A HISTORY LESSON – SHAREPOINT 2013/OFFICE 365
ON-PREMISES
ONLY
NO CODE
SOLUTIONS
ONLY
SERVER SIDE SANDBOX
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
A HISTORY LESSON – SHAREPOINT 2013/OFFICE 365
SHAREPOINT ADD-IN MODEL
WHAT IS IT?
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
A HISTORY LESSON – SHAREPOINT 2013/OFFICE 365
SHAREPOINT ADD-IN MODEL
Alternate approach to full trust solutions
Works with other technologies
(PHP, Java, etc)
GOOD
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
A HISTORY LESSON – SHAREPOINT 2013/OFFICE 365
SHAREPOINT ADD-IN MODEL
Alternate approach to full trust solutions
Works with other technologies
(PHP, Java, etc)
Cumbersome to develop
Not widely embraced
Authentication can be tricky
Solutions surfaced using iframes (hello 1999)
GOOD BAD
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
PROVIDER HOSTED ADD-INS
Laptops
Desktops
Smart Phones
Tablets
PROCESSING• Retrieving Data
• Iterating over Data/Business
Logic
• Building Page
SharePoint
Farm
RESPONSE
REQUEST
Provider
Hosted Add-In
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
Client Side Development Using
A Content Editor Web Part?
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
A HISTORY LESSON – SHAREPOINT 2016/OFFICE 365
ON-PREMISES
ONLY
SUPPORTED
SERVER SIDE ADD-IN
NO CODE
SOLUTIONS
ONLY
SANDBOX
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
A HISTORY LESSON – SHAREPOINT 2016/OFFICE 365
FOR NOW, ONLY CLIENT WEB PARTS
SHAREPOINT FRAMEWORK (SPFx)
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
Client Side Development Using A Content Editor Web
Part?
“IT DEPENDS”
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
WHAT SHOULD YOU USE WHEN?
Addins and Client-side web parts
Enables
Full control of the User Experience
as an app part
Consistent user experience within pages
• Fast, no-refresh
Works within the
which requires admin consent
to install*
Runs in
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
WHAT IS THE SHAREPOINT FRAMEWORK
(SPFx)
SharePoint framework
LOB Systems and Cloud Services
Microsoft Graph
(coming soon)
Modern client-side development
Lightweight web and mobile
Used to build Modern SharePoint Page
Backward compatible
Supports open source tools
and JavaScript web frameworks
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
Make all of the tools and technologies
that internal engineers use to build
available to third party developers
React components
Office UI Fabric
VisualStudio Code
OPEN SOURCE
TOOLING SUPPORT
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
KEEP IN MIND…
SPFx is in RC0
(less than 2
weeks ago)
Pre RC0
solutions don’t
work
Things may
(and do)
break in each
drop
It can/will change
before next RC
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
KEEP IN MIND…
Likely to be
released in the
next few months
SPFx is in RC0
(less than 2
weeks ago)
Pre RC0
solutions don’t
work
Things may
(and do)
break in each
drop
It can/will change
before next RC
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
THE SHAREPOINT FRAMEWORK
Finally! A management and deployment story for our client side web parts
Works in Classic and Modern Pages
Users can set properties instead of having to modify script
Local Workbench for development and debugging
TypeScript (if you are a .NET Dev)
You GET to learn new (marketable) skills
Mobile friendly
Works the same in On Premises and Online
GOOD
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
THE SHAREPOINT FRAMEWORK
The process can initially be daunting if you are a .NET developer (Change is hard)
TypeScript (If you are JavaScript developer)
Lack of Visual Studio Tooling
There is no store
You HAVE to learn new skills
WHAT MIGHT NOT GREAT ABOUT IT
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
JavaScript/HTML/CSS
An open mind (it’s a brave new world)
Node.js, NPM, Yeoman, Gulp??? (open
source FTW!)
TypeScript (Enterprise JavaScript
Development)
Office UI Fabric (Front-end visual
Framework)
VisualStudio Code
SKILLS YOU NEED TO
EMBRACE
DEMO: The SharePoint
Framework in Action
http://bit.ly/pait_slider_spfx
Understanding the SharePoint Framework and how it affects your Customizations
Understanding the SharePoint Framework and how it affects your Customizations
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
HOW ARE YOUR CUSTOMIZATIONS IMPACTED?
Your current customizations will not work on
Modern Pages
The biggest impact is WHO not What
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
HOW ARE YOUR CUSTOMIZATIONS IMPACTED?
Your customizations CAN be rebuilt
Your customizations SHOULD be rebuilt
Error checking with TypeScript
Keep users out of scripts with by
using properties
Easily deploy to multiple sites
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
WHERE CAN YOU GET HELP?
Getting Started - https://github.com/SharePoint/sp-dev-docs/wiki
Submit / Discuss SPFx Issues - http://aka.ms/spfx-issues
Voitanos - http://www.voitanos.io
Pluralsight - http://www.plurlasight.com
Rencore - www.sptransformator.com
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016
ALTHOUGH WE’VE COME…
The SharePoint Framework is
the logical next step in the
SharePoint development story
embracing modern web
development techniques
The SharePoint Framework
is 1st party and 3rd party and
essential to developing client
web parts for the new
modern team sites and site
pages
Your current customizations
can upgrade without a large
amount of difficulty,
especially if you embrace
the technology
Thank you
http://www.paitgroup.com
http://www.markrackley.net
mrackley@paitgroup.com
@mrackley
© 2016 PAIT Group http://www.PAITGroup.com December 14,2016

Mais conteúdo relacionado

Mais de Mark Rackley

Introduction to StratusForms #SayNoToInfoPath
Introduction to StratusForms #SayNoToInfoPathIntroduction to StratusForms #SayNoToInfoPath
Introduction to StratusForms #SayNoToInfoPathMark Rackley
 
SPTechCon Boston 2015 - Overcoming SharePoint Limitations
SPTechCon Boston 2015 - Overcoming SharePoint LimitationsSPTechCon Boston 2015 - Overcoming SharePoint Limitations
SPTechCon Boston 2015 - Overcoming SharePoint LimitationsMark Rackley
 
SPTechCon Boston 2015 - Utilizing jQuery in SharePoint
SPTechCon Boston 2015 - Utilizing jQuery in SharePointSPTechCon Boston 2015 - Utilizing jQuery in SharePoint
SPTechCon Boston 2015 - Utilizing jQuery in SharePointMark Rackley
 
TulsaTechFest - Maximize SharePoint UX with free jQuery libraries
TulsaTechFest - Maximize SharePoint UX with free jQuery librariesTulsaTechFest - Maximize SharePoint UX with free jQuery libraries
TulsaTechFest - Maximize SharePoint UX with free jQuery librariesMark Rackley
 
SPTechCon DevDays - SharePoint & jQuery
SPTechCon DevDays - SharePoint & jQuerySPTechCon DevDays - SharePoint & jQuery
SPTechCon DevDays - SharePoint & jQueryMark Rackley
 
SPTechCon Dev Days - Third Party jQuery Libraries
SPTechCon Dev Days - Third Party jQuery LibrariesSPTechCon Dev Days - Third Party jQuery Libraries
SPTechCon Dev Days - Third Party jQuery LibrariesMark Rackley
 
SPSNH 2014 - The SharePoint & jQueryGuide
SPSNH 2014 - The SharePoint & jQueryGuideSPSNH 2014 - The SharePoint & jQueryGuide
SPSNH 2014 - The SharePoint & jQueryGuideMark Rackley
 
SPTechCon 2014 How to develop and debug client side code in SharePoint
SPTechCon 2014 How to develop and debug client side code in SharePointSPTechCon 2014 How to develop and debug client side code in SharePoint
SPTechCon 2014 How to develop and debug client side code in SharePointMark Rackley
 
Using jQuery to Maximize Form Usability
Using jQuery to Maximize Form UsabilityUsing jQuery to Maximize Form Usability
Using jQuery to Maximize Form UsabilityMark Rackley
 
SharePoint & jQuery Guide - SPSNashville 2014
SharePoint & jQuery Guide - SPSNashville 2014SharePoint & jQuery Guide - SPSNashville 2014
SharePoint & jQuery Guide - SPSNashville 2014Mark Rackley
 
The SharePoint & jQuery Guide - Updated 1/14/14
The SharePoint & jQuery Guide - Updated 1/14/14The SharePoint & jQuery Guide - Updated 1/14/14
The SharePoint & jQuery Guide - Updated 1/14/14Mark Rackley
 
SharePoint REST vs CSOM
SharePoint REST vs CSOMSharePoint REST vs CSOM
SharePoint REST vs CSOMMark Rackley
 
Introduction to Client Side Dev in SharePoint Workshop
Introduction to Client Side Dev in SharePoint WorkshopIntroduction to Client Side Dev in SharePoint Workshop
Introduction to Client Side Dev in SharePoint WorkshopMark Rackley
 
(Updated) SharePoint & jQuery Guide
(Updated) SharePoint & jQuery Guide(Updated) SharePoint & jQuery Guide
(Updated) SharePoint & jQuery GuideMark Rackley
 
SharePoint & jQuery Guide - SPSTC 5/18/2013
SharePoint & jQuery Guide - SPSTC 5/18/2013 SharePoint & jQuery Guide - SPSTC 5/18/2013
SharePoint & jQuery Guide - SPSTC 5/18/2013 Mark Rackley
 
NOW I Get it!! What SharePoint IS and why I need it
NOW I Get it!! What SharePoint IS and why I need itNOW I Get it!! What SharePoint IS and why I need it
NOW I Get it!! What SharePoint IS and why I need itMark Rackley
 
The SharePoint & jQuery Guide
The SharePoint & jQuery GuideThe SharePoint & jQuery Guide
The SharePoint & jQuery GuideMark Rackley
 
What is SharePoint Development??
What is SharePoint Development??What is SharePoint Development??
What is SharePoint Development??Mark Rackley
 
SharePoint and jQuery Essentials
SharePoint and jQuery EssentialsSharePoint and jQuery Essentials
SharePoint and jQuery EssentialsMark Rackley
 
Wrapping your head around the SharePoint Beast (For the rest of us)
Wrapping your head around the SharePoint Beast (For the rest of us)Wrapping your head around the SharePoint Beast (For the rest of us)
Wrapping your head around the SharePoint Beast (For the rest of us)Mark Rackley
 

Mais de Mark Rackley (20)

Introduction to StratusForms #SayNoToInfoPath
Introduction to StratusForms #SayNoToInfoPathIntroduction to StratusForms #SayNoToInfoPath
Introduction to StratusForms #SayNoToInfoPath
 
SPTechCon Boston 2015 - Overcoming SharePoint Limitations
SPTechCon Boston 2015 - Overcoming SharePoint LimitationsSPTechCon Boston 2015 - Overcoming SharePoint Limitations
SPTechCon Boston 2015 - Overcoming SharePoint Limitations
 
SPTechCon Boston 2015 - Utilizing jQuery in SharePoint
SPTechCon Boston 2015 - Utilizing jQuery in SharePointSPTechCon Boston 2015 - Utilizing jQuery in SharePoint
SPTechCon Boston 2015 - Utilizing jQuery in SharePoint
 
TulsaTechFest - Maximize SharePoint UX with free jQuery libraries
TulsaTechFest - Maximize SharePoint UX with free jQuery librariesTulsaTechFest - Maximize SharePoint UX with free jQuery libraries
TulsaTechFest - Maximize SharePoint UX with free jQuery libraries
 
SPTechCon DevDays - SharePoint & jQuery
SPTechCon DevDays - SharePoint & jQuerySPTechCon DevDays - SharePoint & jQuery
SPTechCon DevDays - SharePoint & jQuery
 
SPTechCon Dev Days - Third Party jQuery Libraries
SPTechCon Dev Days - Third Party jQuery LibrariesSPTechCon Dev Days - Third Party jQuery Libraries
SPTechCon Dev Days - Third Party jQuery Libraries
 
SPSNH 2014 - The SharePoint & jQueryGuide
SPSNH 2014 - The SharePoint & jQueryGuideSPSNH 2014 - The SharePoint & jQueryGuide
SPSNH 2014 - The SharePoint & jQueryGuide
 
SPTechCon 2014 How to develop and debug client side code in SharePoint
SPTechCon 2014 How to develop and debug client side code in SharePointSPTechCon 2014 How to develop and debug client side code in SharePoint
SPTechCon 2014 How to develop and debug client side code in SharePoint
 
Using jQuery to Maximize Form Usability
Using jQuery to Maximize Form UsabilityUsing jQuery to Maximize Form Usability
Using jQuery to Maximize Form Usability
 
SharePoint & jQuery Guide - SPSNashville 2014
SharePoint & jQuery Guide - SPSNashville 2014SharePoint & jQuery Guide - SPSNashville 2014
SharePoint & jQuery Guide - SPSNashville 2014
 
The SharePoint & jQuery Guide - Updated 1/14/14
The SharePoint & jQuery Guide - Updated 1/14/14The SharePoint & jQuery Guide - Updated 1/14/14
The SharePoint & jQuery Guide - Updated 1/14/14
 
SharePoint REST vs CSOM
SharePoint REST vs CSOMSharePoint REST vs CSOM
SharePoint REST vs CSOM
 
Introduction to Client Side Dev in SharePoint Workshop
Introduction to Client Side Dev in SharePoint WorkshopIntroduction to Client Side Dev in SharePoint Workshop
Introduction to Client Side Dev in SharePoint Workshop
 
(Updated) SharePoint & jQuery Guide
(Updated) SharePoint & jQuery Guide(Updated) SharePoint & jQuery Guide
(Updated) SharePoint & jQuery Guide
 
SharePoint & jQuery Guide - SPSTC 5/18/2013
SharePoint & jQuery Guide - SPSTC 5/18/2013 SharePoint & jQuery Guide - SPSTC 5/18/2013
SharePoint & jQuery Guide - SPSTC 5/18/2013
 
NOW I Get it!! What SharePoint IS and why I need it
NOW I Get it!! What SharePoint IS and why I need itNOW I Get it!! What SharePoint IS and why I need it
NOW I Get it!! What SharePoint IS and why I need it
 
The SharePoint & jQuery Guide
The SharePoint & jQuery GuideThe SharePoint & jQuery Guide
The SharePoint & jQuery Guide
 
What is SharePoint Development??
What is SharePoint Development??What is SharePoint Development??
What is SharePoint Development??
 
SharePoint and jQuery Essentials
SharePoint and jQuery EssentialsSharePoint and jQuery Essentials
SharePoint and jQuery Essentials
 
Wrapping your head around the SharePoint Beast (For the rest of us)
Wrapping your head around the SharePoint Beast (For the rest of us)Wrapping your head around the SharePoint Beast (For the rest of us)
Wrapping your head around the SharePoint Beast (For the rest of us)
 

Último

Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 

Último (20)

Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 

Understanding the SharePoint Framework and how it affects your Customizations

  • 1. Understanding the SPFx Mark Rackley mrackley@paitgroup.com And how it affects your customizations
  • 2. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 Mark Rackley / Partner & CSO • 20+ years software architecture and development experience • Office 365 MVP, SharePoint Junkie since 2007 • Event Organizer (SharePointalooza.org) • Blogger, Writer, Speaker • Bacon aficionado @mrackley www.SharePointHillbilly.com www.PAITGroup.com www.SharePointaLooza.org www.StratusForms.com #SayNoToInfoPath
  • 3. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 Goals for the Session History of Client Side Development What is the SharePoint Framework Pros/Cons SharePoint Framework New Skills Required Impact on existing customizations
  • 4. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 A HISTORY LESSON – SHAREPOINT 2007 SERVER SIDE FULL TRUST SOLUTIONS WHAT IS IT?
  • 5. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 A HISTORY LESSON – SHAREPOINT 2007 We finally had a development model Could do whatever we wanted GOOD SERVER SIDE FULL TRUST SOLUTIONS
  • 6. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 A HISTORY LESSON – SHAREPOINT 2007 SERVER SIDE FULL TRUST SOLUTIONS We finally had a development model Could do whatever we wanted Could do whatever we wanted Many farms were harmed Requires Server access to deploy Spent more time debugging deployment problems than writing code Largely to blame for people hating SharePoint GOOD BAD
  • 7. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 SEVER SIDE DEVELOPMENT Laptops Desktops Smart Phones Tablets PROCESSING • Retrieving Data • Iterating over Data/Business Logic • Building Page SharePoint Farm RESPONSE REQUEST
  • 8. DEMO: What do I mean by customizations? http://bit.ly/pait_slider
  • 9. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 LOTS OF POSSIBILITIES
  • 10. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 CLIENT SIDE DEVELOPMENT Laptops Desktops Smart Phones Tablets PROCESSING • Scripts • DataSharePoint Farm RESPONSE REQUEST • Iterating over Data/Business Logic • Building Page
  • 11. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 Client Side Development Using A Content Editor Web Part?
  • 12. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 A HISTORY LESSON – SHAREPOINT 2010 SERVER SIDE FULL TRUST SOLUTIONS SAME AS 2007 LEARNED HOW PAINFUL AN UPGRADE CAN BE
  • 13. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 A HISTORY LESSON – SHAREPOINT 2010 SANDBOX SOLUTIONS s WHAT IS IT?
  • 14. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 A HISTORY LESSON – SHAREPOINT 2010 SANDBOX SOLUTIONS Write code that only affects specific Site Collections (less to break) Don’t need server access to deploy solutions GOOD
  • 15. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 A HISTORY LESSON – SHAREPOINT 2010 Write code that only affects specific Site Collections (less to break) Don’t need server access to deploy solutions Limited functionality Not widely embraced GOOD BAD SANDBOX SOLUTIONS
  • 16. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 Client Side Development Using A Content Editor Web Part?
  • 17. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 A HISTORY LESSON – SHAREPOINT 2013/OFFICE 365 ON-PREMISES ONLY NO CODE SOLUTIONS ONLY SERVER SIDE SANDBOX
  • 18. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 A HISTORY LESSON – SHAREPOINT 2013/OFFICE 365 SHAREPOINT ADD-IN MODEL WHAT IS IT?
  • 19. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 A HISTORY LESSON – SHAREPOINT 2013/OFFICE 365 SHAREPOINT ADD-IN MODEL Alternate approach to full trust solutions Works with other technologies (PHP, Java, etc) GOOD
  • 20. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 A HISTORY LESSON – SHAREPOINT 2013/OFFICE 365 SHAREPOINT ADD-IN MODEL Alternate approach to full trust solutions Works with other technologies (PHP, Java, etc) Cumbersome to develop Not widely embraced Authentication can be tricky Solutions surfaced using iframes (hello 1999) GOOD BAD
  • 21. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 PROVIDER HOSTED ADD-INS Laptops Desktops Smart Phones Tablets PROCESSING• Retrieving Data • Iterating over Data/Business Logic • Building Page SharePoint Farm RESPONSE REQUEST Provider Hosted Add-In
  • 22. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 Client Side Development Using A Content Editor Web Part?
  • 23. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 A HISTORY LESSON – SHAREPOINT 2016/OFFICE 365 ON-PREMISES ONLY SUPPORTED SERVER SIDE ADD-IN NO CODE SOLUTIONS ONLY SANDBOX
  • 24. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 A HISTORY LESSON – SHAREPOINT 2016/OFFICE 365 FOR NOW, ONLY CLIENT WEB PARTS SHAREPOINT FRAMEWORK (SPFx)
  • 25. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 Client Side Development Using A Content Editor Web Part? “IT DEPENDS”
  • 26. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 WHAT SHOULD YOU USE WHEN? Addins and Client-side web parts Enables Full control of the User Experience as an app part Consistent user experience within pages • Fast, no-refresh Works within the which requires admin consent to install* Runs in
  • 27. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 WHAT IS THE SHAREPOINT FRAMEWORK (SPFx) SharePoint framework LOB Systems and Cloud Services Microsoft Graph (coming soon) Modern client-side development Lightweight web and mobile Used to build Modern SharePoint Page Backward compatible Supports open source tools and JavaScript web frameworks
  • 28. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 Make all of the tools and technologies that internal engineers use to build available to third party developers React components Office UI Fabric VisualStudio Code OPEN SOURCE TOOLING SUPPORT
  • 29. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 KEEP IN MIND… SPFx is in RC0 (less than 2 weeks ago) Pre RC0 solutions don’t work Things may (and do) break in each drop It can/will change before next RC
  • 30. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 KEEP IN MIND… Likely to be released in the next few months SPFx is in RC0 (less than 2 weeks ago) Pre RC0 solutions don’t work Things may (and do) break in each drop It can/will change before next RC
  • 31. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 THE SHAREPOINT FRAMEWORK Finally! A management and deployment story for our client side web parts Works in Classic and Modern Pages Users can set properties instead of having to modify script Local Workbench for development and debugging TypeScript (if you are a .NET Dev) You GET to learn new (marketable) skills Mobile friendly Works the same in On Premises and Online GOOD
  • 32. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 THE SHAREPOINT FRAMEWORK The process can initially be daunting if you are a .NET developer (Change is hard) TypeScript (If you are JavaScript developer) Lack of Visual Studio Tooling There is no store You HAVE to learn new skills WHAT MIGHT NOT GREAT ABOUT IT
  • 33. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 JavaScript/HTML/CSS An open mind (it’s a brave new world) Node.js, NPM, Yeoman, Gulp??? (open source FTW!) TypeScript (Enterprise JavaScript Development) Office UI Fabric (Front-end visual Framework) VisualStudio Code SKILLS YOU NEED TO EMBRACE
  • 34. DEMO: The SharePoint Framework in Action http://bit.ly/pait_slider_spfx
  • 37. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 HOW ARE YOUR CUSTOMIZATIONS IMPACTED? Your current customizations will not work on Modern Pages The biggest impact is WHO not What
  • 38. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 HOW ARE YOUR CUSTOMIZATIONS IMPACTED? Your customizations CAN be rebuilt Your customizations SHOULD be rebuilt Error checking with TypeScript Keep users out of scripts with by using properties Easily deploy to multiple sites
  • 39. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 WHERE CAN YOU GET HELP? Getting Started - https://github.com/SharePoint/sp-dev-docs/wiki Submit / Discuss SPFx Issues - http://aka.ms/spfx-issues Voitanos - http://www.voitanos.io Pluralsight - http://www.plurlasight.com Rencore - www.sptransformator.com
  • 40. © 2016 PAIT Group http://www.PAITGroup.com December 14,2016 ALTHOUGH WE’VE COME… The SharePoint Framework is the logical next step in the SharePoint development story embracing modern web development techniques The SharePoint Framework is 1st party and 3rd party and essential to developing client web parts for the new modern team sites and site pages Your current customizations can upgrade without a large amount of difficulty, especially if you embrace the technology