Develop apps with the Microsoft Graph Toolkit

Offered By: Microsoft via Microsoft Learn

Tags

Web Development Courses Computer Science Courses Microsoft Graph Courses

Course Description

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

Tags

united states

Related Courses

Developing UWP Apps: 8 Cloud and Connected Services
LinkedIn Learning Microsoft Graph for Developers
LinkedIn Learning AZ-204: Implement user authentication and authorization
Microsoft via Microsoft Learn Explore Microsoft Graph scenarios for ASP.NET Core development
Microsoft via Microsoft Learn Explore Microsoft Graph scenarios for JavaScript development
Microsoft via Microsoft Learn