SharePoint Framework Extensions

Slides:



Advertisements
Similar presentations
Microsoft Office SharePoint Portal Server 2007 Introduction to InfoPath Forms Services Daryl L. Rudolph.
Advertisements

Microsoft SharePoint 2010 technology for Developers
Designing, Deploying and Managing Workflow in SharePoint Sites Steve Heaney Product Development Manager OBS
DEV392: Extending SharePoint Products And Technologies Through Web Parts And ASP.NET Clint Covington, Program Manager Data And Developer Services - Office.
Microsoft SharePoint 2013 SharePoint 2013 as a Developer Platform
Microsoft ® Official Course Introducing Apps for SharePoint SharePoint Practice Microsoft SharePoint 2013.
Creating a SharePoint App with Microsoft Access Services
Microsoft SharePoint Server 2010 for the Microsoft ASP.NET Developer Yaroslav Pentsarskyy
Office Business Applications Workshop Defining Business Process and Workflows.
Microsoft ® Official Course Developing a Publishing Site for Web Content Microsoft SharePoint 2013 SharePoint Practice.
UNDERSTANDING YOUR OPTIONS FOR CLIENT-SIDE DEVELOPMENT IN OFFICE 365 Mark Rackley
| Lausanne Become an Office 365 developer in 60 min Valerie Alonso Xavier Bocken.
The 2007 Microsoft Office System Servers Enterprise Content Management, Workflow and Forms Martin Parry Developer and Platform Group, Microsoft Ltd
Workflow in Microsoft Office SharePoint Server Jessica Gruber Consultant Microsoft Corporation.
Office 365: Attack of the Clones! Building reusable site templates with the Office 365 PnP Framework.
SHAREPOINT ONLINE : BUILD A VOICE-CONTROLLED SHAREPOINT ADD-IN MATT MAHER.
Ramping Up On The SharePoint Framework (SPFx)
SharePoint 101 – An Overview of SharePoint 2010, 2013 and Office 365
From SharePoint to Office 365 Development
1/10/2018 9:33 PM Cloud Roadshow © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO.
Build Client-side web parts for Microsoft SharePoint
SharePoint + CRM Saturday Zurich 2017
Get an Introduction to the SharePoint Framework
5/9/2018 9:30 AM BRK2215 Deliver better experiences with SharePoint Patterns and Practices Community Solutions Mike Ammerlaan Product Marketing Manager,
Office Add-ins: Make your solution a native part of Office
Office 365 Developer Overview
Understanding SharePoint Framework Extensions
Let's build with SharePoint Web parts, extensions, and much more
What's new in the world of SharePoint development and deployment
About Bill Bill Baer (ˈbɛər)
SharePoint Development in the Enterprise (What's New, What's Coming)
Building Custom Application With Office Add-Ins for OneNote
Automate Custom Solutions Deployment on Office 365 and Azure
Office 365 Development July 2014.
Line of Business Solutions in SharePoint Online
Discover the New SharePoint Content Publishing Experiences
Presented by Kenny Duenke and Patrick Witbrod
Upgrading from Full Trust Code to Add-in Model and SharePoint Framework Paolo Pialorsi Senior Consultant - PiaSys.com Track: DEV | Level:
Modern UI Extensions with the SharePoint Framework
New Tricks for Old Dogs: The SharePoint Framework (SPFx)
Modern UI Extensions with the SharePoint Framework
Working with the SharePoint Framework
Microsoft Dynamics.
Microsoft Ignite /13/2018 7:38 PM BRK2247
Advancing the SharePoint Developer Community (PnP)
Branding SharePoint Using Application Customizers
Application Lifecycle Management – Best Practices for SharePoint and Office App development November 2015.
SPFx – A modern development tool for SharePoint
Introduction to SharePoint Framework (SPFx)
Understanding SharePoint Framework and Modern Development
The Future of SharePoint Development - Vision, Strategy, and Roadmap
Microsoft Ignite NZ October 2016 SKYCITY, Auckland.
Office Add-ins Sudheer Maremanda Program Manager
Learn about PnP initiative and the new SharePoint Framework
Introduction to SharePoint Framework (SPFx)
Practical guide to build Modern Intranet sites with SharePoint Communication Sites Asish Padhy.
Discover what’s new and what’s coming to SharePoint Modern Team sites
Rich single page applications with SharePoint
Introduction to SharePoint Framework
SharePoint Vladimir
Site scripts and Site Design
The SharePoint framework
SharePoint 2019 Overview and Use SPFx Extensions
Cross Site Collection Navigation using SPFx, Powershell PnP & PnP-JS
Microsoft Connect /28/2019 2:20 AM
SharePoint Foundation 2010
Explore PnP Partner Pack for IT pros, admins and architects
04 | Apps and SharePoint Chris Johnson | SharePoint Guru
Office 365 Development July 2014.
Windows Forms in Visual Studio 2005: An in-depth look at key features
Presentation transcript:

SharePoint Framework Extensions Future of SharePoint Development Alex Terentiev

About Myself 10 years of experience with SharePoint Leading development of multiple SharePoint products sold worldwide Expert in Front-end development and modern web development toolchain Regular contributor to SharePoint Patterns and Practices Awarded with 1st prize award during invite-only SharePoint Dev Kitchen March 2017 event @alexaterentiev https://tricky-sharepoint.blogspot.com/ https://github.com/AJIXuMuK https://www.linkedin.com/in/alekseiterentiev/

Agenda What is SharePoint Framework? SharePoint Framework Development Toolchain SharePoint Framework Extensions Overview SharePoint Framework Extensions Demos SharePoint Framework-related Recap of MS Ignite

What is SharePoint Framework (SPFx)? SharePoint Framework Development Toolchain SharePoint Framework Extensions Overview SharePoint Framework Extensions Demos SharePoint Framework-related Recap of MS Ignite

What is SharePoint Framework (SPFx)? The SharePoint Framework (SPFx) is a page and web part model for client-side SharePoint development, easy integration with SharePoint data, and support for open source tooling. Key Features: Runs in the context of the current user and connection in the browser It's framework agnostic The toolchain is based on common open source client development tools The controls are rendered in the normal page DOM Performance is reliable The controls are responsive and accessible by nature SPFx web parts can be added to both classic and modern pages Enables the developer to access page lifecycle

SPFx Security Considerations Code is executed in browser and under current user context – no elevated privileges or any other security concerns SPFx solution is a package that should be deployed to the App Catalog and approved by tenant administrator All SPFx assets (JavaScript, images, configuration files) can be hosted on tenant-scoped CDN (Office 365 CDN)

SPFx Development Toolchain What is SharePoint Framework? SharePoint Framework Development Toolchain SharePoint Framework Extensions Overview SharePoint Framework Extensions Demos SharePoint Framework-related Recap of MS Ignite

SPFx Development Toolchain MS Build IIS Express Project Templates Typed superset of JavaScript that compiles to plain JavaScript Package manager to reference dependencies Environment for hosting and serving JavaScript code. Templates engine Task runner and module bundler to compile and package solutions

SPFx Development: How to Sart? Create Office 365 Tenant (Recommendation: Office 365 Enterprise E3 Developer subscription tenant) Set up development environment: Set up local development environment Use Docker Image by Waldek Mastykarz (https://goo.gl/fzNV7P)

SPFx Extensions Overview What is SharePoint Framework? SharePoint Framework Development Toolchain SharePoint Framework Extensions Overview SharePoint Framework Extensions Demos SharePoint Framework-related Recap of MS Ignite

SPFx Extensions Development Flow Install SPFx Templates (generator) Compile, Bundle Package Create Project from Template Test Deploy to Storage Reference Additional Libraries Ready to Ship? Yes Implement Custom Code Install to App Catalog and on the Site No

SPFx Extensions: Application Customizer Purpose: Inject custom JavaScript on the page Insert custom HTML to well-known locations on the page - Placeholders Parallel with classic SharePoint Dev: ScriptLink Custom Action Use case examples: Notification banners Custom footers Pop up messages

Shortcut to set unique permissions SPFx Extensions: Command Set Purpose: Insert custom commands to Lists’ command bar Insert custom commands to List Items’ context menu (ECB) Parallel with classic SharePoint Dev: Ribbon and ECB Custom Actions Use case examples: Shortcut to set unique permissions Clone selected items Email links to documents

SPFx Extensions: Field Customizer Purpose: Provide custom rendering for each cell of the column Parallel with classic SharePoint Dev: Field JSLink Use case examples: Color-coding SSN-masking Inline editing controls

SPFx Extensions: Applying Feature Framework CSOM/JSOM PowerShell

SPFx Extension Demos What is SharePoint Framework? SharePoint Framework Development Toolchain SharePoint Framework Extensions Overview SharePoint Framework Extensions Demos SharePoint Framework-related Recap of MS Ignite

MS Ignite Recap Microsoft Ignite What is SharePoint Framework? September 25 – 29, 2017, Orlando, FL MS Ignite Recap What is SharePoint Framework? SharePoint Framework Development Toolchain SharePoint Framework Extensions Overview SharePoint Framework Extensions Demos SharePoint Framework-related Recap of MS Ignite

MS Ignite Recap SPFx Extensions are in GA – Released SharePoint 2016 Feature Pack 2 with SPFx Web Parts support – Released Tenant-scope deployment of SPFx solutions – Released SPFx tenant properties (tenant property bag) – First Release Site Collection app catalog – Coming soon Permissions scopes & 3d party Web API access management – Coming soon ALM APIs for SPFx solutions – Coming soon SharePoint PnP Reusable Controls – Developer Preview SharePoint PnP Community Solutions – Developer Preview More information about Ignite announcements can be found here: https://tricky-sharepoint.blogspot.com/2017/10/microsoft-ignite-2017-recap-subjective.html

Resources Documentation Updates and Feedback https://docs.microsoft.com/en-us/sharepoint/dev/spfx/sharepoint-framework-overview - main documentation Documentation https://github.com/SharePoint/sp-dev-docs/wiki - Wiki Updates and Feedback Follow @SharePoint and @OfficeDev on Twitter http://dev.office.com/blogs - Office Development Blog https://github.com/SharePoint/sp-dev-docs/issues - Repository for issues and questions https://sharepoint.uservoice.com/forums/329220-sharepoint-dev-platform - features/improvements requests Office Dev Patterns & Practices https://dev.office.com/patterns-and-practices - entry point to all SharePoint PnP resources GitHub https://github.com/SharePoint/sp-dev-fx-webparts - SPFx Web Parts repository https://github.com/SharePoint/sp-dev-fx-extensions - SPFx Extensions repository https://techcommunity.microsoft.com/t5/SharePoint-Blog/bg-p/SPBlog - The SharePoint Community Blog

Q&A

Alex Terentiev @alexaterentiev https://tricky-sharepoint.blogspot.com/