Course
digicode: SPDEV
SharePoint Framework Solutions (SPFx) for SharePoint Online, Microsoft 365 & MS Teams
Learn all about the customization options for SharePoint Online (and, to a limited extent, SharePoint 2019/SE), Microsoft 365, and Microsoft Teams.
Duration
4 days
Price
3'400.–
Course facts
Download as PDF- Basics of the SharePoint Framework (SPFx)
- Basics of Node.js and TypeScript
- SharePoint REST API
- Microsoft Graph API
- Authentication Options via Entra Applications
- Creating Web Parts for SharePoint and Teams
- Creating SharePoint Extensions (Application Customizer, etc.)
- Using SPFx for Viva Connections
- Offloading «elevated privilege» code using Azure Functions
- Extending Microsoft Teams
We’ll start by setting up the development environment using Visual Studio Code, TypeScript, and Node.js. We’ll also take a look at the React framework and its use cases.
Finally, we’ll publish our solutions for SharePoint and Teams for users.
1 Introduction to SPFx
- What is the SharePoint Framework?
- Use Cases
- Toolchain
- Using Visual Studio Code
2 Introduction to TypeScript
- Basic language elements of TypeScript
- TypeScript vs. JavaScript
3 Node.js & Tools
- Node Package Manager (npm) & Yarn
- Creating a Project with Yeoman
- Using Webpack
4 SPFx
- Project Structure of an SPFx Project
- Methods and Event Handling
- SharePoint Workbench
- Working with Web Part Properties
- Web part settings
5 React Basics
- Introduction to React
- JSX, TSX
- React Components
- Props and State
- 6 Apps and Authentication in Microsoft Entra
- Registering Apps in Entra
- Authentication with Access Tokens
7 Microsoft Graph
- What Is the Microsoft Graph API?
- Using the API
- Granting Permissions for Microsoft Graph
8 Consuming SharePoint Data
- CSOM vs. REST API
- Using PnP.js
- Querying Data with CAML
- Using the SharePoint Search API
- Querying SharePoint Data via Microsoft Graph
9 Customizing the User Interface
- Introduction to SASS
- Custom Themes
- Office UI Fabric/Fluent UI
- Using PnP React Controls
10 SharePoint Framework Extensions
- What Capabilities Do SPFx Extensions Offer?
- Using ApplicationCustomizers (e.g., for global script injection or custom headers/footers)
- FieldCustomizers
- Command Sets
- Form Customizer
11 Viva Connections and Adaptive Cards
- What is Viva Connections?
- Creating Adaptive Cards for Viva Connections
12 Publishing SPFx Projects
- Building & Packaging
- Deployment via the Global App Catalog
- Using the Site Collection App Catalog
- Publishing SPFx Components to Microsoft Teams
13 Introduction to Azure Functions
- What are Azure Functions?
- Developing Code to Run in the Context of Azure Functions
- Calling Azure Functions from SPFx Web Parts
- Using App Access from Azure to SharePoint
14 Teams Development
- Using SPFx to create Teams Apps
- Using the Teams Toolkit to Develop Native Teams Apps
(SharePoint) developers interested in ways to extend SharePoint, Teams, and their respective interfaces
- Experience with web and SharePoint development is a plus
- Experience working with SharePoint, Teams, and Microsoft 365
- We recommend taking the following course or having equivalent knowledge: