SharePoint Framework Fundamentals

Paths

SharePoint Framework Fundamentals

Authors: Sahil Malik, Jeff Collins, Nicolae Caprarescu, JS Padoan, Danny Jessee

The courses in this path get you up and running with SharePoint Framework. You’ll get started by creating a development environment before learning about customizations,... Read more

What you will learn

  • Explaining the need for SharePoint Framework as a development model
  • Explaining customization options available with SharePoint Framework
  • Creating a SharePoint Framework development environment
  • Creating basic web part customizations using SharePoint Framework
  • Creating extensions and other advanced customizations using SharePoint Framework
  • Using SharePoint PnP resources in SharePoint Framework Development
  • Creating real world data integrations with SharePoint Framework
  • Creating deployment packages for SharePoint Framework projects
  • Explaining key considerations for scaling up SharePoint Framework development to enterprises
  • Using various migration options for legacy SharePoint customizations

Pre-requisites

You should have development experience before starting this path.

SharePoint Framework Fundamentals

The courses in this path get you up and running with SharePoint Framework. You’ll get started by creating a development environment before learning about customizations, extensions, and integrations. You’ll want to come into this path with some development experience, but by the end, you’ll be comfortable with your knowledge of using SharePoint Framework to its full potential.

Getting Started with SharePoint Framework

by Sahil Malik

Oct 7, 2020 / 1h 3m

1h 3m

Start Course
Description

SharePoint Framework brings the Office developer into modern client side development. In this course, Getting started with SharePoint Framework, you’ll learn to develop custom solutions for SharePoint online and On-Premises SharePoint using SharePoint Framework. First, you’ll explore the need for SharePoint Framework. Next, you’ll discover the basic setup of a SharePoint Framework development environment. Finally, you’ll learn how to develop various artifacts using SharePoint Framework. When you’re finished with this course, you’ll have the skills and knowledge of SharePoint Framework needed to deliver custom solutions for SharePoint Online or SharePoint On-Premises.

Table of contents
  1. Course Overview
  2. An Introduction to SharePoint Framework
  3. Setup a SharePoint Framework Development Environment
  4. Writing and Shipping code with SPFx

Creating Web Part Customizations Using SharePoint Framework

by Jeff Collins

Feb 19, 2021 / 1h 31m

1h 31m

Start Course
Description

Microsoft has built SharePoint with a lot of features, but not in a way that fits every business need. Often in SharePoint On-Premises there would be customizations for the functionality of SharePoint or for the branding. With the removal of these features, in steps SharePoint Framework! Now you can build your integrations and our own solutions that live on top of and interact with Microsoft 365. In this course, Creating Web Part Customizations Using SharePoint Framework, you’ll learn to build custom web part solutions in SharePoint. First, you’ll explore the structure of a SharePoint Framework project. Next, you’ll discover how to build a real-life example SharePoint Framework Web Part. Finally, you’ll learn how to extend your SharePoint Framework Web Part to utilize existing samples and other frameworks. When you’re finished with this course, you’ll have the skills and knowledge of SharePoint Framework Web Part customizations needed to build Web Parts in SharePoint.

Table of contents
  1. Course Overview
  2. Overview of a SharePoint Framework Web Part Project
  3. Planning a SharePoint Framework Web Part Project
  4. Building Your SharePoint Framework Web Part
  5. Extending Your SharePoint Framework Web Part
  6. Conclusion

Creating SharePoint Framework Extensions

by Sahil Malik

Oct 7, 2020 / 1h 13m

1h 13m

Start Course
Description

SharePoint Framework brings the Office developer into modern client side development. In this course, Getting started with SharePoint Framework, you’ll learn to develop custom solutions for SharePoint online and On-Premises SharePoint using SharePoint Framework. First, you’ll explore the need for SharePoint Framework. Next, you’ll discover the basic setup of a SharePoint Framework development environment. Finally, you’ll learn how to develop various artifacts using SharePoint Framework. When you’re finished with this course, you’ll have the skills and knowledge of SharePoint Framework needed to deliver custom solutions for SharePoint Online or SharePoint On-premises.

Table of contents
  1. Course Overview
  2. What are SharePoint Framework Extensions
  3. Application Customizers
  4. Field Customizers
  5. Listview commandset

SharePoint Framework Development with PnP

by Nicolae Caprarescu

Dec 30, 2020 / 1h 18m

1h 18m

Start Course
Description

Many businesses use Microsoft 365 to allow collaboration across the world, and SharePoint Framework extensions allow those businesses to extend the functionality for their users on a global scale, to provide bespoke applications and customizations. In this course, SharePoint Framework Development with PnP, you’ll learn how to use SharePoint Framework extensions and Microsoft Patterns and Practices to create an app for SharePoint, leveraging connections to other Microsoft 365 services. First, you’ll explore how to enable SPFx extensions and install the PnP components. Next, you’ll discover how to create an app for SharePoint using Framework Extensions and use Microsoft Patterns and Practices to connect to other services. Finally, you’ll learn how to manage the app and update it, and also how to update existing sites to the modern SharePoint experience. When you’re finished with this course, you’ll have the skills and knowledge of a SharePoint Framework developer needed to extend SharePoint to include a customized experience for the users.

Table of contents
  1. Course Overview
  2. Set up the SPFx and PnP Development Environment
  3. Create a Client-side Web Part
  4. Connecting to PnPjs
  5. Modernize Existing SharePoint Sites

Creating Data Integrations with SharePoint Framework

by JS Padoan

Nov 24, 2020 / 1h 40m

1h 40m

Start Course
Description

The success of a digital workplace in SharePoint Online depends on its ability to aggregate information from other applications and to present this information in an attractive way. In this course, Creating Data Integrations with SharePoint Framework, you’ll learn to build advanced components with real world data integration. First, you’ll explore creating and using components in SPFx projects. Next, you’ll discover connecting SPFx projects to data sources and APIs. Finally, you’ll learn how to enhance user experience in SPFx Projects. When you’re finished with this course, you’ll have the skills and knowledge needed to successfully build advanced SPFx components for your digital workplace.

Table of contents
  1. Course Overview
  2. Creating and Using Components in SPFx Projects
  3. Connecting SPFx Projects to Data Sources
  4. Enhancing SPFx Projects

Creating Deployment Packages for SharePoint Framework Projects

by Danny Jessee

Jan 6, 2021 / 1h 41m

1h 41m

Start Course
Description

SharePoint Framework is the modern, supported way to develop customizations to the SharePoint platform. In this course, Creating Deployment Packages for SharePoint Framework Projects, you’ll learn how to manage the end-to-end lifecycle of SharePoint Framework solution packages. The purpose is to deploy customizations such as client-side web parts and extensions to SharePoint Online and on-premises versions of SharePoint 2016 or later. First, you’ll explore how to build, test, and debug SharePoint Framework solutions. Next, you’ll discover how to configure your SharePoint Framework solution deployments to be scoped tenant-wide or to individual sites, upload SharePoint Framework solution packages to the app catalog, and leverage the Microsoft 365 Content Delivery Network (CDN) for hosting your solution’s static assets. Finally, you’ll learn how to evaluate lifecycle management considerations for SharePoint Framework solutions and perform upgrades to existing deployment packages. When you’re finished with this course, you’ll have the skills and knowledge necessary to build, test, configure, and manage SharePoint Framework solution package deployments at scale.

Table of contents
  1. Course Overview
  2. Building and Testing SharePoint Framework Projects
  3. Configuring Deployment Options for SharePoint Framework Projects
  4. Evaluating Lifecycle Management Considerations for SharePoint Framework Projects

Scaling up SharePoint Framework Development for Enterprises

by Danny Jessee

Dec 4, 2020 / 1h 14m

1h 14m

Start Course
Description

SharePoint Framework is the modern, supported way to develop customizations to the SharePoint platform. In this course, Scaling up SharePoint Framework Development for Enterprises, you’ll learn how to leverage GitHub and Azure DevOps to implement best practices for enterprise DevOps within your SharePoint Framework development teams. First, you’ll explore best practices for quickly spinning up standardized development environments with a reusable Docker container. Next, you’ll discover how to use GitHub to provide team-based source and version control for your SharePoint Framework code. Finally, you’ll learn how to use pipelines within Azure DevOps to implement continuous integration (CI), where new builds may be completed automatically when code is checked in; as well as continuous delivery (CD), where the solution packages generated by new builds may be deployed automatically to staging and production environments. When you’re finished with this course, you’ll have the skills and knowledge necessary to implement best practices for enterprise DevOps and solution governance within a SharePoint Framework development team.

Table of contents
  1. Course Overview
  2. Scaling up a SharePoint Framework Development Team
  3. Using Azure DevOps with SharePoint Framework Development
  4. Configuring CI/CD Pipelines for SharePoint Framework Development

Updating Legacy SharePoint Customizations

by Danny Jessee

Oct 21, 2020 / 1h 7m

1h 7m

Start Course
Description

For many years, developers have used a variety of different tools and methods to build customizations to SharePoint’s user interface. In this course, Updating Legacy SharePoint Customizations, you’ll learn how to take inventory of the customizations in your current SharePoint environment and determine the best approach to update them by developing supported and maintainable modern customizations using SharePoint Framework. First, you’ll explore migration options for the most common types of legacy customizations, including Script Editor web parts and user custom actions. Next, you’ll discover how SharePoint Framework client-side web parts and Application Customizer extensions can be used instead of legacy approaches to build web parts and manipulate the appearance of a page using JavaScript. Finally, you’ll learn how to use Command Set and Field Customizer extensions in place of legacy approaches to define custom Edit Control Block menu items and field renderings using JSLink. When you’re finished with this course, you’ll have the skills and knowledge to assess a legacy SharePoint environment and update the user interface by building modern customizations using SharePoint Framework.

Table of contents
  1. Course Overview
  2. Assessing Legacy SharePoint Customizations
  3. Updating Script Editor Web Part Customizations
  4. Updating Other User Interface Customizations