On-Demand Video Course

Mastering the SharePoint Framework

This course will get you up-to-speed on the SharePoint Framework (SPFx), the recommended way to extend SharePoint Online & SharePoint Server.

Join 1000’s of developers who’ve trusted Voitanos & Andrew Connell with their SharePoint Framework education!

In 2017, Microsoft launched the SharePoint Framework (SPFx) as the recommended way to customize and extend SharePoint Online. Subsequent updates expanded the framework’s capabilities and brought it to SharePoint on-premises deployments including SharePoint Server 2016 & SharePoint Server 2019.

The SharePoint Framework represents a significant pivot from how we customized & extended SharePoint in the past, but also how we built these solutions. Consider…

  • We no longer build server-side solutions that are deployed to SharePoint Servers. Instead, all customizations are implemented as client-side solutions written in TypeScript and use popular web frameworks such as React.
  • We’ve traded ASP.NET and Visual Studio for a popular & light-weight web development stack of tools including tools like Visual Studio Code, Node.js, NPM, Webpack, and Gulp.

Make no mistake, this is a huge change for long-time SharePoint developers. If you’re a traditional server-side SharePoint developer, it can be quite a bit to learn. Even seasoned web developers have a lot to learn to be productive in extending and customizing the SharePoint Framework.

This course is the best resource available to learn the SharePoint Framework development model to extend and customize SharePoint. Whether you are just starting out and need the basics, or you’re an experienced developer looking for dive deep into the nuts and bolts and incorporate DevOps practices, you’ll find a package for you!

Meet your instructor » Andrew Connell
Microsoft MVP, Office Development

Andrew is a long-time web developer who's worked with every SharePoint development model going back to SharePoint Portal Server 2003. He's seen farm solutions, sandbox solutions, add-ins, JavaScript injection... if you can do it in SharePoint, Andrew's done it!

His work with the SharePoint Framework and Microsoft goes back prior to the first public release in early 2017. Andrew's taken all this experience, knowledge, guidance and packed it into this course, Mastering the SharePoint Framework. Learn the SharePoint Framework with Andrew from 35+ hours of theory, explinations, and demos across 250+ lessons in this course!

Quality content, always current

Course bundles

All course bundles include the following:

  • Lifetime access

    Your one-time purchase gets you lifetime access to the course. There's no recurring subscription or fees down the road. It includes lifetime access to all current and future updates to the course.

  • Evergreen content

    Lessons in this course are updated as the SharePoint Framework is updated and expanded. Your enrollment in the course gets you access to all future updates.

  • 24/7 Access

    Learn at work, home, or on the go at your own pace. All videos are streamed and available on-demand 24x7x365.

  • Prescriptive guidance & best practices

    Every lesson explains how something works with more detail you'll find from the official documentation in an unopinionated way. You'll also gain insights into the best practices on on how and why you should select some options over others.

Flexible learning options

Three bundles to choose from

The Mastering the SharePoint Framework is available in one of three bundles. Pick the bundle that meets your learning needs and goals.

Got a question not addressed on this page?
Check our frequently asked questions!

Starter Bundle

This bundle is 100% FREE and includes chapters that introduce the course and explain what the SharePoint Framework is as well as what you can expect to learn. A final chapter in this bundle explains and walks you through installing & configuring up your environment so you can start SharePoint Framework development right away!

Fundamentals Bundle

Understand the core parts of being productive with the SharePoint Framework in this bundle! Packed with 140+ lessons, you'll learn how to build client-side web parts & extensions, use React, jQuery, and the Office UI Fabric to customize your SharePoint deployment. You'll also learn how to incorporate data from SharePoint, Microsoft Graph and other third-party web APIs in your SPFx components!

Ultimate Bundle

Want to become a master of the SharePoint Framework? This is the bundle for you! This bundle includes everything in the Fundamentals Bundle plus an additional 90+ lessons to help you master the SharePoint Framework. Learn how to collaborate with a team of developers, implement robust automated test processes with Jest, incorporate DevOps CI/CD and process with Azure Piplines and Github Actions, measure and analyze the usage of your customizations, and so much more!

Pricing

Pay once, own it forever, lifetime updates

Contact us to upgrade your bundle at any time for the difference in price.

Starter Bundle

$ 0
  • Perfect for getting started with SPFx & trying out the course

  • Over 2 hours of videos

  • 3 chapters & 25+ lessons

  • Instructor-led demos

  • Evergreen content

Most popular

Ultimate Bundle

$ 995
  • Perfect for enterprise developers who want to master SPFx

  • Includes the Starter & Fundamentals Bundles

  • Adds 14+ hours of videos & demos

  • Adds 13 chapters & 90+ lessons

  • Download code demos in this bundle

  • Monthly office hours with author Andrew Connell

  • Access to student-only mastermind group

Fundamentals Bundle

$ 495
  • Learn the basics of SPFx

  • Includes the Starter Bundle

  • Adds 17+ hours of videos & demos

  • Adds 16 chapters & 140+ lessons

  • Download code demos in this bundle

Topics

Chapter syllabus

What chapters are included in each bundle?

  • Course Overview

    This chapter will introduce you to the author & instructor of the course, what topics you can expect to learn and find out how to get the most out of this course.

    6 lessons

  • Introducing the SharePoint Framework

    This chapter explains why Microsoft created the SharePoint Framework to extend and customize SharePoint sites. You will learn what the SharePoint Framework is and what scenarios it addresses.

    7 lessons

  • Setting up your Developer Environment

    The SharePoint Framework introduces a completely new development toolchain from traditional SharePoint development. This chapter teaches you what this it all about and get your environment setup.

    12 lessons

  • Your First SharePoint Framework Project

    Before we start peeling back the covers on the SharePoint Framework, let us start with a quick hands-on introduction. In this chapter we will create our first project and see it run locally as well as in a real SharePoint environment. Then we will make a few changes to see what the development story is like.

    10 lessons

  • Digging Into the SharePoint Framework

    SharePoint Framework projects share many concepts across all types of components developers can build in them. This chapter will explain the different files and folders in the project structure, the different display modes, page contexts and environments and how you can add multiple components to the same project.

    14 lessons

  • Client-Side Web Parts

    The SharePoint Framework, when it was released in early 2017, supported a single component type: client-side web parts. In this chapter you will learn how to create client-side web parts and the files involved within an SPFx project.

    7 lessons

  • Client-Side Web Parts - Advanced: SPAs, Microsoft Teams & More

    In this lesson, you will learn how you can leverage SharePoint Framework client-side web parts in more than just SharePoint pages.

    7 lessons

  • Property Panes for Client-Side Web Parts

    Just as web parts have been a part of SharePoint since the early days going back to SharePoint 2003, so have the editing experience associated with them: property panes. In this chapter you will learn the basics of how property panes work within the SharePoint Framework. We will also demonstrate all the controls available to developers.

    10 lessons

  • Property Panes for Client-Side Web Parts: Create Property Controls

    Developers can use the property pane to enable users to modify the settings on client-side web parts using basic controls included in the SharePoint Framework API. For more complex scenarios, you can also use open source community-based solutions. In the case of more complex scenarios, you can build custom property pane controls. In this chapter, you’ll learn how to create a custom property pane control and use it within a client-side web part.

    5 lessons

  • Leveraging External Files & Libraries

    Modern applications are rarely built within a silo. Developers commonly leverage external libraries and frameworks within web applications. Client-side applications present interesting challenges as you must consider how it is referenced, if it is included and the impact on the page size. This chapter will address leveraging external JavaScript and CSS style libraries in SharePoint Framework projects.

    8 lessons

  • Extensions

    Microsoft’s goal is to provide parity in the things we can do with the SharePoint Framework with previous SharePoint customization models. In this chapter you will learn how SharePoint Framework Extensions can be used to customize the user interface.

    11 lessons

  • Logging & Debugging SharePoint Framework Solutions

    While creating custom solutions, developers need to have a firm grasp on different debugging options and techniques. This chapter will walk you through different debugging options available to client-side developers. In addition, this chapter will also cover some of the logging options provided by Microsoft in the SharePoint Framework.

    7 lessons

  • Creating SharePoint Assets and the Feature Framework

    Previous SharePoint development models enabled developers to provision assets in SharePoint sites. This included things like list templates, list instances and many other types. The SharePoint Framework provides vehicle for developers to provision assets. In this chapter, you will learn how to provision SharePoint assets in SPFx projects.

    6 lessons

  • Deploying to Production

    Building a SharePoint Framework solution is just the first part of a project. The goal is to get this thing into production, and that’s what this chapter will cover. You will learn how to package your solution, the different options for deploying assets including content delivery networks (CDNs) and various deployment nuances.

    14 lessons

  • Upgrading & Versioning Solutions

    Once a SharePoint Framework solution has been deployed into production, there will likely come a time when you need to upgrade and add new features or address issues with the existing version. In this chapter you will learn how to properly upgrade and version your custom solutions.

    5 lessons

  • Working with jQuery in SharePoint Framework Solutions

    SharePoint Framework developers are free to use any utility library or web framework in creating custom solutions for SharePoint. One popular JavaScript library that has been around for quite a while is jQuery. In this chapter you will see how to not only leverage jQuery in custom solutions but also how to properly reference it in projects and leverage popular jQuery plugins. When styling your applications, the popular jQueryUI project is a great option for jQuery based solutions that will also be covered in this module.

    6 lessons

  • Working with React in SharePoint Framework Solutions

    Microsoft, specifically the Office division and Office 365 related products elected to adopt the popular web framework by Facebook to implement many parts of their web applications. Specifically for SharePoint, React is the primary web framework for creating reusable components. In this chapter, you will learn the basics of using React within your SPFx solutions.

    9 lessons

  • Branding & Design: CSS, Themes, and the Office UI Fabric

    Design is something that all projects should factor into the development process as it has significant impacts on the usability, experience and therefore adoption of all custom solutions. You can think of design from two angles: organization and branding. This chapter will first look at some design elements to consider when building custom SPFx solutions. We will then cover the branding aspect from leveraging custom CSS, leveraging SharePoint themes as well as taking advantage of different visual design languages such as Bootstrap, Material and the Office UI Fabric from Microsoft.

    8 lessons

  • SharePoint Data Access with SPHttpClient

    For nearly two decades, SharePoint has been a repository for user and business data, sorting this information in lists in libraries. A common task you will be faced with in building custom SPFx solution is how to access these libraries, either reading or writing data to them. In this chapter you will learn how to leverage the SharePoint APIs to work with lists and libraries in your custom SPFx solutions.

    9 lessons

  • Leveraging External APIs in SharePoint Framework Solutions

    You will inevitably need to call external services in your SPFx projects - that's what this chapter is about! Learn how to call 3rd party services both anonymous and those protected with Azure AD.

    11 lessons

  • Leveraging the Microsoft Graph with MSGraphClient

    In this chapter, you will learn how to work with the Microsoft Graph API in custom SPFx solutions to get access to a user's email, calendar, contacts files in OneDrive and many more services!

    5 lessons

  • Connecting Web Parts other SPFx Components with Dynamic Data

    Connecting two web parts together was a very popular technique implemented in previous SharePoint development models. In this chapter, you will learn how to do the same thing with Dynamic Data.

    8 lessons

  • Working with Angular in SharePoint Framework Solutions

    When building SharePoint Framework solutions, regardless if they are client-side web parts or UI extensions, there is a visual component to these controls. While you could implement these interfaces by hand yourself, why not take advantage of a modern web framework? Frameworks make data binding, event handling and state management so much easier! Developers can use any web framework when building SharePoint Framework components. The selection of a web framework is based on various elements, one of which is an existing experience. In this chapter, you will learn how you can leverage Angular, specifically Angular Elements (introduced in Angular 6) in SPFx solutions.

    11 lessons

  • Automated Testing of SharePoint Framework Solutions

    Implementing automated testing within your custom solutions, be they SharePoint Framework projects or any other custom code project, is widely considered a good practice. Projects that include automated tests are more robust and are of higher quality because the same tests can be easily run repeatedly to check for errors. Many developers skip this step of adding tests because it’s hard and confusing. In this chapter, you will learn the practices of not only why you should test, but the different types of tests, what you should test and how to implement automated testing in your SharePoint Framework projects.

    9 lessons

  • DevOps: Monitoring & Telemetry with Azure Application Insights

    Development teams and organizations are always looking for ways to automate, streamline, and improve processes related to building software. SharePoint Framework development teams are no different. This process usually brings together development and operations, commonly called DevOps, to continually provide value to customers. DevOps is comprised of multiple practices and components. One aspect of DevOps is continuous monitoring. In this chapter, you’ll learn how to implement continuous monitoring into your SharePoint Framework projects using Azure Application Insights, one component in the larger Azure Monitor suite.

    8 lessons

  • Sharing Code between SharePoint Framework Solutions

    Sharing code across multiple projects isn’t unique to SharePoint Framework projects. This is something developers have been striving to do since the very beginning. Whether it’s for performance or code maintainability reasons, it’s the right thing to do. The SharePoint Framework provides developers a unique way to share code across projects using a special type of component: a library component. In this chapter, you’ll learn how to create and utilize library components in SharePoint Framework projects. But that’s not all, you’ll learn how you can a more portable NPM package and use it in not just SharePoint Framework projects but in any web project.

    7 lessons

  • Localizing SharePoint Framework Projects

    If you work for a multinational organization, or you are a consultant or ISV building SharePoint Framework solutions for customers who have users that speak different languages, why build a solution that targets just one locale? Building multi-lingual and localized SPFx solutions are easy and this chapter will show you how to do it!

    9 lessons

  • Team-Based Development

    While some of us work independently on our own, many developers work on a team on shared projects. In this chapter we look at topics related to team-based development.

    5 lessons

  • DevOps: CI/CD with GitHub Actions & Azure Pipelines

    Development teams and organizations are always looking for ways to automate, streamline, and improve processes related to building software. SharePoint Framework development teams are no different. This process usually brings together development and operations, commonly called DevOps, to continually provide value to customers. DevOps is comprised of multiple practices and components. One aspect of DevOps is continuous integration (CI) and continuous delivery (CD). In this chapter, you’ll learn how to incorporate CI/CD into your SharePoint Framework projects using two popular services: GitHub Actions and Azure Pipelines.

    8 lessons

  • Creating Custom Gulp Tasks

    Microsoft uses the popular task runner gulp as the tool to perform common jobs when developing SharePoint Framework projects. This chapter will explore how it's used and how you can extend it.

    8 lessons

  • Customizing & Extending Webpack

    Webpack is an integral part of the build toolchain in most web projects these days, including the SharePoint Framework. This chapter will explore how it's used in SharePoint Framework projects and how you can customize it by modifying its configuration a well as how you can extend it using loaders and plugins.

    7 lessons

Join some of the 1000's of developers who've taken this course!

The Mastering the SharePoint Framework is available in one of three bundles. Pick the bundle that meets your learning needs and goals.

A high quality course, showing materials that are relevant, up-to-date and immediately applicable, in a format that allows busy developers to learn. As a traditional server side SharePoint developer, I found the material new and exciting but also daunting. There is lots to learn here. Andrew offers a course which is on the bleeding edge of SharePoint Web Development, using tools like node, npm, React and TypeScript with an eye to the future with recent updates. His course is extremely up-to-date! Andrew obviously has put a lot of effort into his course and it shows. I highly recommend it.

It’s taken 3 days but I’ve written my first #SPFx web part in TypeScript and I even think I understand some of it. Couldn’t have done it without the awesome Mastering the SharePoint Framework course by Andrew and Voitanos though. Feeling pretty chuffed right now. It’s a great course and I truly believe it was well worth funding this out of my own pocket. Keep up the great work!

I just wanted to say cheers for your persistence at delivering quality learning material, which is helping me retain my position of lead SharePoint Developer. I love the self-paced learning model, I love the enthusiasm and speed of your updates, and your session on leveraging external resources (such as Azure Functions) was an absolute delight for me, as a C# developer of 19 long years! One of my colleagues is a JS wizard, and she churns out every SPFx web part that I design. Now we can start doing real value-add projects for our business where I create APIs an Azure Functions so that we can create web parts with live integration into many of our specialist industry systems, as well as more mainstream platforms such as Dynamics 365. Finally, … I simply want to say thank you. You’re doing great work and it is appreciated.

Today I was trying to explain to my 16y old son, about why I got this SPFx course from voitanos.io: I told him, that if you compare the available SharePoint Framework Trainings that I found so far to ‘instructions how to clean the floor of a house’, most other courses only explain how to go through each room with a broom. Andrew on the other side does not only explain how to sweep and wet clean the floor, but also how to open up the floor boards and look underneath for dust.

My experience with coding prior to your course was all on the job Excel VBA and a little HTML/Javascript. No formal training or courses. Because of my lack of professional training, I really liked the way your course walked me through a project from setting up the tool chain, to creating my first webpart, to the more advanced topics like analytics. I also like that you do spend time talking about the “why” as well because it shows that there is a thought behind it… good or bad. Thanks again for your course! So far I’m on my fourth SPFx/React webpart and hope to have many more!

This course elevated my SPFx development from “just trying to figure it out” to “a level where I could teach others.” Andrew is a master instructor, not just in the content, but also in the media of video training. The videos are sequenced to build on previous lessons, which keeps the learner from being overwhelmed with too much information. The lifetime model allows me to return to lessons as needed to learn a piece that I haven’t needed before or to return over and over until I finally understand. If you are interested in becoming a professional SharePoint developer, this will be the best money you ever spend in your professional journey. Andrew has always been accessible to help developers, but the extra access that Ultimate Course customers receive, including the Mastermind group access and monthly Office Hours with Andrew, puts one of the best SharePoint developers in the world only a quick post away from helping you with an issue. Thanks AC for providing this service to the developer community!

I follow Andrew for years, and I believe it was around SharePoint 2007 when I found his blog for the first time. Since then I learn so many things from his blog posts and courses. So, when I heard that he was going to release his own SPFx course I have no doubt. I just get it when It became available. And I never regretted. The course provides you so much useful information and it only to us how to use them. I think right now, this is the best SPFx training on the market!

Andrew helps you focus on the aspects that are going to be important moving forward. The videos are short, which allows for dividing the process into smaller tasks. No goofy quizzes, thankfully. I also have learned a ton about command line coding and troubleshooting errors. The code samples are super helpful for comparing your code with a completed example. As a citizen developer with mostly CSS experience, I was intimidated by the idea of doing SharePoint development, but I am starting to feel that it could be in reach thanks to this course.

Pricing

Pay once, own it forever, lifetime updates

If you're not satisfied, contact us within the first 14 days & we'll send you a full refund.

Starter Bundle

$ 0
  • Perfect for getting started with SPFx & trying out the course

  • Over 2 hours of videos

  • 3 chapters & 25+ lessons

  • Instructor-led demos

  • Evergreen content

Most popular

Ultimate Bundle

$ 995
  • Perfect for enterprise developers who want to master SPFx

  • Includes the Starter & Fundamentals Bundles

  • Adds 14+ hours of videos & demos

  • Adds 13 chapters & 90+ lessons

  • Download code demos in this bundle

  • Monthly office hours with author Andrew Connell

  • Access to student-only mastermind group

Fundamentals Bundle

$ 495
  • Learn the basics of SPFx

  • Includes the Starter Bundle

  • Adds 17+ hours of videos & demos

  • Adds 16 chapters & 140+ lessons

  • Download code demos in this bundle