Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Microsoft

Develop apps with the Microsoft Graph Toolkit

Microsoft via Microsoft Learn

Overview

  • Module 1: Learn how to use Microsoft Graph Toolkit, a set of web components and authentication providers to connect your web app to Microsoft Graph and load data from Microsoft 365. You can use Microsoft Graph Toolkit in any JavaScript framework.
  • At the end of this module, you should be able to:

    • Understand what Microsoft Graph Toolkit is and how to use it
    • Sign in to Microsoft 365 with Microsoft Graph Toolkit
    • Show data from Microsoft 365 with Microsoft Graph Toolkit
  • Module 2: Microsoft Graph Toolkit components are flexible for customization. You can change the behavior of components by using attributes. You can also customize component styling by using CSS custom properties to match your app's branding.
  • In this module, you'll:

    • Change the behavior of Microsoft Graph Toolkit components by using attributes.
    • Customize Microsoft Graph Toolkit component styling by using CSS custom properties.
  • Module 3: Microsoft Graph Toolkit components are flexible for customization. You can change the presentation of Microsoft Graph Toolkit components by using templates and learn troubleshooting techniques for rendering.
  • In this module, you'll:

    • Customize Microsoft Graph Toolkit components by using templates.
    • Troubleshoot Microsoft Graph Toolkit components' rendering.
  • Module 4: Learn about caching features offered with Microsoft Graph Toolkit, and discover how to quickly display any additional data you might need in Microsoft Graph Toolkit components.
  • In this module, you will:

    • Configure caching for Microsoft Graph Toolkit components
    • Manage Microsoft Graph Toolkit components' cache
    • Load and show arbitrary data from Microsoft Graph using Microsoft Graph Toolkit components
    • Optimize queries for loading data from Microsoft Graph

Syllabus

  • Module 1: Get started with Microsoft Graph Toolkit
    • Introduction
    • What is Microsoft Graph Toolkit?
    • Sign in to your app by using Microsoft Graph Toolkit Login component
    • Exercise - Sign in to your app by using Microsoft Graph Toolkit Login component
    • Show data from Microsoft 365
    • Exercise - Show data from Microsoft 365
    • Summary
  • Module 2: Configure and style Microsoft Graph Toolkit components by using attributes and CSS
    • Introduction
    • Change the behavior of components by using attributes
    • Exercise - Change the behavior of components by using attributes
    • Style components to match your branding
    • Exercise - Style components to match your branding
    • Summary
  • Module 3: Customize the presentation of Microsoft Graph Toolkit components by using templates
    • Introduction
    • Change the presentation of data by using templates
    • Exercise - Change the presentation of data by using templates
    • Troubleshoot rendering
    • Exercise - Troubleshoot rendering
    • Summary
  • Module 4: Improve your app’s performance when using Microsoft Graph Toolkit
    • Introduction
    • Cache data loaded by components
    • Exercise - Cache data loaded by components
    • Optimize Microsoft Graph queries with the mgt-get component
    • Exercise - Optimize Microsoft Graph queries with the mgt-get component
    • Summary

Reviews

Start your review of Develop apps with the Microsoft Graph Toolkit

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.