{"id":12456,"date":"2022-12-15T08:00:52","date_gmt":"2022-12-15T16:00:52","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=12456"},"modified":"2023-08-22T17:03:30","modified_gmt":"2023-08-23T00:03:30","slug":"10-features-to-jumpstart-your-microsoft-teams-app-development","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/10-features-to-jumpstart-your-microsoft-teams-app-development\/","title":{"rendered":"10 features to jumpstart your Microsoft Teams app development"},"content":{"rendered":"<p><span data-contrast=\"auto\">Collaborative apps\u2014which bring workflows, data, and insights right into the flow of work\u2014are driving today\u2019s businesses forward. It\u2019s an exciting time to be a developer creating these collaborative experiences because you\u2019re shaping our new world of work. <\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">Create awesome apps that power new workflows and integrate seamlessly with Microsoft Teams.<\/span><\/p>\n<p><span data-contrast=\"auto\">When you build Teams apps, you can leverage your existing development skills to easily create experiences that fold directly into the context of Teams. You can build advanced collaborative features via Teams Toolkit for Visual Studio and Visual Studio Code. Or you can create custom apps for Teams with Power Platform with minimal or no coding. <\/span><a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoftteams\/platform\/toolkit\/teams-toolkit-fundamentals?pivots=visual-studio-code\"><span data-contrast=\"none\">Teams Toolkit<\/span><\/a><span data-contrast=\"auto\"> makes it simple to get started with developing apps for Teams to fully engage users and expand Teams capabilities. For example, you can bring apps to life through Teams features including tabs, bots, Adaptive Cards, messaging and meeting extensions, webhooks, task modules, live share capabilities and more! <\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Whether you are a professional developer or a new developer, there are unmatched opportunities to build collaborative apps for Teams to reach more than 270 million active users around the world. <\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Don\u2019t know where to start? Check out this list of 10 ways to jumpstart your Teams app development. Discover the rich capabilities from Microsoft Teams to build apps that meet users in the flow of work.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/12\/Title-Page-2.png\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-12474\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/12\/Title-Page-2-1024x683.png\" alt=\"Image Title Page 2\" width=\"640\" height=\"427\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/12\/Title-Page-2-1024x683.png 1024w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/12\/Title-Page-2-300x200.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/12\/Title-Page-2-768x512.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/12\/Title-Page-2-1536x1024.png 1536w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/12\/Title-Page-2-2048x1365.png 2048w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<h3><\/h3>\n<h3><span data-contrast=\"auto\">1. Tabs<\/span><\/h3>\n<p><span style=\"font-size: 1rem;\" data-contrast=\"auto\">With <\/span><a style=\"background-color: #f7f7f9; font-size: 1rem;\" href=\"https:\/\/docs.microsoft.com\/microsoftteams\/platform\/tabs\/what-are-tabs\"><b><span data-contrast=\"none\">tabs,<\/span><\/b><\/a><span style=\"font-size: 1rem;\" data-contrast=\"auto\"> you can display web-based content in a central location where people can discuss and work on it together. You can add tabs as part of a channel inside a team, group chat, or personal app for an individual user. An example use case would be exposing your existing web application inside of Teams.<\/span><span style=\"font-size: 1rem;\" data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3><span data-contrast=\"auto\">2. Bots<\/span><\/h3>\n<p><span data-contrast=\"auto\"> With <\/span><a href=\"https:\/\/docs.microsoft.com\/microsoftteams\/platform\/bots\/what-are-bots\"><b><span data-contrast=\"none\">bots<\/span><\/b><\/a><span data-contrast=\"auto\">, you can run automated tasks ranging from simple notifications to conversational bots with AI-powered language understanding. Examples include a customer service bot or a weather forecasting bot.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3><span data-contrast=\"auto\">3. Messaging extensions<\/span><\/h3>\n<p><span data-contrast=\"auto\">With <\/span><a href=\"https:\/\/docs.microsoft.com\/microsoftteams\/platform\/messaging-extensions\/what-are-messaging-extensions?tabs=dotnet\"><b><span data-contrast=\"none\">messaging extensions.<\/span><\/b><\/a><span data-contrast=\"auto\"> you can enable users to search and share external information in a conversation, such as sending a card or creating a help ticket based on the content of a channel post. For example, users can look up an order or customer information in an external system and share it in a conversation without leaving Teams.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3>4. Meeting extensions<\/h3>\n<p><span data-contrast=\"auto\">With <\/span><a href=\"https:\/\/docs.microsoft.com\/microsoftteams\/platform\/apps-in-teams-meetings\/design\/designing-apps-in-meetings\"><b><span data-contrast=\"none\">meeting extensions,<\/span><\/b><\/a><span data-contrast=\"auto\"> you can deliver a specific user experience for each stage of the meeting life cycle, including pre-meeting, in-meeting, and post-meeting. Example use cases include preparing the meeting agenda before a meeting, using the agenda to support the conversation and take notes and actions during a meeting, and sharing the outcomes with participants after a meeting.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3>5. Personal apps<\/h3>\n<p><span data-contrast=\"auto\">With <\/span><a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoftteams\/platform\/concepts\/design\/personal-apps\"><b><span data-contrast=\"none\">personal apps<\/span><\/b><\/a><span data-contrast=\"auto\"> you can build a dedicated space (tab) or bot to help users focus on their own tasks or view activities important to them. OneNote is a personal app that gives you a private workspace within Teams.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3>6. Webhooks and connectors<\/h3>\n<p><span data-contrast=\"auto\">With <\/span><a href=\"https:\/\/docs.microsoft.com\/microsoftteams\/platform\/webhooks-and-connectors\/what-are-webhooks-and-connectors\"><b><span data-contrast=\"none\">webhooks and connectors<\/span><\/b><\/a><span data-contrast=\"auto\"> you can connect web services to channels and teams. Webhooks allow you to send messages to web services and post messages from apps to Teams. Connectors allow users to subscribe to receive notifications and messages from web services such as your APIs.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3>7. Adaptive Cards<\/h3>\n<p><span data-contrast=\"auto\">With <\/span><a href=\"https:\/\/docs.microsoft.com\/microsoftteams\/platform\/task-modules-and-cards\/cards\/design-effective-cards?tabs=design\"><b><span data-contrast=\"none\">Adaptive Cards<\/span><\/b><\/a><span data-contrast=\"auto\"> you can bring actionable snippets of content that can be added to a conversation through a bot or messaging extension. They simplify the sharing of structured data in conversations in a consistent way across all devices and applications. An example use case is gathering information through input forms.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3>8. Task modules<\/h3>\n<p><span data-contrast=\"auto\">With <\/span><a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoftteams\/platform\/task-modules-and-cards\/what-are-task-modules\"><b><span data-contrast=\"none\">task modules<\/span><\/b><\/a><span data-contrast=\"auto\"> you can create modal pop-up experiences in your Teams application, run your own custom HTML or JavaScript code. For example, you can show an &lt;iframe&gt;-based widget of your application.<\/span><\/p>\n<h3>9. Live Share<\/h3>\n<p><span data-contrast=\"auto\">With the <\/span><a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoftteams\/platform\/apps-in-teams-meetings\/teams-live-share-overview?tabs=javascript\"><b><span data-contrast=\"none\">Live Share<\/span><\/b><\/a><span data-contrast=\"auto\"> SDK, you can transform Teams apps into collaborative multi-user experiences without writing any dedicated back-end code. With Live Share, your users can co-watch, co-create, and co-edit during meetings.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3>10. Extend across Microsoft 365<\/h3>\n<p><span data-contrast=\"auto\">You can also <\/span><a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoftteams\/platform\/m365-apps\/overview\"><b><span data-contrast=\"none\">extend across Microsoft 365<\/span><\/b><\/a><span data-contrast=\"auto\"> to provide a streamlined way to deliver cross-platform apps to an expanded user audience. From a single codebase, you can create app experiences tailored for Teams, Outlook, and Office environments. End users don&#8217;t need to leave the context of their work to use your app. And administrators benefit from a consolidated management and deployment workflow.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h3 style=\"text-align: center;\">Get your pocket guide <a href=\"https:\/\/cdn.graph.office.net\/prod\/media\/microsoft-teams\/10FeaturesToJumpstart.png\" target=\"_blank\" rel=\"noopener\">here<\/a><\/h3>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/12\/MicrosoftTeams-image-52-1.png\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-12508\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/12\/MicrosoftTeams-image-52-1-784x1024.png\" alt=\"Image MicrosoftTeams image 52 1\" width=\"640\" height=\"836\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/12\/MicrosoftTeams-image-52-1-784x1024.png 784w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/12\/MicrosoftTeams-image-52-1-230x300.png 230w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/12\/MicrosoftTeams-image-52-1-768x1003.png 768w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/12\/MicrosoftTeams-image-52-1-1176x1536.png 1176w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2022\/12\/MicrosoftTeams-image-52-1-1568x2048.png 1568w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p><span data-contrast=\"auto\">Whether you want to bring together business processes into a centralized hub, or contextualize data in a collaborative experience, Teams capabilities can help make it happen. Depending on what you build, you might choose a single extension point like a personal tab, a conversational bot or combine multiple extension points. <\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">By extending Teams capabilities, you augment the user experience of your app so it\u2019s clearer, fuller, and more effective for collaboration and productivity. Plus, you can build once and deploy anywhere at scale in Microsoft 365, ensuring maximum adoption and user reach.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">The time is now to capitalize on huge demand for collaborative apps. Start building Teams apps to power the new world of work and dazzle users!<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">In the next series, you will learn in more detail each one of the features mentioned here so you can make your Teams app more powerful for your users.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Want to learn more? <a href=\"https:\/\/youtu.be\/a5xwTOSfQNk\" target=\"_blank\" rel=\"noopener\">Watch this video<\/a> on Teams capabilities explained with doodles. And, <\/span><span data-contrast=\"auto\">get your <\/span><b><i><span data-contrast=\"auto\">free Teams developer guide<\/span><\/i><\/b> <a href=\"https:\/\/developer.microsoft.com\/en-us\/Microsoft-teams\"><span data-contrast=\"none\">here<\/span><\/a>.<span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Discover the rich capabilities from Microsoft Teams to build apps that meet users in the flow of work.\u00a0Check out this list of 10 ways to jumpstart your Teams app development.<\/p>\n","protected":false},"author":99492,"featured_media":12474,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8,128,20],"tags":[23],"class_list":["post-12456","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adaptive-cards","category-microsoft-teams","category-power-platform","tag-teams-toolkit"],"acf":[],"blog_post_summary":"<p>Discover the rich capabilities from Microsoft Teams to build apps that meet users in the flow of work.\u00a0Check out this list of 10 ways to jumpstart your Teams app development.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/12456","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\/99492"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=12456"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/12456\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/12474"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=12456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=12456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=12456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}