SlideShare a Scribd company logo
Building SPFx solutions
across SharePoint, Teams
and more
Dipti Chhatrapati
Modern Workplace Architect, AIS
[Microsoft Regional Director]
Microsoft 365 Developer platform
User-centered Graph of tasks,
content, and activities
Cross-team data including teams,
conversations, events
Organizational data, with device
and security management
Keep every employee focused in the flow
of work with apps that integrate
key data and experiences
Web parts
SPFx
Extension
footer
SPFx
Extension
header
Page visuals
Microsoft Graph
Web parts
SPFx
Extension
footer
SPFx
Extension
header
Page visuals
Microsoft Graph
SharePoint Framework (SPFx)
SharePoint Framework
SharePoint Framework (SPFx) extensions
Application customizer Command set Field customizer
Add script to modern pages
Adjust top and bottom sections
of page with custom renderings
Extend the modern list command
surface with new actions that run
custom code
Visualize data inside
columns in the list view
Extend the user experience of SharePoint, leveraging the familiar tools and libraries for client-side
development coming from the SharePoint Framework
The intelligent intranet
Powering modern employee experiences
Connecting the workplace
SharePoint news
keep people informed and engaged with
relevant news delivered across apps & devices
Communication sites
share news & information, resources & services,
vision and knowledge across the organization
Hub sites
connect and organize sites based on
department, division, region, or project
Intranet landing pages
create employee experiences and modern
portals that connect the digital workplace
Innovations for intranets and portals
SharePoint
Landing pages & portals
Curate dynamic communications
Deliver personalized, relevant content
Create an actionable experience
Engage employees
Create experiences that connect the workplace
• Session Recordings
• EBooks
• $50 MicroJobs Voucher
• Plus other goodies
ALL-ACCESS PASS ($99)
Expires soon!
Demo
SharePoint Look Book
Create a strong presence across
your organization
Open Source:
•
•
Tailored communication sites
Documentation for
uifabric.io
Toolkits for
Adobe XD and Sketch
Code for
Fabric Core and Fabric React
Microsoft Office UI Fabric
PnP Reusable SPFx Controls
https://sharepoint.github.io/sp-dev-fx-controls-react/ https://sharepoint.github.io/sp-dev-fx-property-controls/
Property Pane Controls
Use for Webpart Configurations
React Content Controls
Use in the Webparts and Extensions
Demo
SharePoint Provisioning Service
preview at http://provisioning.sharepointpnp.com
• Currently in public preview and available to be used world wide
with initial set of Look Book templates, SharePoint Starter Kit and
the Custom learning solution
• Enables tenant administrator to provision demo structures with
actual content on their tenant (site collection administrator
support coming later)
• Deploys automatically needed customizations in the tenant level
and configures content in the site(s) based on template
• Actual templates are SharePoint Tenant Templates Engine
templates which can be easily added on the service by adding
them to specific GitHub repository (replication) – Tenant templates
supports defining tenant scoped elements, like site collections,
Teams structures etc.
Office 365 tenant templates—complex solution configurations
Microsoft Graph / SharePoint REST API / CSOM
PnP Core Extension – Actual Tenant Provisioning Engine
Tenant administratorsIT Pro admins ISVs and SIs
Custom
Provisioning
Service
Demo
SharePoint Provisioning Service
Microsoft Teams Tabs
Advantages on using SharePoint
Framework as the UI implementation
Access to Graph
Easy Graph API access even without
Azure admin UI configurations
Reuse same implementation
One codebase to implement
extensibility which works in multiple
platforms
Simple deployment
Simple centralized deployment
Automated hosting
Automated hosting with optimized CDN
Tabs in SharePoint Pages
• Uses the same infrastructure /
technology as the Microsoft Teams Tab
• Even same package!
• Logical successor to the existing
SharePoint Add-In model
• A common development methodology
for iFramed solutions
• Supports both js/client solutions as well
as traditional server-side solutions
(.aspx/C# or even Java)
Demo
Building Microsoft Teams tab
using SharePoint Framework
Your extension
Gateway
Your or your
customer’s
data
Office 365 Windows 10 Enterprise Mobility + Security
1Microsoft Graph
Building intelligent portals and collaboration platforms
SharePoint
Online
Office
add-in
built
with
SPFx
Building Office Add-ins using SPFx
To simplify deployment and hosting for developers
js
JavaScript Library
js
JavaScript Library
Office 365 public CDN
js
Deploy SPFx solution in
App-Catalogue
1
Activate SPFx solution to be
available in Office 365
2
Use SPFx Solution
3
Demo
Building Office Add-Ins
using SharePoint Framework
https://bit.ly/2ZtjuVi
SharePoint Framework Developer Community
Building engaging extensibility with SPFx
1
Build SharePoint
Framework web
parts and extensions
2
Take advantage of
our open-source
projects and assets
3
Extend and integrate
with Microsoft
Teams and Microsoft
Graph
Sign up for the Office Dev Program - https://aka.ms/o365devprogram
Join the Office 365 Developer Program
https://aka.ms/o365devprogram
Benefits
Free renewable Office 365 E3 subscription
Be your own admin
Dev sandbox creation tools
Preload sample users and data for Microsoft Graph, and
more
Access to Microsoft 365 experts
Join bootcamps and monthly community calls
Tools, training and documentation
Learn, discover and explore about Office 365 development
Blogs, newsletters and social
Stay up to date with the community
Thank YOU
• Session Recordings
• EBooks
• $50 MicroJobs Voucher
• Plus other goodies
ALL-ACCESS PASS ($99)
Expires soon!

More Related Content

What's hot

PowerApps & Flow: Tips & Tricks - Office 365 User Group Noord-Nederland
PowerApps & Flow: Tips & Tricks - Office 365 User Group Noord-NederlandPowerApps & Flow: Tips & Tricks - Office 365 User Group Noord-Nederland
PowerApps & Flow: Tips & Tricks - Office 365 User Group Noord-Nederland
Daniel Laskewitz
 
Patron Power Platfom Community September 2021 Webinar
Patron Power Platfom Community September 2021 WebinarPatron Power Platfom Community September 2021 Webinar
Patron Power Platfom Community September 2021 Webinar
Robert Crane
 
An introduction to Defender for Business
An introduction to Defender for BusinessAn introduction to Defender for Business
An introduction to Defender for Business
Robert Crane
 
Democratize development with Microsoft Power Apps and AI builder
Democratize development with Microsoft Power Apps and AI builderDemocratize development with Microsoft Power Apps and AI builder
Democratize development with Microsoft Power Apps and AI builder
Venkatarangan Thirumalai
 
Build Agile Business Processes with Microsoft Power Platform
Build Agile Business Processes with Microsoft Power PlatformBuild Agile Business Processes with Microsoft Power Platform
Build Agile Business Processes with Microsoft Power Platform
David J Rosenthal
 
Introduction to Microsoft Power Platform (PowerApps, Flow)
Introduction to Microsoft Power Platform (PowerApps, Flow)Introduction to Microsoft Power Platform (PowerApps, Flow)
Introduction to Microsoft Power Platform (PowerApps, Flow)
Sam Fernando
 
SharePoint Saturday London - Microsoft Flow Happy Hour
SharePoint Saturday London - Microsoft Flow Happy HourSharePoint Saturday London - Microsoft Flow Happy Hour
SharePoint Saturday London - Microsoft Flow Happy Hour
Daniel Laskewitz
 
Overview power apps and microsoft flow
Overview power apps and microsoft flowOverview power apps and microsoft flow
Overview power apps and microsoft flow
Juan Fabian
 
Microsoft 365 User Group 6th March 2019
Microsoft 365 User Group 6th March 2019Microsoft 365 User Group 6th March 2019
Microsoft 365 User Group 6th March 2019
Chris Rhodes [MVP]
 
Techdays 2019 Helsinki - Power Platform Deep Dive
Techdays 2019 Helsinki - Power Platform Deep DiveTechdays 2019 Helsinki - Power Platform Deep Dive
Techdays 2019 Helsinki - Power Platform Deep Dive
Timo Pertilä
 
Explore Microsoft Power Platform Center of Excellence
Explore Microsoft Power Platform Center of ExcellenceExplore Microsoft Power Platform Center of Excellence
Explore Microsoft Power Platform Center of Excellence
Nanddeep Nachan
 
2020-05-28 Microsoft 365 Virtual Marathon - Mobility with Microsoft 365 from ...
2020-05-28 Microsoft 365 Virtual Marathon - Mobility with Microsoft 365 from ...2020-05-28 Microsoft 365 Virtual Marathon - Mobility with Microsoft 365 from ...
2020-05-28 Microsoft 365 Virtual Marathon - Mobility with Microsoft 365 from ...
Patrick Guimonet
 
Microsoft teams & bot framework - A developer's perspective
Microsoft teams & bot framework - A developer's perspectiveMicrosoft teams & bot framework - A developer's perspective
Microsoft teams & bot framework - A developer's perspective
Thomas Gölles
 
Microsoft Azure Overview
Microsoft Azure OverviewMicrosoft Azure Overview
Microsoft Azure Overview
David J Rosenthal
 
PowerApps Innovation Tool For SMBs
PowerApps Innovation Tool For SMBsPowerApps Innovation Tool For SMBs
PowerApps Innovation Tool For SMBs
WePlus Consultancy
 
Microsoft 365
Microsoft 365Microsoft 365
Microsoft 365
Suhail Jamaldeen
 
Hands-on Microsoft Flow
Hands-on Microsoft FlowHands-on Microsoft Flow
Hands-on Microsoft Flow
Nakkeeran Natarajan
 
Introduction to Microsoft Kaizala And How to Empower Your Mobile Workforce us...
Introduction to Microsoft Kaizala And How to Empower Your Mobile Workforce us...Introduction to Microsoft Kaizala And How to Empower Your Mobile Workforce us...
Introduction to Microsoft Kaizala And How to Empower Your Mobile Workforce us...
Vignesh Ganesan I Microsoft MVP
 
SoftwareONE Microsoft Licensing Update and the Future of the Microsoft Desktop
SoftwareONE Microsoft Licensing Update and the Future of the Microsoft DesktopSoftwareONE Microsoft Licensing Update and the Future of the Microsoft Desktop
SoftwareONE Microsoft Licensing Update and the Future of the Microsoft Desktop
SoftwareONEPresents
 
Microsoft SharePoint
Microsoft SharePointMicrosoft SharePoint
Microsoft SharePoint
Umar Farooq
 

What's hot (20)

PowerApps & Flow: Tips & Tricks - Office 365 User Group Noord-Nederland
PowerApps & Flow: Tips & Tricks - Office 365 User Group Noord-NederlandPowerApps & Flow: Tips & Tricks - Office 365 User Group Noord-Nederland
PowerApps & Flow: Tips & Tricks - Office 365 User Group Noord-Nederland
 
Patron Power Platfom Community September 2021 Webinar
Patron Power Platfom Community September 2021 WebinarPatron Power Platfom Community September 2021 Webinar
Patron Power Platfom Community September 2021 Webinar
 
An introduction to Defender for Business
An introduction to Defender for BusinessAn introduction to Defender for Business
An introduction to Defender for Business
 
Democratize development with Microsoft Power Apps and AI builder
Democratize development with Microsoft Power Apps and AI builderDemocratize development with Microsoft Power Apps and AI builder
Democratize development with Microsoft Power Apps and AI builder
 
Build Agile Business Processes with Microsoft Power Platform
Build Agile Business Processes with Microsoft Power PlatformBuild Agile Business Processes with Microsoft Power Platform
Build Agile Business Processes with Microsoft Power Platform
 
Introduction to Microsoft Power Platform (PowerApps, Flow)
Introduction to Microsoft Power Platform (PowerApps, Flow)Introduction to Microsoft Power Platform (PowerApps, Flow)
Introduction to Microsoft Power Platform (PowerApps, Flow)
 
SharePoint Saturday London - Microsoft Flow Happy Hour
SharePoint Saturday London - Microsoft Flow Happy HourSharePoint Saturday London - Microsoft Flow Happy Hour
SharePoint Saturday London - Microsoft Flow Happy Hour
 
Overview power apps and microsoft flow
Overview power apps and microsoft flowOverview power apps and microsoft flow
Overview power apps and microsoft flow
 
Microsoft 365 User Group 6th March 2019
Microsoft 365 User Group 6th March 2019Microsoft 365 User Group 6th March 2019
Microsoft 365 User Group 6th March 2019
 
Techdays 2019 Helsinki - Power Platform Deep Dive
Techdays 2019 Helsinki - Power Platform Deep DiveTechdays 2019 Helsinki - Power Platform Deep Dive
Techdays 2019 Helsinki - Power Platform Deep Dive
 
Explore Microsoft Power Platform Center of Excellence
Explore Microsoft Power Platform Center of ExcellenceExplore Microsoft Power Platform Center of Excellence
Explore Microsoft Power Platform Center of Excellence
 
2020-05-28 Microsoft 365 Virtual Marathon - Mobility with Microsoft 365 from ...
2020-05-28 Microsoft 365 Virtual Marathon - Mobility with Microsoft 365 from ...2020-05-28 Microsoft 365 Virtual Marathon - Mobility with Microsoft 365 from ...
2020-05-28 Microsoft 365 Virtual Marathon - Mobility with Microsoft 365 from ...
 
Microsoft teams & bot framework - A developer's perspective
Microsoft teams & bot framework - A developer's perspectiveMicrosoft teams & bot framework - A developer's perspective
Microsoft teams & bot framework - A developer's perspective
 
Microsoft Azure Overview
Microsoft Azure OverviewMicrosoft Azure Overview
Microsoft Azure Overview
 
PowerApps Innovation Tool For SMBs
PowerApps Innovation Tool For SMBsPowerApps Innovation Tool For SMBs
PowerApps Innovation Tool For SMBs
 
Microsoft 365
Microsoft 365Microsoft 365
Microsoft 365
 
Hands-on Microsoft Flow
Hands-on Microsoft FlowHands-on Microsoft Flow
Hands-on Microsoft Flow
 
Introduction to Microsoft Kaizala And How to Empower Your Mobile Workforce us...
Introduction to Microsoft Kaizala And How to Empower Your Mobile Workforce us...Introduction to Microsoft Kaizala And How to Empower Your Mobile Workforce us...
Introduction to Microsoft Kaizala And How to Empower Your Mobile Workforce us...
 
SoftwareONE Microsoft Licensing Update and the Future of the Microsoft Desktop
SoftwareONE Microsoft Licensing Update and the Future of the Microsoft DesktopSoftwareONE Microsoft Licensing Update and the Future of the Microsoft Desktop
SoftwareONE Microsoft Licensing Update and the Future of the Microsoft Desktop
 
Microsoft SharePoint
Microsoft SharePointMicrosoft SharePoint
Microsoft SharePoint
 

Similar to Building share point framework solutions

ECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClass
ECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClassECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClass
ECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClass
European Collaboration Summit
 
ECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - Roadmap
ECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - RoadmapECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - Roadmap
ECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - Roadmap
European Collaboration Summit
 
SharePoint Framework SPFx
SharePoint Framework SPFxSharePoint Framework SPFx
SharePoint Framework SPFx
Vladimir Medina
 
What's new and what's next in SharePoint Development for Enterprise & SPFx
What's new and what's next in SharePoint Development for Enterprise & SPFx What's new and what's next in SharePoint Development for Enterprise & SPFx
What's new and what's next in SharePoint Development for Enterprise & SPFx
Vignesh Ganesan I Microsoft MVP
 
ECS19 - Vesa Juvonen - SharePoint Development for Enterprises - What's New an...
ECS19 - Vesa Juvonen - SharePoint Development for Enterprises - What's New an...ECS19 - Vesa Juvonen - SharePoint Development for Enterprises - What's New an...
ECS19 - Vesa Juvonen - SharePoint Development for Enterprises - What's New an...
European Collaboration Summit
 
SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React...
SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React...SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React...
SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React...
Bill Ayers
 
D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...
D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...
D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...
SPS Paris
 
SharePoint as Development Platform for the Modern Intranet
SharePoint as Development Platform for the Modern IntranetSharePoint as Development Platform for the Modern Intranet
SharePoint as Development Platform for the Modern Intranet
Haaron Gonzalez
 
CCI 2017 - Introduzione a SharePoint Framework (SPFx) - Fabio Franzini
CCI 2017 - Introduzione a SharePoint Framework (SPFx) - Fabio FranziniCCI 2017 - Introduzione a SharePoint Framework (SPFx) - Fabio Franzini
CCI 2017 - Introduzione a SharePoint Framework (SPFx) - Fabio Franzini
walk2talk srl
 
Surfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-in
Surfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-inSurfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-in
Surfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-in
Jenkins NS
 
SharePoint development 2017 wrap-up
SharePoint development   2017 wrap-upSharePoint development   2017 wrap-up
SharePoint development 2017 wrap-up
Joel Rodrigues
 
Introduction to development using the share point framework mv ps
Introduction to development using the share point framework mv psIntroduction to development using the share point framework mv ps
Introduction to development using the share point framework mv ps
Usama Wahab Khan Cloud, Data and AI
 
Real World SharePoint Framework and Azure Services
Real World SharePoint Framework and Azure ServicesReal World SharePoint Framework and Azure Services
Real World SharePoint Framework and Azure Services
Brian Culver
 
Office 365 Developer Bootcamp Melbourne
Office 365 Developer Bootcamp MelbourneOffice 365 Developer Bootcamp Melbourne
Office 365 Developer Bootcamp Melbourne
Anupam Ranku
 
Leveraging SharePoint as a development platform for the modern intranet
Leveraging SharePoint as a development platform for the modern intranetLeveraging SharePoint as a development platform for the modern intranet
Leveraging SharePoint as a development platform for the modern intranet
Microsoft Tech Community
 
Convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Convert your Full Trust Solutions to the SharePoint Framework (SPFx)Convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Brian Culver
 
SPTechCon Austin 2019 - From SharePoint to Office 365 development
SPTechCon Austin 2019 - From SharePoint to Office 365 developmentSPTechCon Austin 2019 - From SharePoint to Office 365 development
SPTechCon Austin 2019 - From SharePoint to Office 365 development
Sébastien Levert
 
Grow your SharePoint development platform with SPFx
Grow your SharePoint development platform with SPFxGrow your SharePoint development platform with SPFx
Grow your SharePoint development platform with SPFx
Dipti Chhatrapati
 
SPUnite17 Building Great Client Side Web Parts with SPFx
SPUnite17 Building Great Client Side Web Parts with SPFxSPUnite17 Building Great Client Side Web Parts with SPFx
SPUnite17 Building Great Client Side Web Parts with SPFx
NCCOMMS
 
How to build a Project Hub with Hubsites and Sitedesign and Sitescripts
How to build a Project Hub with Hubsites and Sitedesign and Sitescripts How to build a Project Hub with Hubsites and Sitedesign and Sitescripts
How to build a Project Hub with Hubsites and Sitedesign and Sitescripts
Knut Relbe-Moe [MVP, MCT]
 

Similar to Building share point framework solutions (20)

ECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClass
ECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClassECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClass
ECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClass
 
ECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - Roadmap
ECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - RoadmapECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - Roadmap
ECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - Roadmap
 
SharePoint Framework SPFx
SharePoint Framework SPFxSharePoint Framework SPFx
SharePoint Framework SPFx
 
What's new and what's next in SharePoint Development for Enterprise & SPFx
What's new and what's next in SharePoint Development for Enterprise & SPFx What's new and what's next in SharePoint Development for Enterprise & SPFx
What's new and what's next in SharePoint Development for Enterprise & SPFx
 
ECS19 - Vesa Juvonen - SharePoint Development for Enterprises - What's New an...
ECS19 - Vesa Juvonen - SharePoint Development for Enterprises - What's New an...ECS19 - Vesa Juvonen - SharePoint Development for Enterprises - What's New an...
ECS19 - Vesa Juvonen - SharePoint Development for Enterprises - What's New an...
 
SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React...
SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React...SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React...
SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React...
 
D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...
D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...
D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...
 
SharePoint as Development Platform for the Modern Intranet
SharePoint as Development Platform for the Modern IntranetSharePoint as Development Platform for the Modern Intranet
SharePoint as Development Platform for the Modern Intranet
 
CCI 2017 - Introduzione a SharePoint Framework (SPFx) - Fabio Franzini
CCI 2017 - Introduzione a SharePoint Framework (SPFx) - Fabio FranziniCCI 2017 - Introduzione a SharePoint Framework (SPFx) - Fabio Franzini
CCI 2017 - Introduzione a SharePoint Framework (SPFx) - Fabio Franzini
 
Surfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-in
Surfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-inSurfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-in
Surfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-in
 
SharePoint development 2017 wrap-up
SharePoint development   2017 wrap-upSharePoint development   2017 wrap-up
SharePoint development 2017 wrap-up
 
Introduction to development using the share point framework mv ps
Introduction to development using the share point framework mv psIntroduction to development using the share point framework mv ps
Introduction to development using the share point framework mv ps
 
Real World SharePoint Framework and Azure Services
Real World SharePoint Framework and Azure ServicesReal World SharePoint Framework and Azure Services
Real World SharePoint Framework and Azure Services
 
Office 365 Developer Bootcamp Melbourne
Office 365 Developer Bootcamp MelbourneOffice 365 Developer Bootcamp Melbourne
Office 365 Developer Bootcamp Melbourne
 
Leveraging SharePoint as a development platform for the modern intranet
Leveraging SharePoint as a development platform for the modern intranetLeveraging SharePoint as a development platform for the modern intranet
Leveraging SharePoint as a development platform for the modern intranet
 
Convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Convert your Full Trust Solutions to the SharePoint Framework (SPFx)Convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Convert your Full Trust Solutions to the SharePoint Framework (SPFx)
 
SPTechCon Austin 2019 - From SharePoint to Office 365 development
SPTechCon Austin 2019 - From SharePoint to Office 365 developmentSPTechCon Austin 2019 - From SharePoint to Office 365 development
SPTechCon Austin 2019 - From SharePoint to Office 365 development
 
Grow your SharePoint development platform with SPFx
Grow your SharePoint development platform with SPFxGrow your SharePoint development platform with SPFx
Grow your SharePoint development platform with SPFx
 
SPUnite17 Building Great Client Side Web Parts with SPFx
SPUnite17 Building Great Client Side Web Parts with SPFxSPUnite17 Building Great Client Side Web Parts with SPFx
SPUnite17 Building Great Client Side Web Parts with SPFx
 
How to build a Project Hub with Hubsites and Sitedesign and Sitescripts
How to build a Project Hub with Hubsites and Sitedesign and Sitescripts How to build a Project Hub with Hubsites and Sitedesign and Sitescripts
How to build a Project Hub with Hubsites and Sitedesign and Sitescripts
 

More from Dipti Chhatrapati

Entrepreneurship & Innovation – a new DNA to Success
Entrepreneurship & Innovation – a new DNA to SuccessEntrepreneurship & Innovation – a new DNA to Success
Entrepreneurship & Innovation – a new DNA to Success
Dipti Chhatrapati
 
Prepare For The Next Decade With Microsoft 365 Hybrid Work at ALI Conference
Prepare For The Next Decade With Microsoft 365 Hybrid Work at ALI ConferencePrepare For The Next Decade With Microsoft 365 Hybrid Work at ALI Conference
Prepare For The Next Decade With Microsoft 365 Hybrid Work at ALI Conference
Dipti Chhatrapati
 
Teams Calling Teams at Aseans MS Women Meetup
Teams Calling Teams at Aseans MS Women MeetupTeams Calling Teams at Aseans MS Women Meetup
Teams Calling Teams at Aseans MS Women Meetup
Dipti Chhatrapati
 
Grow your SharePoint development platform with SharePoint Framework
Grow your SharePoint development platform with SharePoint FrameworkGrow your SharePoint development platform with SharePoint Framework
Grow your SharePoint development platform with SharePoint Framework
Dipti Chhatrapati
 
Microsoft365 developer opportunity welcome keynote
Microsoft365 developer opportunity welcome keynoteMicrosoft365 developer opportunity welcome keynote
Microsoft365 developer opportunity welcome keynote
Dipti Chhatrapati
 
Introduction to graph services
Introduction to graph servicesIntroduction to graph services
Introduction to graph services
Dipti Chhatrapati
 
SPS Bangalore 2018 Opening
SPS Bangalore 2018 OpeningSPS Bangalore 2018 Opening
SPS Bangalore 2018 Opening
Dipti Chhatrapati
 
SPS Bangalore 2018 - SharePoint Hybrid
SPS Bangalore 2018 - SharePoint HybridSPS Bangalore 2018 - SharePoint Hybrid
SPS Bangalore 2018 - SharePoint Hybrid
Dipti Chhatrapati
 
Being INSIGHTFUL is the only way to get on SharePoint Hybrid !
Being INSIGHTFUL is the only way to get on SharePoint Hybrid !Being INSIGHTFUL is the only way to get on SharePoint Hybrid !
Being INSIGHTFUL is the only way to get on SharePoint Hybrid !
Dipti Chhatrapati
 
Microsoft Business Platform for real time applications
Microsoft Business Platform for real time applicationsMicrosoft Business Platform for real time applications
Microsoft Business Platform for real time applications
Dipti Chhatrapati
 
Share point 2016 end user training module 1 - introduction
Share point 2016 end user training   module 1 - introductionShare point 2016 end user training   module 1 - introduction
Share point 2016 end user training module 1 - introduction
Dipti Chhatrapati
 
Share point 2016 end user training overview
Share point 2016 end user training   overviewShare point 2016 end user training   overview
Share point 2016 end user training overview
Dipti Chhatrapati
 
Custom Connectors for Microsoft Flow - Your Service Is My Command
Custom Connectors for Microsoft Flow - Your Service Is My CommandCustom Connectors for Microsoft Flow - Your Service Is My Command
Custom Connectors for Microsoft Flow - Your Service Is My Command
Dipti Chhatrapati
 
Automating your tasks with microsoft flow
Automating your tasks with microsoft flowAutomating your tasks with microsoft flow
Automating your tasks with microsoft flow
Dipti Chhatrapati
 
Microsoft Graph API - A Single Stop For Your Cloud Solution
Microsoft Graph API - A Single Stop For Your Cloud SolutionMicrosoft Graph API - A Single Stop For Your Cloud Solution
Microsoft Graph API - A Single Stop For Your Cloud Solution
Dipti Chhatrapati
 

More from Dipti Chhatrapati (15)

Entrepreneurship & Innovation – a new DNA to Success
Entrepreneurship & Innovation – a new DNA to SuccessEntrepreneurship & Innovation – a new DNA to Success
Entrepreneurship & Innovation – a new DNA to Success
 
Prepare For The Next Decade With Microsoft 365 Hybrid Work at ALI Conference
Prepare For The Next Decade With Microsoft 365 Hybrid Work at ALI ConferencePrepare For The Next Decade With Microsoft 365 Hybrid Work at ALI Conference
Prepare For The Next Decade With Microsoft 365 Hybrid Work at ALI Conference
 
Teams Calling Teams at Aseans MS Women Meetup
Teams Calling Teams at Aseans MS Women MeetupTeams Calling Teams at Aseans MS Women Meetup
Teams Calling Teams at Aseans MS Women Meetup
 
Grow your SharePoint development platform with SharePoint Framework
Grow your SharePoint development platform with SharePoint FrameworkGrow your SharePoint development platform with SharePoint Framework
Grow your SharePoint development platform with SharePoint Framework
 
Microsoft365 developer opportunity welcome keynote
Microsoft365 developer opportunity welcome keynoteMicrosoft365 developer opportunity welcome keynote
Microsoft365 developer opportunity welcome keynote
 
Introduction to graph services
Introduction to graph servicesIntroduction to graph services
Introduction to graph services
 
SPS Bangalore 2018 Opening
SPS Bangalore 2018 OpeningSPS Bangalore 2018 Opening
SPS Bangalore 2018 Opening
 
SPS Bangalore 2018 - SharePoint Hybrid
SPS Bangalore 2018 - SharePoint HybridSPS Bangalore 2018 - SharePoint Hybrid
SPS Bangalore 2018 - SharePoint Hybrid
 
Being INSIGHTFUL is the only way to get on SharePoint Hybrid !
Being INSIGHTFUL is the only way to get on SharePoint Hybrid !Being INSIGHTFUL is the only way to get on SharePoint Hybrid !
Being INSIGHTFUL is the only way to get on SharePoint Hybrid !
 
Microsoft Business Platform for real time applications
Microsoft Business Platform for real time applicationsMicrosoft Business Platform for real time applications
Microsoft Business Platform for real time applications
 
Share point 2016 end user training module 1 - introduction
Share point 2016 end user training   module 1 - introductionShare point 2016 end user training   module 1 - introduction
Share point 2016 end user training module 1 - introduction
 
Share point 2016 end user training overview
Share point 2016 end user training   overviewShare point 2016 end user training   overview
Share point 2016 end user training overview
 
Custom Connectors for Microsoft Flow - Your Service Is My Command
Custom Connectors for Microsoft Flow - Your Service Is My CommandCustom Connectors for Microsoft Flow - Your Service Is My Command
Custom Connectors for Microsoft Flow - Your Service Is My Command
 
Automating your tasks with microsoft flow
Automating your tasks with microsoft flowAutomating your tasks with microsoft flow
Automating your tasks with microsoft flow
 
Microsoft Graph API - A Single Stop For Your Cloud Solution
Microsoft Graph API - A Single Stop For Your Cloud SolutionMicrosoft Graph API - A Single Stop For Your Cloud Solution
Microsoft Graph API - A Single Stop For Your Cloud Solution
 

Recently uploaded

Fundamentals of Programming and Language Processors
Fundamentals of Programming and Language ProcessorsFundamentals of Programming and Language Processors
Fundamentals of Programming and Language Processors
Rakesh Kumar R
 
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI AppAI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
Google
 
socradar-q1-2024-aviation-industry-report.pdf
socradar-q1-2024-aviation-industry-report.pdfsocradar-q1-2024-aviation-industry-report.pdf
socradar-q1-2024-aviation-industry-report.pdf
SOCRadar
 
Microservice Teams - How the cloud changes the way we work
Microservice Teams - How the cloud changes the way we workMicroservice Teams - How the cloud changes the way we work
Microservice Teams - How the cloud changes the way we work
Sven Peters
 
2024 eCommerceDays Toulouse - Sylius 2.0.pdf
2024 eCommerceDays Toulouse - Sylius 2.0.pdf2024 eCommerceDays Toulouse - Sylius 2.0.pdf
2024 eCommerceDays Toulouse - Sylius 2.0.pdf
Łukasz Chruściel
 
How to write a program in any programming language
How to write a program in any programming languageHow to write a program in any programming language
How to write a program in any programming language
Rakesh Kumar R
 
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CDKuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
rodomar2
 
Enterprise Resource Planning System in Telangana
Enterprise Resource Planning System in TelanganaEnterprise Resource Planning System in Telangana
Enterprise Resource Planning System in Telangana
NYGGS Automation Suite
 
SWEBOK and Education at FUSE Okinawa 2024
SWEBOK and Education at FUSE Okinawa 2024SWEBOK and Education at FUSE Okinawa 2024
SWEBOK and Education at FUSE Okinawa 2024
Hironori Washizaki
 
May Marketo Masterclass, London MUG May 22 2024.pdf
May Marketo Masterclass, London MUG May 22 2024.pdfMay Marketo Masterclass, London MUG May 22 2024.pdf
May Marketo Masterclass, London MUG May 22 2024.pdf
Adele Miller
 
APIs for Browser Automation (MoT Meetup 2024)
APIs for Browser Automation (MoT Meetup 2024)APIs for Browser Automation (MoT Meetup 2024)
APIs for Browser Automation (MoT Meetup 2024)
Boni García
 
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
UI5con 2024 - Boost Your Development Experience with UI5 Tooling ExtensionsUI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
Peter Muessig
 
E-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet DynamicsE-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet Dynamics
Hornet Dynamics
 
E-commerce Application Development Company.pdf
E-commerce Application Development Company.pdfE-commerce Application Development Company.pdf
E-commerce Application Development Company.pdf
Hornet Dynamics
 
Orion Context Broker introduction 20240604
Orion Context Broker introduction 20240604Orion Context Broker introduction 20240604
Orion Context Broker introduction 20240604
Fermin Galan
 
Energy consumption of Database Management - Florina Jonuzi
Energy consumption of Database Management - Florina JonuziEnergy consumption of Database Management - Florina Jonuzi
Energy consumption of Database Management - Florina Jonuzi
Green Software Development
 
Oracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptxOracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptx
Remote DBA Services
 
Revolutionizing Visual Effects Mastering AI Face Swaps.pdf
Revolutionizing Visual Effects Mastering AI Face Swaps.pdfRevolutionizing Visual Effects Mastering AI Face Swaps.pdf
Revolutionizing Visual Effects Mastering AI Face Swaps.pdf
Undress Baby
 
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Crescat
 
DDS-Security 1.2 - What's New? Stronger security for long-running systems
DDS-Security 1.2 - What's New? Stronger security for long-running systemsDDS-Security 1.2 - What's New? Stronger security for long-running systems
DDS-Security 1.2 - What's New? Stronger security for long-running systems
Gerardo Pardo-Castellote
 

Recently uploaded (20)

Fundamentals of Programming and Language Processors
Fundamentals of Programming and Language ProcessorsFundamentals of Programming and Language Processors
Fundamentals of Programming and Language Processors
 
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI AppAI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
AI Fusion Buddy Review: Brand New, Groundbreaking Gemini-Powered AI App
 
socradar-q1-2024-aviation-industry-report.pdf
socradar-q1-2024-aviation-industry-report.pdfsocradar-q1-2024-aviation-industry-report.pdf
socradar-q1-2024-aviation-industry-report.pdf
 
Microservice Teams - How the cloud changes the way we work
Microservice Teams - How the cloud changes the way we workMicroservice Teams - How the cloud changes the way we work
Microservice Teams - How the cloud changes the way we work
 
2024 eCommerceDays Toulouse - Sylius 2.0.pdf
2024 eCommerceDays Toulouse - Sylius 2.0.pdf2024 eCommerceDays Toulouse - Sylius 2.0.pdf
2024 eCommerceDays Toulouse - Sylius 2.0.pdf
 
How to write a program in any programming language
How to write a program in any programming languageHow to write a program in any programming language
How to write a program in any programming language
 
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CDKuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
KuberTENes Birthday Bash Guadalajara - Introducción a Argo CD
 
Enterprise Resource Planning System in Telangana
Enterprise Resource Planning System in TelanganaEnterprise Resource Planning System in Telangana
Enterprise Resource Planning System in Telangana
 
SWEBOK and Education at FUSE Okinawa 2024
SWEBOK and Education at FUSE Okinawa 2024SWEBOK and Education at FUSE Okinawa 2024
SWEBOK and Education at FUSE Okinawa 2024
 
May Marketo Masterclass, London MUG May 22 2024.pdf
May Marketo Masterclass, London MUG May 22 2024.pdfMay Marketo Masterclass, London MUG May 22 2024.pdf
May Marketo Masterclass, London MUG May 22 2024.pdf
 
APIs for Browser Automation (MoT Meetup 2024)
APIs for Browser Automation (MoT Meetup 2024)APIs for Browser Automation (MoT Meetup 2024)
APIs for Browser Automation (MoT Meetup 2024)
 
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
UI5con 2024 - Boost Your Development Experience with UI5 Tooling ExtensionsUI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
UI5con 2024 - Boost Your Development Experience with UI5 Tooling Extensions
 
E-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet DynamicsE-commerce Development Services- Hornet Dynamics
E-commerce Development Services- Hornet Dynamics
 
E-commerce Application Development Company.pdf
E-commerce Application Development Company.pdfE-commerce Application Development Company.pdf
E-commerce Application Development Company.pdf
 
Orion Context Broker introduction 20240604
Orion Context Broker introduction 20240604Orion Context Broker introduction 20240604
Orion Context Broker introduction 20240604
 
Energy consumption of Database Management - Florina Jonuzi
Energy consumption of Database Management - Florina JonuziEnergy consumption of Database Management - Florina Jonuzi
Energy consumption of Database Management - Florina Jonuzi
 
Oracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptxOracle Database 19c New Features for DBAs and Developers.pptx
Oracle Database 19c New Features for DBAs and Developers.pptx
 
Revolutionizing Visual Effects Mastering AI Face Swaps.pdf
Revolutionizing Visual Effects Mastering AI Face Swaps.pdfRevolutionizing Visual Effects Mastering AI Face Swaps.pdf
Revolutionizing Visual Effects Mastering AI Face Swaps.pdf
 
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
Introducing Crescat - Event Management Software for Venues, Festivals and Eve...
 
DDS-Security 1.2 - What's New? Stronger security for long-running systems
DDS-Security 1.2 - What's New? Stronger security for long-running systemsDDS-Security 1.2 - What's New? Stronger security for long-running systems
DDS-Security 1.2 - What's New? Stronger security for long-running systems
 

Building share point framework solutions

  • 1. Building SPFx solutions across SharePoint, Teams and more Dipti Chhatrapati Modern Workplace Architect, AIS [Microsoft Regional Director]
  • 2. Microsoft 365 Developer platform User-centered Graph of tasks, content, and activities Cross-team data including teams, conversations, events Organizational data, with device and security management Keep every employee focused in the flow of work with apps that integrate key data and experiences
  • 6. SharePoint Framework (SPFx) extensions Application customizer Command set Field customizer Add script to modern pages Adjust top and bottom sections of page with custom renderings Extend the modern list command surface with new actions that run custom code Visualize data inside columns in the list view Extend the user experience of SharePoint, leveraging the familiar tools and libraries for client-side development coming from the SharePoint Framework
  • 7.
  • 8. The intelligent intranet Powering modern employee experiences Connecting the workplace
  • 9. SharePoint news keep people informed and engaged with relevant news delivered across apps & devices Communication sites share news & information, resources & services, vision and knowledge across the organization Hub sites connect and organize sites based on department, division, region, or project Intranet landing pages create employee experiences and modern portals that connect the digital workplace Innovations for intranets and portals SharePoint
  • 10. Landing pages & portals Curate dynamic communications Deliver personalized, relevant content Create an actionable experience Engage employees Create experiences that connect the workplace
  • 11. • Session Recordings • EBooks • $50 MicroJobs Voucher • Plus other goodies ALL-ACCESS PASS ($99) Expires soon! Demo SharePoint Look Book
  • 12.
  • 13. Create a strong presence across your organization Open Source: • • Tailored communication sites
  • 14. Documentation for uifabric.io Toolkits for Adobe XD and Sketch Code for Fabric Core and Fabric React Microsoft Office UI Fabric
  • 15. PnP Reusable SPFx Controls https://sharepoint.github.io/sp-dev-fx-controls-react/ https://sharepoint.github.io/sp-dev-fx-property-controls/ Property Pane Controls Use for Webpart Configurations React Content Controls Use in the Webparts and Extensions
  • 16. Demo
  • 17.
  • 18. SharePoint Provisioning Service preview at http://provisioning.sharepointpnp.com • Currently in public preview and available to be used world wide with initial set of Look Book templates, SharePoint Starter Kit and the Custom learning solution • Enables tenant administrator to provision demo structures with actual content on their tenant (site collection administrator support coming later) • Deploys automatically needed customizations in the tenant level and configures content in the site(s) based on template • Actual templates are SharePoint Tenant Templates Engine templates which can be easily added on the service by adding them to specific GitHub repository (replication) – Tenant templates supports defining tenant scoped elements, like site collections, Teams structures etc.
  • 19. Office 365 tenant templates—complex solution configurations Microsoft Graph / SharePoint REST API / CSOM PnP Core Extension – Actual Tenant Provisioning Engine Tenant administratorsIT Pro admins ISVs and SIs Custom Provisioning Service
  • 21.
  • 22. Microsoft Teams Tabs Advantages on using SharePoint Framework as the UI implementation Access to Graph Easy Graph API access even without Azure admin UI configurations Reuse same implementation One codebase to implement extensibility which works in multiple platforms Simple deployment Simple centralized deployment Automated hosting Automated hosting with optimized CDN
  • 23. Tabs in SharePoint Pages • Uses the same infrastructure / technology as the Microsoft Teams Tab • Even same package! • Logical successor to the existing SharePoint Add-In model • A common development methodology for iFramed solutions • Supports both js/client solutions as well as traditional server-side solutions (.aspx/C# or even Java)
  • 24. Demo Building Microsoft Teams tab using SharePoint Framework
  • 25.
  • 26. Your extension Gateway Your or your customer’s data Office 365 Windows 10 Enterprise Mobility + Security 1Microsoft Graph Building intelligent portals and collaboration platforms
  • 27. SharePoint Online Office add-in built with SPFx Building Office Add-ins using SPFx To simplify deployment and hosting for developers js JavaScript Library js JavaScript Library Office 365 public CDN js Deploy SPFx solution in App-Catalogue 1 Activate SPFx solution to be available in Office 365 2 Use SPFx Solution 3
  • 28. Demo Building Office Add-Ins using SharePoint Framework https://bit.ly/2ZtjuVi
  • 30. Building engaging extensibility with SPFx 1 Build SharePoint Framework web parts and extensions 2 Take advantage of our open-source projects and assets 3 Extend and integrate with Microsoft Teams and Microsoft Graph Sign up for the Office Dev Program - https://aka.ms/o365devprogram
  • 31. Join the Office 365 Developer Program https://aka.ms/o365devprogram Benefits Free renewable Office 365 E3 subscription Be your own admin Dev sandbox creation tools Preload sample users and data for Microsoft Graph, and more Access to Microsoft 365 experts Join bootcamps and monthly community calls Tools, training and documentation Learn, discover and explore about Office 365 development Blogs, newsletters and social Stay up to date with the community
  • 33. • Session Recordings • EBooks • $50 MicroJobs Voucher • Plus other goodies ALL-ACCESS PASS ($99) Expires soon!

Editor's Notes

  1. Hello and Welcome everyone in my session where we will be discussing about SPFx solutions across SharePoint and Teams.I assume that half of the audience here, would have already built SPFx solutions, while rest half of the people probably gone through what is available over internet to know and learn SPFx and then some of them would have been here to know what’s going on with SPFx  and in next few minutes we will talk about how SPFx works across SharePoint and Teams from the top view before your start building the solutions. My name is Dipti Chhatrapati and currently I am working as Modern Workplace Architect at Applied information science.I am also the member of “Microsoft Regional Director Program” where we discuss about direction of Microsoft technologies at very high level point of view. I have started my SharePoint journey from MOSS 2007 back in year 2009 and since then I have not left the technology but infect kept learning more about what is around SharePoint and sharing the knowledge within the community through various events. And in this session, we will not discuss deep dive about how to develop solution around SPFx, but give you an idea about what can you built or possible in modern portals with SPFx from high level prospective and give you an insights about the assets that you can use to build SPFx solutions which are easily available over the internet.
  2. So, let’s start from the base which is a Microsoft 365 Developer Platform. Microsoft focuses on creating people centric experiences. If we consider SharePoint legacy, It was started in year 2001 and started booming from year 2007 with massive customization capabilities, but now it’s SharePoint 2019 with lot’s of capabilities and it’s transforming to be natively being cloud centric and people centric. And, SharePoint falls under Microsoft 365 Developer platform, so it is around Microsoft graph to get personalized information, or showing the relevant information through the SharePoint UI and take advantage of SharePoint framework that we will see in multiple demos in this session what does that mean in real practice
  3. So the latest SharePoint framework development methodology called SharePoint framework which was actually announced 3 years ago and publicily available since last 2 and half years. It was completely a new development model and new way of doing customizations to extend experiences on top of SharePoint. Although, It was more challenging for the classic SharePoint developer earlier, because they used to do heavy customizations with xmls and wsps and lot of other ways and now with SPFx transformation, any web developer can be a SharePoint Developer as Microsoft is moving towards more open technologies which is a good thing for SharePoint Developers as they are no more restricted to SharePoint platform 
  4. Microsoft Build 2017
  5. Now, let’s quickly recap what SharePoint framework is and then we will move to the new stuffs as well. So SharePoint framework offers modern client-side development experience so you use all open source tools like node.js,npn, your desirable javascript framework, it could be angular, knockout, jquery, it could be react as you like using which you can build an extensibility on top of SharePoint. It’s lightweight web and mobile so everything you see is natively responsive in all the devices. And most importantly, Microsoft also uses the same tooling to build the UI of the SharePoint, which has happened first time in SharePoint history. In the past, there were farm solutions what Microsoft has built using different model, and as developer we created in different way like SP packages and feature xmls, then there was a SharePoiont Add-In model which was completely extensibility model, but Microsoft has not used that to make it available for us, however with SharePoint framework, Microsoft uses, exactly the same code base and API , then extensibility and versions which we use to extend the SharePoint functionalities and that’s a game changer because that means, there will not be any new model in coming years  Then, it’s a backward compatible, meaning if you are building anything on SharePoint framework version 1.0, It will still work in SharePoint online even after 2/3 years from now which is one of the important factors as well of choosing SharePoint framework for development. And finally it supports modern way of doing extensibility and JavaScript implementation, meaning you are free to choose which framework you want to use although Microsoft uses react in the SharePoint engineering as that was chosen framework from the beginning for them, but we can really use any new javscript framework
  6. Now, apart from developing the SharePoint framework webparts, SharePoint framework offers the capability called SharePoint Framework Extensions, so that you can embed JavaScript in the UI areas of the page, and there are many place holders and locations where you can place your functionalities on the page.So, it’s not only about adding webpart on the page, but you can develop headers, and footers and other functionalities for SharePoint through modern capabilities. And then there are command sets to add menu buttons and list view buttons, so when you are selecting an item, you can click the button and then execute the javascript and make a call to backend or call azure functions and execute over the selected item and then field customizers for rendering the UI at field level.
  7. However now we have industry standard tooling for building SharePoint functionalities, but obviously when we are building something for SharePoint, there is always one thing to consider that there are already lots of out of the box capabilities which can be used in few clicks to implement your business requirement.
  8. As SharePoint which is now The intelligent intranet for collaboration through various tools around it such as Yammer,Streams,Teams and other Microsoft 365 products and is completely modernize as well to power UI experiences for more better engagement.
  9. 9
  10. On landing pages, there are lots of functionalities such as adding news, events and highlighted content webparts, you can then further down configure them to display relevant content. You can have more personalize experiences such as my documents, my emails or my calendars through out of the box functionalities and this way it exposes relevant information of the employees in the organization which is the core of the SharePoint
  11. Alright so these were the out of the box functionalities and SharePoint look book is a great asset for finding what’s available out of the box. But this is more developer focused summit and you must be interested what is the development opportunities as partner or developer and how SharePoint Framework is related to this conversation ?
  12. So SharePoint is really around those modern portals and there are multiple ways of extending those modern portals by adding webparts, custom headers and footers, embedding JavaScript including custom extensibilities based on business requirements. There are quite a lot of open source projects and experiences which you can adopt when you are building experiences for your customers. There is a starter kit as well and then there is SharePoint patterns and practices initiative with multiple projects available for you to take advantage from where you can get an idea of coding and experiences possibilities. And there are lot of partner solutions available which you can directly use from there, if you do not want to spend your own time to build extensibilities.
  13. Now, let’s move back to the slides, we have seen quite a few demos and walk through and some of the cool ideas like SharePoint look book and SharePoint starter kit is pretty cool, so as a consultant you can really use this to demonstrate your customers about nice looking User interfaces of SharePoint However, wouldn't it be great, if you could add those SharePoint Look Book and Starter Kit templates easily to any tenant for demonstrational purposes?
  14. So for that, there is a SharePoint provisioning Service, which lets you add samples, templates and solutions to your Office 365 tenant.It provisions content and configuration for site collections, sites, and tenants as documented in each sample, template and solution.  So this provisioning service is hosted by Microsoft, but it’s supported by SharePoint community, so this is really open source again and if you need any guidance or support, just submit an issue on github. So, I think this is really pretty nice asset to use as developer. This service behind the scene uses Tenant Templates Engine that gives you an ability to define in one file, about the site collection, then Microsoft teams structure provisions, then Microsoft Channels and tabs to give you more insights which are then part of the template definition. It's just a one file, which you apply on a tenant and then you have a look for what you were looking for. So I encourage you to look at this cool and quick provisioning service
  15. Now, the templating model which I just mentioned is something you can take advantage not only using the provisioning service , but also in your code. So this provisioning engine behind the scene is used to create site collection, use for creating Microsoft teams and tabs, then configurations and branding, you can also deploy solution packages for the tenant. This is available as nuget package and you can also call in PowerShell as well, so it’s actually upto you, how do you want to take an advantage of this engine. , basically pretty much similar as pnp provisioning engine.
  16. So let’s get back to the slide and we have talked about the SharePoint framework, we have talked about the modern experiences and now there is a Microsoft Teams, a hot collaboration tool for the team work and it comes with really cool extensibility model as well. There are more and more customers now moving to Microsoft teams. If we think about the role of SharePoint and Microsoft Teams, we always had confusion whether it’s overlapping or not, however , technically every single file which you see in teams, is being stored in SharePoint, and actually lot of other experience what you see in Microsoft teams is really backed by SharePoint behind the scene. And since Microsoft already had existing cool SharePoint Framework model, Teams has adopted the same tooling for it’s customization in teams tab.so now, SharePoint and teams is having same consistent experience and same development experience
  17. 22
  18. That’s awesome! – so same code base can work in both SharePoint and in Microsoft Teams and Implement once for the Office 365 level. However, what about the other stuffs in Microsoft Office 365?
  19. So Microsoft is currently working on that for Office applications and will be soon available for the preview which supports to build office add-ins using the same SPFx tool chain and capabilities. So the objective of building office-addins with SPFx is to simplify deployment and hosting for developers, it will remove requirements for Azure AD specific apps or configurations through Azure Admin UI, so basically you will not be more dependent on Azure AD. For example, we think that we have Azure AD Subscription, but if we look at the enterprise scenario and their permission models and processes, it takes times, but there is a SharePoint Online, so why not taking advantage of hosting customizations in SharePint? Now, Office add-in application exposed in the Office product as a panel. JavaScript Solution Assets are hosted in SharePoint and published to Office clients using standard Office model. Only referenced URL for the manifest points to SharePoint. So there are three simple steps: Deploy the SPFx solution in App- Catalogue at tenant level which is a Typical options to install and host SPFx package file Activate that to be available from tenant app-catalogue in Office 365 Solutions Take advantage of all the goodies of SPFx such as asset packaging, CDN configuration, asset provisioning, native Microsoft Graph access with admin governance, custom 3rd party API access etc, then storing and accessing data from the SharePoint list if required.
  20. Now, if you are interested in SPFx awesomeness and want to know more about what’s happening with SPFx there is once a week SPFx community call you can join and all of these information is available at aka.ms/sppnp that will redirect you to the in depth information about the SPFx community and related assets. SharePoint Framework Community is built under three principals – learn, reuse and share, It’s all about learning through Microsoft documentations, reusing as per your ideas and insights and share back to benefits of others
  21. Now, if you are a begineer and want to know how to get started with SharePoint Framework. Build SPFx solutions such as webparts and extensions Use open source projects and assets from the github Finally deploy and integrate with SP And teams via Microsoft graph
  22. Another reminder is Sing up with Office 365 developer program to acquire office 365 tenant for an year if you don’t have one. And this will automatically renew, if you are only using as a development purpose. With this benefit, you will get the platform to build application for your practices and stay upto date with the community and events around office 365 development.
  23. And, that’s it form my side and I hope you have enjoyed this session, Thank you so much for being here to learn and grow 