SharePoint Framework (SPFx) Solutions for SharePoint Online, Microsoft 365, and Microsoft Teams
Developing Extensions for Microsoft Infrastructures
.svg)
Machine Learning Engineer
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 potential applications.
Finally, we'll release our SharePoint and Teams solutions to users.
1. Introduction to SPFx
- What is the SharePoint Framework?
- Possible Applications
- 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 Using Access Tokens
7. Microsoft Graph
- What is the Microsoft Graph API?
- Using the Interface
- Granting Permissions for Microsoft Graph
8. Accessing SharePoint Data
- CSOM vs. REST API
- Using PnP.js
- Querying Data with CAML
- Using the SharePoint Search API
- Querying SharePoint Data Using 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 AppCatalog
- Using the Site Collection AppCatalog
- Publishing SPFx Components in 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. Team Development
- Using SPFx to Create Teams Apps
- Using the Teams Toolkit to Develop Native Teams Apps
Requirements:
- Experience with web and SharePoint development is a plus
- Experience working with SharePoint/Teams/Microsoft 365
- Fundamentals of the SharePoint Framework (SPFx)
- Fundamentals 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 Code for "Elevated Privileges" Using Azure Functions
- Extending Microsoft Teams
This course consists of antraining is led by an instructor who provides live guidance to participants. Theory and practice are taught through live demonstrations and hands-on exercises. The course uses the video conferencing software Zoom.
(SharePoint)developers who are interested in ways to extend SharePoint, Teams, and the corresponding interfaces
.svg)