{"id":6281,"date":"2021-04-28T07:05:41","date_gmt":"2021-04-28T15:05:41","guid":{"rendered":"https:\/\/officedevblogs.wpengine.com\/?p=6281"},"modified":"2021-04-28T07:05:41","modified_gmt":"2021-04-28T15:05:41","slug":"learn-how-to-develop-apps-with-the-microsoft-graph-toolkit","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/learn-how-to-develop-apps-with-the-microsoft-graph-toolkit\/","title":{"rendered":"Learn how to develop apps with the Microsoft Graph Toolkit"},"content":{"rendered":"<p>We\u2019re excited to announce that we\u2019ve released a new learning path for Microsoft Graph Toolkit. The <a href=\"https:\/\/aka.ms\/learn-mgt\"><strong>Develop apps with the Microsoft Graph Toolkit <\/strong><strong>learning path<\/strong><\/a> is the best way to learn about what Microsoft Graph Toolkit is, how it works and how to get the most out of it. The learning path offers you a structured way to learn and practice developing apps with Microsoft Graph Toolkit.<\/p>\n<h4>Microsoft Graph Toolkit \u2013 the easiest way to connect your app to Microsoft 365<\/h4>\n<p>If you want to connect your app to Microsoft 365, you need to take care of a few things. First, you need to ensure that users can sign in to your app with their Microsoft 365 account. Then, you need to get an access token to call Microsoft Graph \u2013 the API that exposes data and insights stored in Microsoft 365. Finally, you need to call Microsoft Graph and display the retrieved data. Microsoft Graph Toolkit abstracts all of this away. By using the toolkit components and authentication providers, you can easily connect to Microsoft 365 and focus on building apps that add value to your customers.<\/p>\n<h4>About the learning path<\/h4>\n<p>The <strong>Develop apps with the Microsoft Graph Toolkit<\/strong> learning path consists of four modules:<\/p>\n<ol>\n<li><strong>Get started with Microsoft Graph Toolkit<\/strong> explains what the toolkit is and how to use it. By the end of the module, you will have a working JavaScript app that allows users to sign in with their Microsoft 365 account.<\/li>\n<li><strong>Configure and style Microsoft Graph Toolkit components using attributes and CSS <\/strong>shows you how to configure toolkit components to match the user experience of your app.<\/li>\n<li><strong>Customize the presentation of Microsoft Graph Toolkit components using templates<\/strong> teaches you how to customize components and rendering and shows you some tips and tricks for troubleshooting common issues.<\/li>\n<li><strong>Improve your app\u2019s performance when using Microsoft Graph Toolkit<\/strong> explains the caching capabilities of the toolkit to help you make your app fast.<\/li>\n<\/ol>\n<h4><img decoding=\"async\" class=\"aligncenter wp-image-6282\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/04\/MGT-learning-module-1024x614.png\" alt=\"Develop apps with the Microsoft Graph Toolkit\" width=\"600\" height=\"360\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/04\/MGT-learning-module-1024x614.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/04\/MGT-learning-module-300x180.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/04\/MGT-learning-module-768x461.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/04\/MGT-learning-module.png 1299w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/h4>\n<h4><\/h4>\n<h4>What you need to know to complete this learning path<\/h4>\n<p><a href=\"https:\/\/aka.ms\/learn-mgt\">Develop apps with the Microsoft Graph Toolkit<\/a> is perfect for new developers with no prior knowledge of the Microsoft Graph Toolkit who want to connect their apps to Microsoft 365.<\/p>\n<p>To complete this module, you will need:<\/p>\n<ul>\n<li>Basic knowledge of authentication<\/li>\n<li>Basic knowledge of HTML<\/li>\n<li><a href=\"https:\/\/developer.microsoft.com\/microsoft-365\/dev-program?ocid=MSlearn&amp;WT.mc_id=m365-16105-cxa\">Microsoft 365 developer tenant<\/a><\/li>\n<li><a href=\"https:\/\/code.visualstudio.com\/\">Visual Studio Code<\/a><\/li>\n<li><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ritwickdey.LiveServer\">Visual Studio Code Live Server<\/a><\/li>\n<\/ul>\n<h4>Start learning about the Microsoft Graph Toolkit today<\/h4>\n<p>Using the Microsoft Graph Toolkit is the easiest way to connect your app to Microsoft 365. But don\u2019t just take our word for it. Complete the <a href=\"https:\/\/aka.ms\/learn-mgt\">Develop apps with the Microsoft Graph Toolkit learning path <\/a>and experience it for yourself. And we\u2019d love to hear how you liked it!<\/p>\n<p>Happy coding!<\/p>\n<p><em>This post was written by Cloud Advocates <a href=\"https:\/\/twitter.com\/aycabs\">Ayca Bas<\/a> and <a href=\"https:\/\/twitter.com\/waldekm\">Waldek Mastykarz<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using the Microsoft Graph Toolkit is the easiest way to connect your app to Microsoft 365. But don\u2019t just take our word for it. Complete this NEW learning path and experience it for yourself.<\/p>\n","protected":false},"author":69077,"featured_media":25159,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[34],"class_list":["post-6281","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-graph","tag-microsoft-graph-toolkit"],"acf":[],"blog_post_summary":"<p>Using the Microsoft Graph Toolkit is the easiest way to connect your app to Microsoft 365. But don\u2019t just take our word for it. Complete this NEW learning path and experience it for yourself.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/6281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/69077"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=6281"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/6281\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/25159"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=6281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=6281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=6281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}