SharePoint Development with the SharePoint Framework
Jussi Roine Olli J??skel?inen更新时间:2021-07-08 10:14:44
最新章节:Summarycoverpage
Title Page
Copyright
SharePoint Development with the SharePoint Framework
Credits
About the Authors
About the Reviewer
www.PacktPub.com
Why subscribe?
Customer Feedback
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Downloading the example code
Errata
Piracy
Questions
Introducing SharePoint Online for Developers
What is SharePoint Online?
SharePoint sites and site collections
SharePoint document libraries
SharePoint lists
SharePoint web parts
Why SharePoint Online?
Office 365 licensing
Choosing an Office 365 license for development use
Getting started with SharePoint Online
Creating new site collections
A word or two on SharePoint site templates
Site definitions
Site templates
Web templates
SharePoint Online and site templates
Creating a new site collection
Developer sites versus team sites
SharePoint Online APIs
A quick primer on Microsoft Graph
Developing solutions for SharePoint Online
Solutions for SharePoint and SharePoint Online
SharePoint 2001-2003: direct modification of files
SharePoint 2007--Full-trust code
SharePoint 2010 and SharePoint Online: sandbox solutions
SharePoint 2013 SharePoint 2016 and SharePoint Online: add-ins
SharePoint Online--add-ins and client-side scripts
Development tooling for SharePoint Online
Summary
Developing Solutions for SharePoint
Introducing the SharePoint Framework
SharePoint extensibility
Philosophy of the SharePoint Framework
Types of projects the SharePoint Framework supports
Key features of the SharePoint Framework
Toolchain
npm
Yeoman and Yeoman SharePoint generator
Gulp
Visual Studio Code
Browser developer tools
SharePoint Workbench
Introducing Office Developer Patterns and Practices
Office Developer Patterns and Practices in practice
Contributing to Office Dev PnP
Application life cycle management with SharePoint customizations
Managing and versioning source code and assets
GitHub
Visual Studio Team Services
Deploying retracting and managing solutions
Summary
Getting Started with the SharePoint Framework
Setting up your development environment
Step 1 - Installing Node.js
Step 2 - Node package manager
Step 3 - Installing Yeoman and Gulp
Step 4 - Installing the Yeoman SharePoint generator
Step 5 - Install Visual Studio Code
Testing your SharePoint Framework development environment
Step 1 - Creating a folder for the web part
Step 2 - Running the Yeoman SharePoint generator
Step 3 - Installing the developer certificate
Step 4 - Running the web part on a local workbench
Anatomy of the SharePoint Framework web part project
Main folders and root level configuration files
TypeScript basics in the SharePoint Framework
Key files of the SharePoint Framework web part projects
Summary
Building Your First Web Part
Creating a feedback list
Creating the feedback web part project
Setting web part basics
Building feedback web part user experience
Testing the user interface
Saving the feedback
Testing and troubleshooting the web part
Ideas for fine tuning the web part for production use
Using Office 365 to build better business process
Building smarter controls
Provisioning of the Feedback list and other resources
Localization
Localizing web part manifest
Localizing texts
Calendar and currency
Summary
Using Visual Studio Code and Other Editors
Introducing Visual Studio Code
Installing Visual Studio Code
Getting to know Visual Studio Code
Changing the color theme
Working with files
Extensions
Working with the SharePoint Framework in Visual Studio Code
Running commands with the Integrated Terminal
Using Visual Studio instead of Visual Studio Code
Summary
Packaging and Deploying Solutions
Overview of packaging and deploying
Packaging SharePoint Framework solutions
Using Gulp to package a project
Deploying SharePoint Framework solutions
App Catalog
Installing the app
Deploying assets
SharePoint Online CDN and Microsoft Azure CDN
Configuring a SharePoint Online CDN
Updating the project to support a SharePoint Online CDN
Deploying assets to a SharePoint Online CDN
Configuring Microsoft Azure Storage CDN
Updating the project to support Microsoft Azure CDN
Deploying assets to Microsoft Azure CDN
Summary
Working with SharePoint Content
Overview of working with SharePoint content
Using mock data
Using mock data with locally hosted SharePoint Workbench
Step 1 - create data model
Step 2 - create MockSharePointClient
Step 3 - consume the mock data in the web part
Accessing real data with SPHttpClient
Working with SharePoint lists
Requesting the list of lists with SPHttpClient
Checking if the list exists and creating lists
Working with SharePoint list items
Creating an Office 365 Group and new SharePoint list
Basic operation with SharePoint list items using SPHttpClient
Step 1 - create a hello-listitems web part project
Step 2 - add a data model for list items
Step 3 - build the user interface for the web part
Step 4 - define the function that will make SPHttpClient request to read list items and test the web part
Step 5 - implementing the _runOperation function and building a skeleton for CRUD operation functions
Step 6 - implementing the create operation
Step 7 - implementing the read operation
Step 8 - implementing the update operation
Step 9 - implementing the delete operation
Summary
Working with the Web Part Property Pane
Web part property pane
Property panes in classic web parts
Property panes in SharePoint Framework web parts
Implementing a property pane
Fields in property panes
Implementing headers groups and fields
Implementing multiple pages in property panes
Handling property field events
Implementing custom properties in a property pane
Defining a custom field type
Summary
Using React and Office UI Fabric React Components
Overview
Understanding React
React is declarative
React is component-based
Introduction to Fabric React components
Fabric React support
How to obtain Fabric React for your web part
Using Fabric React components
Button
Dialog
TextField
Using React and Office UI Fabric React components in SharePoint Framework web parts
Creating the SharePoint Framework React To-do web part
Step 1 - Creating a React web part project
Step 2 - Adding Office UI Fabric React to the project
Step 3 - Examining the React project structure
Step 4 - Creating the ITodoItem interface and mockup data
Step 5 - Implementing a to-do list in React and Fabric React components
Modifying the web part file
Modifying the ReactTodo component
Creating TodoItemComponent
Summary
Working with Other JavaScript Frameworks
Overview
Using jQuery in SharePoint framework web parts
Loading jQuery from CDN
Bundling jQuery to the web part package
Knockout
AngularJS and Angular
Using SharePoint patterns and practices JavaScript Core Library
Accessing user profiles
Sending email
Working with lists and list items
Working with JavaScript libraries
Additional considerations
Summary
Troubleshooting and Debugging SharePoint Framework Solutions
Troubleshooting
Ensuring an up-to-date npm
Updating the Yeoman template version
Troubleshooting the npm cache
Optimization
Optimizing the SharePoint Framework packages
Loading external packages
Debugging solutions
Debugger statements using browser developer tools
Debugging with source maps
Debugging in Visual Studio Code
Summary
SharePoint APIs and Microsoft Graph
SharePoint APIs
SharePoint REST APIs
Accessing SharePoint Online with CSOM using a console app
Accessing SharePoint Online with REST using a console app
Accessing REST APIs with SharePoint Framework
Microsoft Graph
What is Microsoft Graph?
Accessing Microsoft Graph with Graph Explorer
Accessing Microsoft Graph with SharePoint Framework
Summary
The Future of SharePoint Customizations
The future of SharePoint developers
Our recommendations for developers
The SharePoint Framework support in SharePoint 2016
Is SharePoint Framework the final framework for SharePoint developers?
Summary
更新时间:2021-07-08 10:14:44