SlideShare a Scribd company logo
Webinar Series: Getting Started with SharePoint Framework
Getting Started with
SharePoint Framework
Webinar Series
Webinar Series: Getting Started with SharePoint Framework
Introduction to
SharePoint Framework
Webinar Series: Getting Started with SharePoint Framework
Kirti Prajapati
SharePoint Architect | Consultant
@kirtipprajapati
Facebook.com/kirti.prajapati.7374
linkedin.com/in/kirtiprajapati
kirti.prajapati@gmail.com
 MCTS
 O365, SharePoint & Office Dev Specialist
 Speaker | Blogger | Author | Trainer
 Organizer of Ahmedabad SharePoint User Group
 aOS Ambassador
Webinar Series: Getting Started with SharePoint Framework
Agenda
• Why do we need the SharePoint Framework?
• What is the SharePoint Framework?
• Benefits
• Modern toolchain & How it works
• Future
• Traditional SharePoint developers, web developers
• No Previous experience with “modern web development” required
Webinar Series: Getting Started with SharePoint Framework
Webinar Series: Getting Started with SharePoint Framework
2000
Sources:
1. 451 Research, Hosting and Cloud Study, 2014
Full Trust Code
Partial Trust Code
Microsoft
Managed Solutions
Microsoft
Online Services
App Model
Webinar Series: Getting Started with SharePoint Framework
Enterprise-Grade Modern
Toolchain
User Focused
Webinar Series: Getting Started with SharePoint Framework
Webinar Series: Getting Started with SharePoint Framework
SharePoint Framework
Modern pages and
Client web parts
Client side
applications
A new development
model
New deployment
possibilities
The new SharePoint Framework is a new developer model accompanying the new
SharePoint UX.
It's based on modern web development stack and for the first time ever Microsoft
offers us a model that can be used on any platform with any JavaScript framework
to build SharePoint customizations.
Webinar Series: Getting Started with SharePoint Framework
Webinar Series: Getting Started with SharePoint Framework
Key Features of SPFx
• Provides full support for client-side customization
• Provide easy access to SharePoint Data
• Customizations run in current context
• Customizations responsive and accessible
• Development experience embraces web development stack
• Customization work in classic, publishing and modern pages
• First Party & Third Party
• End users can use SPFx client-side solutions that are approved by the tenant
administrators (or their delegates) on all sites.
Webinar Series: Getting Started with SharePoint Framework
Webinar Series: Getting Started with SharePoint Framework
Toolchain overview
• Node.js and NPM
• Yeoman
• Gulp
• Automation
• Platform-agnostic
• Strong Ecosystem
• Simple
• Webpack
Webinar Series: Getting Started with SharePoint Framework
Development toolchain comparison
Project Templates
Webinar Series: Getting Started with SharePoint Framework
Webinar Series: Getting Started with SharePoint Framework
Webinar Series: Getting Started with SharePoint Framework
Webinar Series: Getting Started with SharePoint Framework
Webinar Series: Getting Started with SharePoint Framework
Webinar Series: Getting Started with SharePoint Framework
Webinar Series: Getting Started with SharePoint Framework
npm install generator-sharepoint -g
yo sharepoint
Code
gulp serve
workbench
gulp package-solution
gulp upload-cdn
manual upload of the app
Webinar Series: Getting Started with SharePoint Framework
Thank You
Webinar Series: Getting Started with SharePoint Framework
Next up…
Setting up developer en
By Nanddeep Nachan on 08-April-2020

More Related Content

What's hot (20)

PDF
Webhooks in Microsoft SharePoint Online
Netwoven Inc.
 
PDF
Laravel CI / CD in Azure Web Apps - Global Azure Bootcamp Jakarta
Billy Riantono
 
PDF
ECS 19 Ben Howard - THE PROJECT MANAGEMENT TOOLS WEB OF CONFUSION
European Collaboration Summit
 
PPTX
SPSNL17 - Be more effective with the PnP Provisioning Engine - Erwin van Hunen
DIWUG
 
PPTX
Who Needs A Developer For Automated SharePoint Provisioning
Eric Overfield
 
PPTX
The happy developer - SharePoint Framework React and Mindfulness
Olli Jääskeläinen
 
PDF
Gilles Pommier: Edit DevOps with PowerShell for Office 365 and SharePoint Onl...
SharePoint Saturday Warsaw
 
PPTX
Build Your First SharePoint Framework Webpart
Eric Overfield
 
PPTX
The Adventures of Azure Functions and Microsoft Graph
Eric Overfield
 
PDF
{Re}designing a Developer Portal
Pronovix
 
PDF
O365Con18 - Using ARM Templates to Deploy Solutions on Azure - Kevin Timmermann
NCCOMMS
 
PPTX
Supercharge Your SharePoint Framework Webpart with React
Eric Overfield
 
PPTX
Putting the DOT in .NET - Dev/Ops/Test
Robert MacLean
 
PPTX
Use office ui fabric react to build beauty with SharePoint
Eric Overfield
 
PPTX
Sys01 creare applicazioni virtuali con microsoft application virtualization...
DotNetCampus
 
DOC
Manish_Gupta
manish gupta
 
PPTX
Building loosely coupled integrations with Logic Apps
BizTalk360
 
PPTX
All You Need to Know for Automated SharePoint Site Provisioning with PnP Powe...
Eric Overfield
 
PPTX
Move past bootstrap and build our lightweight responsive framework w.v1.2
Eric Overfield
 
PPTX
Whats new for developers in Visual Studio 2013
Chris Dufour
 
Webhooks in Microsoft SharePoint Online
Netwoven Inc.
 
Laravel CI / CD in Azure Web Apps - Global Azure Bootcamp Jakarta
Billy Riantono
 
ECS 19 Ben Howard - THE PROJECT MANAGEMENT TOOLS WEB OF CONFUSION
European Collaboration Summit
 
SPSNL17 - Be more effective with the PnP Provisioning Engine - Erwin van Hunen
DIWUG
 
Who Needs A Developer For Automated SharePoint Provisioning
Eric Overfield
 
The happy developer - SharePoint Framework React and Mindfulness
Olli Jääskeläinen
 
Gilles Pommier: Edit DevOps with PowerShell for Office 365 and SharePoint Onl...
SharePoint Saturday Warsaw
 
Build Your First SharePoint Framework Webpart
Eric Overfield
 
The Adventures of Azure Functions and Microsoft Graph
Eric Overfield
 
{Re}designing a Developer Portal
Pronovix
 
O365Con18 - Using ARM Templates to Deploy Solutions on Azure - Kevin Timmermann
NCCOMMS
 
Supercharge Your SharePoint Framework Webpart with React
Eric Overfield
 
Putting the DOT in .NET - Dev/Ops/Test
Robert MacLean
 
Use office ui fabric react to build beauty with SharePoint
Eric Overfield
 
Sys01 creare applicazioni virtuali con microsoft application virtualization...
DotNetCampus
 
Manish_Gupta
manish gupta
 
Building loosely coupled integrations with Logic Apps
BizTalk360
 
All You Need to Know for Automated SharePoint Site Provisioning with PnP Powe...
Eric Overfield
 
Move past bootstrap and build our lightweight responsive framework w.v1.2
Eric Overfield
 
Whats new for developers in Visual Studio 2013
Chris Dufour
 

Similar to Introduction to SharePoint Framework (20)

PPTX
Demystifying versioning in spfx solutions
Jasjit Chopra
 
PPTX
Deploy, manage, and customize with SharePoint Patterns and Practices tools an...
SharePoint Patterns and Practices
 
PPTX
SPSCasablanca - SPFx Deployment
Yannick Borghmans
 
PPTX
Uncovering the Latest in SharePoint Development
Eric Overfield
 
PDF
Azure Automation, PnP Provisioning and PnP PowerShell
Markus Moeller
 
PPTX
ECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClass
European Collaboration Summit
 
PDF
selenium_course_content.pdf
aswinisowmiya
 
PDF
Accelerate the ROI of PHP in your Enterprise
Enterprise PHP Center
 
PPTX
SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...
Waldek Mastykarz
 
PDF
Partner Tech Talk Q3: Q&A with PS - Migration and Upgrade
confluent
 
PPTX
#SPSOttawa 2017 migrate to the #SharePoint Framework #spfx
Vincent Biret
 
PPTX
Introduction to development using the share point framework mv ps
Usama Wahab Khan Cloud, Data and AI
 
PDF
aOS Monaco - SPFx deployment
Yannick Borghmans
 
PDF
aOS Monaco 2019 - B7 - I Developed a SPFx solution, what to do next and how t...
aOS Community
 
PDF
How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Brian Culver
 
PDF
Discover Microsoft's Cloud Automation Suite
Jaap Brasser
 
PPTX
SPFx- A modern development model for SharePoint
Kirti Prajapati
 
PPTX
VJCD2017 SharePoint Framework (SPFx)
Seiji Noro
 
PPTX
#SPSNYC 2018 Migrate your custom components to the #SharePoint Framework #SPFX
Vincent Biret
 
PPTX
Building share point framework solutions
Dipti Chhatrapati
 
Demystifying versioning in spfx solutions
Jasjit Chopra
 
Deploy, manage, and customize with SharePoint Patterns and Practices tools an...
SharePoint Patterns and Practices
 
SPSCasablanca - SPFx Deployment
Yannick Borghmans
 
Uncovering the Latest in SharePoint Development
Eric Overfield
 
Azure Automation, PnP Provisioning and PnP PowerShell
Markus Moeller
 
ECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClass
European Collaboration Summit
 
selenium_course_content.pdf
aswinisowmiya
 
Accelerate the ROI of PHP in your Enterprise
Enterprise PHP Center
 
SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...
Waldek Mastykarz
 
Partner Tech Talk Q3: Q&A with PS - Migration and Upgrade
confluent
 
#SPSOttawa 2017 migrate to the #SharePoint Framework #spfx
Vincent Biret
 
Introduction to development using the share point framework mv ps
Usama Wahab Khan Cloud, Data and AI
 
aOS Monaco - SPFx deployment
Yannick Borghmans
 
aOS Monaco 2019 - B7 - I Developed a SPFx solution, what to do next and how t...
aOS Community
 
How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Brian Culver
 
Discover Microsoft's Cloud Automation Suite
Jaap Brasser
 
SPFx- A modern development model for SharePoint
Kirti Prajapati
 
VJCD2017 SharePoint Framework (SPFx)
Seiji Noro
 
#SPSNYC 2018 Migrate your custom components to the #SharePoint Framework #SPFX
Vincent Biret
 
Building share point framework solutions
Dipti Chhatrapati
 
Ad

Recently uploaded (20)

PPTX
Future Tech Innovations 2025 – A TechLists Insight
TechLists
 
PDF
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
PPTX
Digital Circuits, important subject in CS
contactparinay1
 
PDF
NLJUG Speaker academy 2025 - first session
Bert Jan Schrijver
 
PPTX
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
PDF
Staying Human in a Machine- Accelerated World
Catalin Jora
 
PDF
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
PDF
Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
PDF
UiPath DevConnect 2025: Agentic Automation Community User Group Meeting
DianaGray10
 
PDF
Transcript: Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
PPTX
Designing_the_Future_AI_Driven_Product_Experiences_Across_Devices.pptx
presentifyai
 
DOCX
Cryptography Quiz: test your knowledge of this important security concept.
Rajni Bhardwaj Grover
 
PPTX
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PDF
AI Agents in the Cloud: The Rise of Agentic Cloud Architecture
Lilly Gracia
 
DOCX
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
PPTX
MuleSoft MCP Support (Model Context Protocol) and Use Case Demo
shyamraj55
 
PPTX
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...
Alexandra N. Martinez
 
PDF
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
PDF
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
Future Tech Innovations 2025 – A TechLists Insight
TechLists
 
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
Digital Circuits, important subject in CS
contactparinay1
 
NLJUG Speaker academy 2025 - first session
Bert Jan Schrijver
 
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
Staying Human in a Machine- Accelerated World
Catalin Jora
 
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
UiPath DevConnect 2025: Agentic Automation Community User Group Meeting
DianaGray10
 
Transcript: Book industry state of the nation 2025 - Tech Forum 2025
BookNet Canada
 
Designing_the_Future_AI_Driven_Product_Experiences_Across_Devices.pptx
presentifyai
 
Cryptography Quiz: test your knowledge of this important security concept.
Rajni Bhardwaj Grover
 
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
AI Agents in the Cloud: The Rise of Agentic Cloud Architecture
Lilly Gracia
 
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
MuleSoft MCP Support (Model Context Protocol) and Use Case Demo
shyamraj55
 
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...
Alexandra N. Martinez
 
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
Bitcoin for Millennials podcast with Bram, Power Laws of Bitcoin
Stephen Perrenod
 
Ad

Introduction to SharePoint Framework

  • 1. Webinar Series: Getting Started with SharePoint Framework Getting Started with SharePoint Framework Webinar Series
  • 2. Webinar Series: Getting Started with SharePoint Framework Introduction to SharePoint Framework
  • 3. Webinar Series: Getting Started with SharePoint Framework Kirti Prajapati SharePoint Architect | Consultant @kirtipprajapati Facebook.com/kirti.prajapati.7374 linkedin.com/in/kirtiprajapati [email protected]  MCTS  O365, SharePoint & Office Dev Specialist  Speaker | Blogger | Author | Trainer  Organizer of Ahmedabad SharePoint User Group  aOS Ambassador
  • 4. Webinar Series: Getting Started with SharePoint Framework Agenda • Why do we need the SharePoint Framework? • What is the SharePoint Framework? • Benefits • Modern toolchain & How it works • Future • Traditional SharePoint developers, web developers • No Previous experience with “modern web development” required
  • 5. Webinar Series: Getting Started with SharePoint Framework
  • 6. Webinar Series: Getting Started with SharePoint Framework 2000 Sources: 1. 451 Research, Hosting and Cloud Study, 2014 Full Trust Code Partial Trust Code Microsoft Managed Solutions Microsoft Online Services App Model
  • 7. Webinar Series: Getting Started with SharePoint Framework Enterprise-Grade Modern Toolchain User Focused
  • 8. Webinar Series: Getting Started with SharePoint Framework
  • 9. Webinar Series: Getting Started with SharePoint Framework SharePoint Framework Modern pages and Client web parts Client side applications A new development model New deployment possibilities The new SharePoint Framework is a new developer model accompanying the new SharePoint UX. It's based on modern web development stack and for the first time ever Microsoft offers us a model that can be used on any platform with any JavaScript framework to build SharePoint customizations.
  • 10. Webinar Series: Getting Started with SharePoint Framework
  • 11. Webinar Series: Getting Started with SharePoint Framework Key Features of SPFx • Provides full support for client-side customization • Provide easy access to SharePoint Data • Customizations run in current context • Customizations responsive and accessible • Development experience embraces web development stack • Customization work in classic, publishing and modern pages • First Party & Third Party • End users can use SPFx client-side solutions that are approved by the tenant administrators (or their delegates) on all sites.
  • 12. Webinar Series: Getting Started with SharePoint Framework
  • 13. Webinar Series: Getting Started with SharePoint Framework Toolchain overview • Node.js and NPM • Yeoman • Gulp • Automation • Platform-agnostic • Strong Ecosystem • Simple • Webpack
  • 14. Webinar Series: Getting Started with SharePoint Framework Development toolchain comparison Project Templates
  • 15. Webinar Series: Getting Started with SharePoint Framework
  • 16. Webinar Series: Getting Started with SharePoint Framework
  • 17. Webinar Series: Getting Started with SharePoint Framework
  • 18. Webinar Series: Getting Started with SharePoint Framework
  • 19. Webinar Series: Getting Started with SharePoint Framework
  • 20. Webinar Series: Getting Started with SharePoint Framework
  • 21. Webinar Series: Getting Started with SharePoint Framework npm install generator-sharepoint -g yo sharepoint Code gulp serve workbench gulp package-solution gulp upload-cdn manual upload of the app
  • 22. Webinar Series: Getting Started with SharePoint Framework Thank You
  • 23. Webinar Series: Getting Started with SharePoint Framework Next up… Setting up developer en By Nanddeep Nachan on 08-April-2020