SharePoint Framework Developer Training
The SharePoint Framework Developer Training instructor-led training is designed for developers who want to build modern, scalable, and enterprise-ready custom solutions across SharePoint Online, Microsoft Teams, and Microsoft Viva. This sharepoint framework developer training provides professionals with the skills required to develop client-side web parts, extensions, and integrations using modern web technologies such as TypeScript, React, and Fluent UI. Learners gain practical experience with the SPFx toolchain, project structure, packaging, and deployment through hands-on labs.
The SharePoint Framework Developer Training demonstrates how SPFx solutions can be reused across Microsoft Teams and Viva Connections, enabling developers to create unified experiences across the Microsoft 365 ecosystem. By the end of this course, participants will be able to:
- Build modern client-side SPFx web parts and extensions using TypeScript and React
- Integrate SharePoint Framework solutions with SharePoint data and Microsoft Graph
- Implement best practices for deployment, packaging, and versioning of SPFx solutions
- Develop reusable solutions that work across SharePoint, Teams, and Viva Connections
- Apply Microsoft-recommended patterns to create secure, scalable, and maintainable SPFx applications
Who should attend the SharePoint Framework Developer Training course ?
For Professionals
The SharePoint Framework Developer Training course is ideal for professionals who design, build, or maintain custom solutions in modern SharePoint and Microsoft 365 using client-side development. Recommended job roles SharePoint Developers, Microsoft 365 Developers, Front-end / Web Developers, Full-Stack Developers, Power Platform Developers, Consultants and Solution Developers.
For Businesses
Organizations should nominate team members responsible for customizing, extending, or modernizing SharePoint and Microsoft 365 environments. Recommended roles to nominate Digital Workplace & Intranet Development Teams, Microsoft 365 / Collaboration Platform Teams, Enterprise Application Development Teams, IT Modernization and SharePoint Migration Teams, Consulting & Delivery Teams building tenant‑wide extensions.
Prerequisites for the "SharePoint Framework Developer Training" Course
Before attending this course, students should have:
- Experience with JavaScript or TypeScript
- Basic knowledge of HTML, CSS, and modern web development concepts
- Familiarity with React or another JavaScript framework (recommended but not mandatory)
- Working knowledge of SharePoint Online and modern SharePoint sites
- Understanding of REST APIs and basic authentication concepts
Key Features of Flexmind's SharePoint Framework Developer Training
This training is delivered by Flexmind through flexible online and offline formats and is designed to align with the most current certification exam requirements. The key features of this training are as follows:
Course Duration
The course has a total duration of 32 hours and is completed over 4 days.
Instructor-Led Training
Delivered by a senior Microsoft Certified Trainer with real-world, enterprise-scale experience in Microsoft 365 Development including SharePoint Framework.
Flexmind Custom Curriculum
Delivered by Flexmind using custom curriculum, this program blends study material, hands-on labs, and applied workshops with instructor-led guidance throughout.
Cloud Lab Access
The course will be covered using cloud lab access.
Course Completion Certificate
Course completion includes certification, formally validating the skills gained and reinforcing professional credibility.
Course Outline
Module 1 - Getting started with SharePoint Framework
- SharePoint Framework Overview
- SharePoint Framework tools
- SharePoint OOB SPFx WebParts
- Workbench overview
- Node.js Modules
Module 2 - SharePoint Framework Client Web Parts
- SharePoint client-side Web-Part fundamentals
- Understanding Web Part Project/Scaffold Structure
- Web part property pane
- Webpart Properties
- Default Web-Part fundamentals (Typescript, Classes, Interfaces)
- Lab - Creating first SPFx Web-Part
- Lab - Adding/Modifying Web Part Property Pane
- Lab - Creating Properties and using various controls to render it.
- Lab - Running it on local workbench
- Lab - Deployment
- Lab - CDN based deployment Solutioning
Module 3 - Typescript
- What is TypeScript
- Using TypeScript in your project
- Variables
- Functions
- Interfaces and Classes
- Modules and Namespaces
- Method overloading
- Constructors
- Members
- Inheritance
- Lab - Creating the model classes
- Lab - Providing dummy data
- Lab - Creating Services
- Lab - Creating the WebPart
Module 4 - Developing Sharepoint Framework WebPart using React
- What is React JS
- Model View ViewModel (MVVM)
- React Components
- What is JSX
- Html Tags vs React Components
- Creating Components - JavaScript Expressions
- Handling Component State
- Adding Interactivity by means of events
- Using Multiple Components
- The Lifecycle of a Component
- Web Part Project Structure
- Create, Deploy React SPFx WebPart
- Single Page Application (SPA)
- Use PnPjs library
- Flux and Redux
- Lab - Create SPFx WebPart using react library
- Lab - Creating react component
- Lab - Maintaining state Events
Module 5 - Developing SPFx interaction with SharePoint Lists
- Loading SharePoint data
- Web Services Overview
- REST and ODATA Fundamentals
- SharePoint REST API's
- AJAX
- Framework HttpClient
- Solving cross-domain issues with CORS
- Override OOB CSS and how to write and use custom CSS in SPFx WebPart
- Lab - Performing CRUD operations using Typescript on list (Add/Update/Delete/View)
- Lab - Adding Office Fabric components into SPFx WebPart
- Lab - Rendering SharePoint data in Webpart Property and dynamically displaying SharePoint data within webpart
- Lab - Handling Local workbench and SharePoint Workbench through code
- Lab - Deploy on App Catalog and test on SharePoint site
Module 6 - SASS
- What is SASS?
- The Language
- Variables
- Types
- Comments
- Nested Rules and Properties
- Partials
- Extend
- Functions
Module 7 - SPFx Designing using Office-UI-fabric
- What Is Office UI Fabric?
- Office UI Fabric Versions
- Fabric Core Styles
- Example Uses
- Fabric Components
- Fabric JS
- ngOfficeUIFabric
- Fabric React
- Using PnP
- Library Components
- Lab - Create a SharePoint Framework web part using Office UI Fabric React Components
- Lab - Adding Multiple react components within WebPart
- Lab - Implement React component rendering to Improve the appearance with Office UI Fabric styles and controls
Module 8 - Microsoft Graph
- Introduction to Microsoft Graph
- Authentication Providers
- Microsoft Graph API
- Access User Data and Files with Microsoft Graph
- Lab - Create SPFx Webpart using Microsoft Graph APIs to display tenant data within webpart
Module 9 - Extend Teams using Sharepoint Framework
- Develop SharePoint Framework WebParts for Microsoft Teams
- Make the web part available in Microsoft Teams
- Lab - Create a WebPart and deploy it to Microsoft Teams
Module 10 - SharePoint Framework Extensions
- SharePoint Framework Extensions overview
- Application Customizers Overview
- Field Customizers Overview
- Command sets overview
- Creating Command Set
- Debugging SPFx Extension on SharePoint Online Site
- Lab - Create SPFx Extensions [Application Customizer]
- Lab - Consume Graph API within your Application Customizer and display Graph data on Application Customizer
- Lab - Creating Field Customizer to format display of list content
- Lab - Creating Command Sets
Class Schedule
Instructor‑Led Training
- 32 Hours of Instructor‑Led Training
- One‑to‑one doubt‑resolution sessions
- Microsoft Official Lab Access
Learning Objectives
After completing the SharePoint Framework Developer Training course, learners will be able to:
- Design and build modern SharePoint Framework (SPFx) solutions using TypeScript and React to extend SharePoint Online with client-side web parts and extensions.
- Develop reusable SPFx components that integrate seamlessly with SharePoint data, Microsoft Graph, and external APIs following Microsoft-recommended patterns.
- Implement enterprise-ready customizations such as Application Customizers, Field Customizers, and Command Sets to enhance modern SharePoint user experiences.
- Deploy, version, and maintain SPFx solutions using best practices for packaging, app catalogs, and tenant-wide or site-scoped deployment.
- Create scalable, secure, and future-proof Microsoft 365 solutions that work across SharePoint, Microsoft Teams, and Viva Connections.
Reviews
Dipak Agarwal - Business Analyst at Genpact
(5/5)
The training was good, I would like to go through some more training.
Gurpreet Marwaha - IAM Analyst at National Australia Bank, Australia
(5/5)
Excellent Office 365 training provided by Flexmind
Kiranmai Yachareni - Web Developer at Total Quality Logistics, USA
(5/5)
Thank You! I would definitely recommend it to others. The training session was very informative and interactive. Very useful and definitely thought-provoking. All the module sessions were clear and interactive, great, and friendly. Catered to all levels, which was good for those just starting out and those with more experience. I really appreciate the recorded videos and training material, which would be definitely helpful for later references.
Praveen S (Associate at Grant Thornton LLP)
(5/5)
I attended PowerApps/Flow training from Flexmind. The topics of the course were well organized & knowledge of the trainer on the subject was excellent. It was very helpful and I will apply in my day to day task at the office. I will definitely recommend a friend or colleague to attend courses from Flexmind.
FAQs for SharePoint Framework Developer Training Course Learners
The SharePoint Framework Developer Training is a hands‑on, instructor‑led course designed to help developers build modern, client‑side solutions for SharePoint Online using the SharePoint Framework (SPFx). The course focuses on creating web parts, extensions, and scalable customizations using Microsoft‑recommended practices.
This course is ideal for SharePoint developers, Microsoft 365 developers, web developers, full‑stack developers, and consultants who want to design and develop custom solutions for modern SharePoint and Microsoft 365 environments.
You will learn how to set up an SPFx development environment, build client‑side web parts and extensions, work with SharePoint data and Microsoft Graph, and deploy and maintain SPFx solutions in enterprise environments.
Basic knowledge of SharePoint Online and familiarity with web technologies such as JavaScript or TypeScript is recommended, but prior SPFx experience is not mandatory. The course starts with fundamentals and progresses to advanced scenarios.
This is a 4‑day instructor‑led training that combines structured learning with hands‑on labs to ensure practical understanding and real‑world applicability.
The training is delivered by Flexmind in flexible online and in‑person formats, depending on the batch and organizational requirements.
The course is delivered by an experienced Microsoft Certified Trainer (MCT) with strong real‑world expertise in SharePoint, Microsoft 365, and modern web development.
Yes. The training includes practical labs where participants build, test, and deploy SharePoint Framework solutions using real development scenarios.
Yes. Participants receive a course completion certificate from Flexmind after successfully completing the SharePoint Framework Developer Training.
This training equips you with in‑demand skills to build modern, scalable, and future‑ready SharePoint and Microsoft 365 solutions, enabling you to take on advanced SharePoint development and consulting roles.
Related Courses
