{"id":8793,"date":"2021-11-17T10:18:00","date_gmt":"2021-11-17T18:18:00","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=8793"},"modified":"2021-11-23T11:00:17","modified_gmt":"2021-11-23T19:00:17","slug":"developing-real-time-collaborative-apps-with-azure-microsoft-365-power-platform-and-github-2","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/developing-real-time-collaborative-apps-with-azure-microsoft-365-power-platform-and-github-2\/","title":{"rendered":"Developing real-time collaborative apps with Azure, Microsoft 365, Power Platform, and GitHub\u00a0"},"content":{"rendered":"<p><span data-contrast=\"auto\">Have you considered adding real-time collaboration into your apps? Do you want to learn how to collaborate more efficiently on code your team is writing? Have you heard of \u201ccollaborative apps?\u201d<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Well, we\u2019re here to help with all these questions.\u00a0<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Collaborative apps \u2013 apps built for a collaboration platform like\u00a0Microsoft Teams,\u00a0Slack, Google Workspace, etc.\u00a0\u2013 are apps\u00a0with\u00a0collaboration at their\u00a0core,\u00a0designed for the flexibility of hybrid work.\u00a0You can build collaborative apps\u00a0with the tools you use every day and your existing development skills!<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">For example, the\u00a0<\/span><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=TeamsDevApp.ms-teams-vscode-extension\"><span data-contrast=\"none\">Teams Toolkit for Visual Studio Code<\/span><\/a><span data-contrast=\"auto\">\u00a0lets\u00a0you use\u00a0your\u00a0existing web development skills to build cross-platform Teams apps against any backend.\u00a0This allows you to use\u00a0Microsoft Teams as a platform\u00a0to\u00a0seamlessly combine the core components of an app\u00a0and\u00a0surface\u00a0relevant data and functionality\u00a0to users.\u00a0Or you can build collaborative apps\u00a0that\u00a0access\u00a0business data, identity, workflow automation, and more through\u00a0<\/span><a href=\"https:\/\/developer.microsoft.com\/en-us\/graph\"><span data-contrast=\"none\">Microsoft Graph<\/span><\/a><span data-contrast=\"auto\">.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">These are just some ideas to get you started.\u00a0<\/span><b><span data-contrast=\"auto\">If you want to learn how you can be successful building collaborative apps,\u00a0<\/span><\/b><a href=\"https:\/\/aka.ms\/videos\/collaborativeapps\"><b><span data-contrast=\"none\">check out these\u00a0videos from our recent Learn Together: Developing Real-Time Collaborative Apps event<\/span><\/b><\/a><b><span data-contrast=\"auto\">.\u00a0You\u2019ll\u00a0see technologies like Fluid Framework, Azure Communication Services, Microsoft Graph, and GitHub in action.<\/span><\/b><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Here\u2019s a breakdown of\u00a0each video&#8230;<\/span><span data-ccp-props=\"{&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">Learn what collaborative apps are and how to incorporate collaboration into your apps with Dan Wahlin and April Dunnam.<\/span><\/p>\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/ycfltKAyrDc\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><span data-contrast=\"auto\">Learn how to allow users to collaborate on data in real time within your app using Fluid Framework with Dan Wahlin and Dan Roney.<\/span><\/p>\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/LL0ppKbdQYI\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><span data-contrast=\"auto\">Learn how to add real-time chat, video, or audio capabilities into your app using Azure Communication Services with Piyali Dey and Reza Jooyandeh.<\/span><\/p>\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/uieQtmGUZ-I\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Ayca Bas and Juma George Odhiambo will show you how to integrate business data such as user presence into your app using Microsoft Graph, Azure Event Hubs, Azure Functions, and SignalR. You\u2019ll also learn the role of Power Automate and how you can integrate your app with collaboration hubs such as Microsoft Teams<\/p>\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/1V8wpXjr240\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><span data-contrast=\"auto\">Learn how to collaborate on code more efficiently using new technologies available in GitHub and Visual Studio Code with<\/span><span data-contrast=\"none\"> Burke Holland and Brigit Murtaugh.<\/span><\/p>\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/CV3F8bJtatE\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><span data-contrast=\"auto\">And,\u00a0for even more information about the technologies you can use to build collaborative apps,\u00a0<\/span><strong><a href=\"https:\/\/aka.ms\/challenge\/collaborativeapps\">join the Collaborative Apps Learn Challenge<\/a><\/strong><span data-contrast=\"auto\"><strong>.<\/strong> The challenge includes tutorials about Microsoft Graph, Azure Communication Services, Visual Studio Code, Microsoft Teams, and more.<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n<p><span data-ccp-props=\"{}\">\u00a0<\/span><span data-contrast=\"auto\">We can\u2019t wait to see what you learn and build!\u00a0\ud83d\ude07<\/span><span data-ccp-props=\"{}\">\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Collaborative apps \u2013 apps built for a collaboration platform like\u00a0Microsoft Teams,\u00a0Slack, Google Workspace, etc.\u00a0\u2013 are apps\u00a0with\u00a0collaboration at their\u00a0core,\u00a0designed for the flexibility of hybrid work.\u00a0You can build collaborative apps\u00a0with the tools you use every day and your existing development skills!\u00a0<\/p>\n","protected":false},"author":73383,"featured_media":8798,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6,3,128,20],"tags":[61,119,70,44],"class_list":["post-8793","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fluid-framework","category-microsoft-graph","category-microsoft-teams","category-power-platform","tag-azure","tag-azure-communication-services","tag-github","tag-visual-studio-code"],"acf":[],"blog_post_summary":"<p>Collaborative apps \u2013 apps built for a collaboration platform like\u00a0Microsoft Teams,\u00a0Slack, Google Workspace, etc.\u00a0\u2013 are apps\u00a0with\u00a0collaboration at their\u00a0core,\u00a0designed for the flexibility of hybrid work.\u00a0You can build collaborative apps\u00a0with the tools you use every day and your existing development skills!\u00a0<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/8793","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\/73383"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=8793"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/8793\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/8798"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=8793"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=8793"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=8793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}