Live Developer Training starts 5 October 2026. Seats are limited.Live training starts 5 OctReserve your seat →Reserve →
View Courses
Self-paced video course · with a 13-times Microsoft MVP

SharePoint Framework (SPFx) Training Course

Build production-ready SPFx web parts, extensions and Teams tabs with TypeScript, React, PnP JS, Fluent UI and Microsoft Graph.

8 modules25+ hours of video89 topicsSource files & PDFs
Get 1-year All-AccessSee the curriculum
Includes all 8 courses and 50+ solutions for 12 months.
What you’ll learn

Skills you can use on real projects

Every module is hands-on, built from the problems Bijay solves for clients.

  • Set up a complete SPFx development environment, with TypeScript and React crash courses
  • Build, debug, package and deploy client-side web parts
  • Read and write SharePoint data with SPHttpClient and PnP JS
  • Create form, field and application customizers, command sets and ACEs
  • Build polished UIs with Fluent UI React and PnP reusable controls
  • Call Microsoft Graph and surface your solution as a Teams tab
Curriculum

SharePoint Framework (SPFx) course curriculum

8 modules and 89 topics. Open a module to see every topic.

Module1

SharePoint Framework (SPFx) Introduction and Setup

8 topics
  1. Understanding Microsoft 365 Ecosystem and SharePoint Development History
  2. Introduction to SharePoint Framework
  3. SharePoint Framework Development Toolchain
  4. SharePoint Developer Pre-requisites and Skills
  5. Set Up SPFx Development Environment
  6. Visual Studio Code
  7. TypeScript Crash Course
  8. ReactJS Crash Course
Module2

SharePoint Framework Client Web Parts

13 topics
  1. Develop First SharePoint Client-Side Web Part using SPFx
  2. Understanding SPFx Solution Folder Structure
  3. Test and Debug a SPFx Web Part
  4. Configure SPFx Web Part Icon
  5. Package and Deploy Your SPFx Web Part
  6. Understanding SkipFeatureDeployment Option
  7. Add SPFx Web Part to Classic SharePoint Site
  8. Working with SPFx Web Part Property Pane
  9. SPFx Web Part Property Pane Examples
  10. PnP Controls in SPFx Web Part Property Pane
  11. SPFx Web Part Pre-Configured Entries
  12. Add Multiple Web Part in Single SPFx Solution
  13. Examples of SPFx Client Side Web Part
Module3

Working With SharePoint Data in a SPFx client web part

14 topics
  1. SharePoint Framework Context Object
  2. Understanding of SPHttpClient in SharePoint Framework
  3. Create SharePoint Sites using SPHttpClient
  4. Create SharePoint List/Library using SPHttpClient
  5. CRUD Operations using SPHttpClient in SPFx
  6. Working With Public or Anonymous APIs in SPFx with React & No Framework
  7. External Libraries in SPFx Client Side Web Part
  8. Working with External Libraries in SPFx Web Part – GitHub
  9. Working with CSS Files in SPFx
  10. jQuery Accordion in SPFx Client Side Web Part
  11. Working with Bootstrap in SPFx Client Side Web Part
  12. Working with Axios in SPFx Web Part
  13. Working with Chartjs in SPFx Web Part
  14. Connected Web Parts in SharePoint Framework
Module4

SharePoint Framework (SPFx) Extensions

10 topics
  1. Introduction to Extensions in SharePoint Framework
  2. Working with Form Customizers in SharePoint Framework
  3. SPFx Form Customizers Examples
  4. SharePoint Framework Form Customizer Deployment
  5. Working with Application Customizers in SharePoint Framework
  6. Working with Field Customizers in SharePoint Framework
  7. Working with ListView Command Sets in SPFx
  8. Working with Adaptive Card Extensions in SharePoint Framework
  9. Deploying Extensions in SharePoint Framework
  10. Working with Library Components in SharePoint Framework
Module5

SharePoint Framework (SPFx) with PnP

7 topics
  1. Start with PnP JS in SPFx
  2. Create and Manage SharePoint Sites using PnP JS in SPFx
  3. Create, Update, Delete and Display Lists and Libraries in SPFx
  4. Add Columns Dynamically in SharePoint Framework Web Part
  5. CRUD Operations (List Items) in SPFx using PnP JS
  6. Working with Document Libraries using PnP JS in SPFx
  7. Dashboard using PnP JS in SharePoint Framework
Module6

Working with Fluent UI & PnP Controls in SPFx

26 topics
  1. Introduction to Fluent UI Controls
  2. Fluent UI Controls Demo [Button, Choice Group, Spin Button, ComboBox]
  3. Vendor Registration Form [TextField, MaskedTextField, Dropdown, ChoiceGroup, Checkbox, Rating, DatePicker, PrimaryButton, DefaultButton, Label]
  4. Fluent UI Calendar Control
  5. Project Assignment Form [People Picker Control]
  6. Fluent UI Activity Item Control with Sample Data
  7. Expense Reports Activity [Activity Item Control]
  8. Fluent UI Details List Control with Sample Data
  9. Leave Requests Grouped List [DetailsList – Grouped]
  10. Project Documents Card View [Document Card]
  11. Fluent UI Command Controls Demo [CommandBar, ContextualMenu]
  12. Navigation Controls Demo [Nav, Breadcrumb, Pivot]
  13. Travel Request Form with Message Bar [Message Bar]
  14. Project Status Viewer [SearchBox, Shimmer, ShimmerElementsGroup, ProgressIndicator, TeachingBubble]
  15. Expense Reports — Dashboard [ScrollablePane, Panel, CallOut]
  16. Introduction to PnP Controls
  17. Weather Animated Dialog [PnP Animated Dialog Control]
  18. PnP List Picker & List View Demo
  19. Dynamic List & Library Form Viewer [PnP ListPicker, DynamicForm]
  20. Company News & Announcements [PnP React Carousel Control]
  21. PnP Charts Control
  22. Dashboard, GridLayout
  23. DragDropFiles
  24. Pagination PnP Control
  25. PnP SitePicker Control
  26. TaxonomyPicker Control
Module7

Working with Graph API in SharePoint Framework

9 topics
  1. Working with Graph API in SharePoint Framework
  2. Deploy SPFx Graph API Web Part to SharePoint Tenant
  3. Working With Various Microsoft 365 Apps using Graph API in SPFx
  4. Get SharePoint Site Information using Graph API in SPFx
  5. Get User Information using Graph API in SPFx Web Part
  6. SPFx Graph API Get SharePoint List Items with Previous and Next
  7. Move SharePoint Files using Graph API in SPFx Web Part
  8. Uploading Files to SharePoint Folder using Graph API in a SPFx Web Part
  9. SPFx Graph API – Create a Meeting and Post to Teams Channel
Module8

Working with Microsoft Teams tab using SharePoint Framework

2 topics
  1. Microsoft Teams Tab using SharePoint Framework
  2. Display Planner Tasks in a Microsoft Teams Tab in SPFx
All-Access membership · 1 year

Every course and every solution, for one full year

This course is part of the All-Access membership. One membership unlocks all of these for 12 months, so you can move from one skill to the next without paying again.

Get 1-year All-Access
One payment · no automatic renewal · secure checkout on SPGuides Academy
What you get for one year

Everything included in All-Access

  • All 8 video courses: SharePoint Online, SPFx, PowerShell, Power Apps, Power Automate, Power BI, Copilot Studio and Power Pages
  • 50+ ready-to-use Power Platform and SPFx solutions to download and reuse
  • Every new lesson and solution added during your year
  • Full learning resources: PDFs, source files and code
  • WhatsApp group and private community access
  • Dedicated mentor support
  • Monthly live sessions and webinars
  • Interview preparation, placement support and real projects
  • One payment for 12 months, with no automatic renewal
Student reviews

What learners say about training with Bijay

★★★★★
The training covers concepts from the basics to the advanced, and it was a great help in my current SharePoint Online development project. Bijay is always ready to help with any queries, whether about the course or your project. He is a great tutor.
Deepa
DeepaSr. SharePoint Consultant
★★★★★
Bijay not only clearly knows his subject, he makes the content interesting and delivers it with great real-world examples of where it works and where it doesn’t. I will highly recommend this training to everyone.
Siva
SivaSr. SharePoint Tech Lead
★★★★★
You can see the dedication and detail put into each module. I don’t think there is a more complete SharePoint training course in the market.
Gerson Almonte
Gerson AlmonteSharePoint Developer
★★★★★
A very helpful course for SharePoint developers. I learned new things within the first 3–4 lectures, and even the small details of lists and libraries are covered.
Reshma Bhalekar
Reshma BhalekarSenior SharePoint Developer
Bijay Kumar, 13-times Microsoft MVP
Your instructor

Bijay Kumar

13-times Microsoft MVP · Founder, TSinfo Technologies

Bijay has more than 18 years of hands-on experience with Microsoft technologies, specializing in SharePoint, the Power Platform, SPFx and Microsoft 365. He has trained thousands of developers and IT professionals through SPGuides, wrote “SharePoint Online Modern Experience Practical Guide”, co-wrote “Microsoft Power Platform: A Deep Dive”, and runs the SPGuides YouTube channel. Every lesson comes from real client projects.

MVP profileLinkedInAbout BijaySPGuides YouTube
FAQ

Frequently asked questions

Who is this SPFx training course for?

This course is ideal for SharePoint developers, front-end developers, and Microsoft 365 professionals who want to build modern, client-side solutions with the SharePoint Framework.

Do I need prior SharePoint or JavaScript/TypeScript experience?

Basic SharePoint and web development knowledge is recommended. Familiarity with JavaScript is helpful; you’ll learn how to apply TypeScript and modern tooling step by step during the course.

What will I be able to build after completing the SPFx course?

You’ll be able to create production-ready SPFx web parts, customizers and extensions using TypeScript and React, integrate with SharePoint and Microsoft Graph, and implement real-world business requirements in modern SharePoint.

Does the course cover modern tools and best practices (React, PnP, Graph)?

Yes. The course focuses on current SPFx practices, including React-based development, using PnP libraries, calling REST and Graph APIs, and structuring solutions for maintainability and performance.

How is this SPFx course different from free tutorials?

Instead of isolated examples, you follow a structured path with 8 modules, 25+ hours of content, and real project-style implementations, plus access to premium SPFx solutions, mentor support, and community for ongoing questions.

Can I buy the SharePoint Framework (SPFx) course on its own?

Courses are part of the All-Access membership. One payment gives you all 8 courses, 50+ ready-to-use solutions, the community and mentor support for a full year, so you can add related skills later without paying again.

How long do I have access?

You get 12 months of access from the day you join, with no automatic renewal. Lessons and solutions added during your year are included, and the monthly live sessions and webinars run all year.

Start today

Learn SPFx the practical way

Join All-Access and start this course today, then carry on with every other course and solution for a full year.

Get 1-year All-Access
Includes all 8 courses and 50+ solutions for 12 months.

Want to try the teaching style first?

Read the free SPFx tutorials on SPGuides, or join the next free webinar.

Free SPFx tutorialsFree webinars