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

PPTX
Build MSTeams Customizations with SPFx
PPTX
SPFx (SharePoint Framework)
PPTX
SharePoint Framework
PPTX
Overview of SharePoint Framework (SPFx)
PPTX
SPSNL17 - Deep-dive building SharePoint Framework solutions - Albert-Jan Scho...
PPTX
SharePoint Fest Chicago - Introduction to AngularJS with the Microsoft Graph
PPTX
SharePoint Fest Chicago - From SharePoint to Office 365 Development
PPTX
Logic Apps – Deployments
Build MSTeams Customizations with SPFx
SPFx (SharePoint Framework)
SharePoint Framework
Overview of SharePoint Framework (SPFx)
SPSNL17 - Deep-dive building SharePoint Framework solutions - Albert-Jan Scho...
SharePoint Fest Chicago - Introduction to AngularJS with the Microsoft Graph
SharePoint Fest Chicago - From SharePoint to Office 365 Development
Logic Apps – Deployments

What's hot (20)

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

Similar to Introduction to SharePoint Framework (20)

PDF
Convert your Full Trust Solutions to the SharePoint Framework (SPFx)
PDF
Convert your Full Trust Solutions to the SharePoint Framework (SPFx)
PPTX
Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hour
PDF
How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)
PPTX
Building SharePoint framework Web Parts using the Microsoft Graph
PDF
How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)
PPTX
Getting started with spfx
PPTX
Demystifying versioning in spfx solutions
PPTX
M365 global developer bootcamp 2019 Intro to SPFx Version
PDF
Real World SharePoint Framework and Azure Services
PPTX
M365 global developer bootcamp 2019 PA
PPTX
M365 global developer bootcamp 2019
PPTX
SharePoint Development with the SharePoint Framework
PDF
SPS Paris: Building great client-side web parts with spfx, pnp-js-core, React...
PDF
D1 - Building Great Client-side Web Parts with SPFx, PnP-JS-Core, ReactJS and...
PPTX
Introducción al SharePoint Framework SPFx
PPTX
SharePoint Framework - Developer Preview
PPTX
Introduction to SharePoint Framework (SPFx)
PPTX
ECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClass
PPTX
Office 365 Saturday (Sydney) - SharePoint framework – build integrated user e...
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) in 1 hour
How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Building SharePoint framework Web Parts using the Microsoft Graph
How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)
Getting started with spfx
Demystifying versioning in spfx solutions
M365 global developer bootcamp 2019 Intro to SPFx Version
Real World SharePoint Framework and Azure Services
M365 global developer bootcamp 2019 PA
M365 global developer bootcamp 2019
SharePoint Development with the SharePoint Framework
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...
Introducción al SharePoint Framework SPFx
SharePoint Framework - Developer Preview
Introduction to SharePoint Framework (SPFx)
ECS19 - Vesa Juvonen - SharePoint and Office 365 Development PowerClass
Office 365 Saturday (Sydney) - SharePoint framework – build integrated user e...
Ad

Recently uploaded (20)

PPTX
CroxyProxy Instagram Access id login.pptx
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PPTX
Comunidade Salesforce São Paulo - Desmistificando o Omnistudio (Vlocity)
PDF
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
PDF
HCSP-Presales-Campus Network Planning and Design V1.0 Training Material-Witho...
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
How Onsite IT Support Drives Business Efficiency, Security, and Growth.pdf
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
[발표본] 너의 과제는 클라우드에 있어_KTDS_김동현_20250524.pdf
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
cuic standard and advanced reporting.pdf
PDF
Chapter 2 Digital Image Fundamentals.pdf
PDF
Smarter Business Operations Powered by IoT Remote Monitoring
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Electronic commerce courselecture one. Pdf
PDF
Transforming Manufacturing operations through Intelligent Integrations
PDF
REPORT: Heating appliances market in Poland 2024
CroxyProxy Instagram Access id login.pptx
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Comunidade Salesforce São Paulo - Desmistificando o Omnistudio (Vlocity)
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
HCSP-Presales-Campus Network Planning and Design V1.0 Training Material-Witho...
“AI and Expert System Decision Support & Business Intelligence Systems”
How Onsite IT Support Drives Business Efficiency, Security, and Growth.pdf
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Review of recent advances in non-invasive hemoglobin estimation
[발표본] 너의 과제는 클라우드에 있어_KTDS_김동현_20250524.pdf
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
20250228 LYD VKU AI Blended-Learning.pptx
cuic standard and advanced reporting.pdf
Chapter 2 Digital Image Fundamentals.pdf
Smarter Business Operations Powered by IoT Remote Monitoring
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Electronic commerce courselecture one. Pdf
Transforming Manufacturing operations through Intelligent Integrations
REPORT: Heating appliances market in Poland 2024

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