{"id":12805,"date":"2023-02-01T08:00:23","date_gmt":"2023-02-01T16:00:23","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=12805"},"modified":"2023-02-01T07:16:22","modified_gmt":"2023-02-01T15:16:22","slug":"learn-how-to-develop-apps-for-microsoft-teams-using-teams-toolkit-in-visual-studio-code","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/learn-how-to-develop-apps-for-microsoft-teams-using-teams-toolkit-in-visual-studio-code\/","title":{"rendered":"Learn how to develop apps for Microsoft Teams using Teams Toolkit in Visual Studio Code"},"content":{"rendered":"<p>Streamline the development process, save time and effort, and quickly bring new capabilities to the Microsoft Teams platform using <a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoftteams\/platform\/toolkit\/teams-toolkit-fundamentals?pivots=visual-studio-code&amp;WT.mc_id=m365-86123-cxa\">Teams Toolkit,<\/a> a Visual Studio Code extension to build apps for Microsoft Teams.<\/p>\n<p>With <strong>Teams Toolkit<\/strong>, you can now create, test, and deploy your apps with ease. Whether you&#8217;re an experienced developer or just starting out, Teams Toolkit offers a seamless and efficient experience that will take your app development to the next level.<\/p>\n<p>This Visual Studio Code extension offers a minimal configuration developer experience with features such as:<\/p>\n<ol>\n<li>Template and sample app options<\/li>\n<li>Local app previewing<\/li>\n<li>App deployment<\/li>\n<li>Management of multiple environments<\/li>\n<\/ol>\n<p>This makes the Teams Toolkit a great choice for anyone new to building Teams apps and looking to save time and effort.<\/p>\n<h2><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/01\/TTK-learn-path-blog_image-2.png\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-12807\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/01\/TTK-learn-path-blog_image-2-1024x463.png\" alt=\"Teams Toolkit doodle showing the features like develop app in VS Code, local debug, provision etc\" width=\"640\" height=\"289\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/01\/TTK-learn-path-blog_image-2-1024x463.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/01\/TTK-learn-path-blog_image-2-300x136.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/01\/TTK-learn-path-blog_image-2-768x348.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/01\/TTK-learn-path-blog_image-2.png 1140w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/h2>\n<p>&nbsp;<\/p>\n<p>So, how do you actually use the tool? We&#8217;re thrilled to announce the release of our new course which is designed to equip you with the knowledge and skills to develop apps for Microsoft Teams.<\/p>\n<p>Our NEW learning path on Microsoft Learn, <a href=\"https:\/\/aka.ms\/learn\/teamstoolkit\">Build and deploy apps for Microsoft Teams using Teams Toolkit for Visual Studio Code<\/a> is a multi-part series that will guide you with hands-on exercises on how to use Teams Toolkit to develop, test, and deploy Microsoft Teams applications.<\/p>\n<p style=\"text-align: left;\">It also explores how you can integrate native Microsoft Teams capabilities to enhance your own applications using the TeamsJS library.<\/p>\n<p style=\"text-align: center;\"><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/vzmpJKMBOKk\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>Get started learning and building with Teams Toolkit<\/h2>\n<p>There are five modules to take you on a journey to explore Teams Toolkit for Visual Studio Code and learn how to use it to create applications for Microsoft Teams. There are exercises to further enhance your application by integrating native Teams capabilities using the TeamsJS library.<\/p>\n<ol>\n<li>With the first module, <a href=\"https:\/\/learn.microsoft.com\/en-us\/training\/modules\/teams-toolkit-vsc-introduction\/\" target=\"_blank\" rel=\"noopener\"><strong>Get started building apps for Microsoft Teams using Teams Toolkit for Visual Studio Code<\/strong><\/a>, you will install and set up Teams Toolkit for Visual Studio Code. You will then build an app from the samples gallery and understand how to best use Teams Toolkit to accelerate your app development.<\/li>\n<li>You will then build a bot to send proactive messages to Teams in the second module, <a href=\"https:\/\/learn.microsoft.com\/en-us\/training\/modules\/teams-toolkit-vsc-create-bot\/\" target=\"_blank\" rel=\"noopener\"><strong>Build a bot using Teams Toolkit for Visual Studio Code.<\/strong><\/a><\/li>\n<li>You will learn how to build a personal tab app in Teams in the third module, <strong><a href=\"https:\/\/learn.microsoft.com\/en-us\/training\/modules\/teams-toolkit-vsc-tab-app\/\" target=\"_blank\" rel=\"noopener\">Build a\u00a0Microsoft Teams tab app using Teams Toolkit for Visual Studio Code<\/a>.<\/strong><\/li>\n<li>You will integrate a Teams tab app with chat capability using TeamsJS library in the fourth module, <a href=\"https:\/\/learn.microsoft.com\/en-us\/training\/modules\/teams-toolkit-vsc-integrate-chat\/\" target=\"_blank\" rel=\"noopener\"><strong>Add chat capability to Microsoft Teams app using Teams JavaScript library.<\/strong><\/a><\/li>\n<li>Finally, you will be able to provision, deploy and publish your Teams app with the fifth module, <a href=\"https:\/\/learn.microsoft.com\/en-us\/training\/modules\/teams-toolkit-vsc-deploy-apps\/\" target=\"_blank\" rel=\"noopener\"><strong>Deploy a Microsoft Teams app to Azure using Teams Toolkit for Visual Studio Code<\/strong>.<\/a><\/li>\n<\/ol>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/01\/TTK-learn-path-blog_image-3.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-12809\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/01\/TTK-learn-path-blog_image-3.png\" alt=\"Screenshot of the new MS learn path, Build and deploy apps for Microsoft Teams using Teams Toolkit for Visual Studio Code\" width=\"480\" height=\"304\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/01\/TTK-learn-path-blog_image-3.png 480w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2023\/01\/TTK-learn-path-blog_image-3-300x190.png 300w\" sizes=\"(max-width: 480px) 100vw, 480px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>So, what are your waiting for?<\/p>\n<p>Go to <a href=\"https:\/\/aka.ms\/learn\/teamstoolkit\">https:\/\/aka.ms\/learn\/teamstoolkit<\/a> and complete the learning path. Immerse yourself in hands-on exercises to actively engage in the learning process and accelerate the development of your app.<\/p>\n<p>Happy coding!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Check out our NEW learning path on Microsoft Learn that will guide you with hands-on exercises on how to use Teams Toolkit to develop, test, and deploy Microsoft Teams applications.<\/p>\n","protected":false},"author":71938,"featured_media":12806,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[128],"tags":[23,44],"class_list":["post-12805","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-teams","tag-teams-toolkit","tag-visual-studio-code"],"acf":[],"blog_post_summary":"<p>Check out our NEW learning path on Microsoft Learn that will guide you with hands-on exercises on how to use Teams Toolkit to develop, test, and deploy Microsoft Teams applications.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/12805","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\/71938"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=12805"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/12805\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/12806"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=12805"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=12805"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=12805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}