{"id":8186,"date":"2021-10-28T07:50:24","date_gmt":"2021-10-28T14:50:24","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/?p=8186"},"modified":"2021-11-17T12:25:16","modified_gmt":"2021-11-17T20:25:16","slug":"learn-how-to-extend-microsoft-viva-connections","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/learn-how-to-extend-microsoft-viva-connections\/","title":{"rendered":"Learn how to extend Microsoft Viva Connections\u00a0"},"content":{"rendered":"<p><span data-contrast=\"auto\">We\u2019re excited to announce a new learning path for Viva Connections.\u00a0The\u00a0<\/span><a href=\"https:\/\/aka.ms\/extend-viva-connections\"><span data-contrast=\"none\">Extend\u00a0Microsoft\u00a0Viva Connections<\/span><\/a><span data-contrast=\"auto\">\u00a0learning path is the best way to learn\u00a0how you can extend\u00a0Viva Connections.\u00a0<\/span><span data-contrast=\"none\">This new learning path will teach you:<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"none\">What Microsoft Viva Connections is<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:720,&quot;335559737&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259,&quot;335559991&quot;:360}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"none\">What tools you need to extend it<\/span><\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"1\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"none\">What components you can build for it and how to build them<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:720,&quot;335559737&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259,&quot;335559991&quot;:360}\">\u00a0<\/span><\/li>\n<\/ul>\n<h4 aria-level=\"1\"><span data-contrast=\"none\">Viva Connections \u2013 the gateway to modern employee experience<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559738&quot;:240,&quot;335559739&quot;:0,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h4>\n<p><span data-contrast=\"auto\">Microsoft Viva Connections provides a curated, company-branded experience that brings together relevant news, conversations, and other resources in Microsoft 365.<\/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\">Viva Connections also works as the \u201cfront door\u201d to an employee\u2019s experience, and is available at no cost to all 250 million daily active Microsoft Teams users. Plus, it can be extended with custom components built using modern web technologies. You can use the skills you already have to build solutions for your customers and help them stay in the know.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/LGu00WjWnCQ\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><span data-contrast=\"auto\">\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<h4 aria-level=\"1\"><span data-contrast=\"none\">About the learning path<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559738&quot;:240,&quot;335559739&quot;:0,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h4>\n<p><span data-contrast=\"auto\">The Extend Viva Connections learning path consists of four modules:<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<ol>\n<li><b><span data-contrast=\"auto\">Get started with Microsoft Viva Connections<\/span><\/b><span data-contrast=\"auto\">\u00a0explains what Viva Connections\u00a0is, how you can enable it in your tenant,\u00a0and how you can extend it.<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<li><b><span data-contrast=\"auto\">Extend Microsoft Viva Connections with web parts<\/span><\/b><span data-contrast=\"auto\">\u00a0introduces the first type of extension for Viva Connections: web parts \u2013 HTML widgets that editors can put on pages.<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<li><b><span data-contrast=\"auto\">Extend Microsoft Viva Connections with application customizers<\/span><\/b><span data-contrast=\"auto\">\u00a0teaches you\u00a0how to put code, like analytics tracking, on all pages in Viva Connections.<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<li><b><span data-contrast=\"auto\">Extend Microsoft Viva Connections with Adaptive Card Extensions<\/span><\/b><span data-contrast=\"auto\">\u00a0module\u00a0shows you\u00a0how to build widgets that work with Viva Connections desktop and mobile experiences.<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<\/ol>\n<h4><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\"><a href=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/Extend-Viva-Connections-Learning-Path.png\"><img decoding=\"async\" class=\"aligncenter wp-image-8187 size-full\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/Extend-Viva-Connections-Learning-Path.png\" alt=\"Image Extend Viva Connections Learning Path\" width=\"928\" height=\"516\" srcset=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/Extend-Viva-Connections-Learning-Path.png 928w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/Extend-Viva-Connections-Learning-Path-300x167.png 300w, https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2021\/10\/Extend-Viva-Connections-Learning-Path-768x427.png 768w\" sizes=\"(max-width: 928px) 100vw, 928px\" \/><\/a>\u00a0<\/span><\/h4>\n<h4><span data-contrast=\"none\">What you need to know to complete this learning path<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559738&quot;:240,&quot;335559739&quot;:0,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h4>\n<p><span data-contrast=\"auto\">The Extend Viva Connections learning path is perfectly suited for developers who already know how to build web apps, but want to grow their skills to build apps for Microsoft Viva Connections.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><span data-contrast=\"auto\">To complete this learning path, you will need:<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" aria-setsize=\"-1\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">SharePoint and Teams Administrator access to a\u00a0<\/span><a href=\"https:\/\/developer.microsoft.com\/microsoft-365\/dev-program?ocid=MSlearn&amp;WT.mc_id=m365-41957-cxa\"><span data-contrast=\"none\">Microsoft 365\u00a0<\/span>sandbox<\/a><\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">Mobile device with\u00a0<\/span><a href=\"https:\/\/www.microsoft.com\/microsoft-teams\/download-app\"><span data-contrast=\"none\">Microsoft Teams<\/span><\/a><span data-contrast=\"auto\">\u00a0installed<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">Ability to develop JavaScript applications using modern web technologies<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">Basic knowledge of TypeScript<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">Code editor or IDE<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"3\" aria-setsize=\"-1\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">Node.js v14<\/span><span data-ccp-props=\"{&quot;134233279&quot;:true,&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/li>\n<\/ul>\n<h4 aria-level=\"1\"><span data-contrast=\"none\">Start learning how to extend Viva Connections today<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559738&quot;:240,&quot;335559739&quot;:0,&quot;335559740&quot;:259}\">\u00a0<\/span><\/h4>\n<p><span data-contrast=\"auto\">Many organizations use Viva Connections to engage with their employees and keep them informed. By extending Viva Connections, you can help these organizations bring their business-critical information to their employees\u2019 fingertips.\u00a0<\/span><a href=\"https:\/\/aka.ms\/extend-viva-connections\"><span data-contrast=\"none\">Learn how to extend Viva Connections<\/span><\/a><span data-contrast=\"auto\"> using your existing web development skills and we look forward to hearing from you what you\u2019ll build next.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\n<p><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>We are excited to share a new learning path, Extend Viva Connections, that is perfectly suited for developers who already know how to build web apps, but want to grow their skills to build apps for Microsoft Viva Connections.\u00a0<\/p>\n","protected":false},"author":71938,"featured_media":8133,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8,128,142,9],"tags":[113],"class_list":["post-8186","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adaptive-cards","category-microsoft-teams","category-microsoft-viva","category-sharepoint-framework","tag-microsoft-learn"],"acf":[],"blog_post_summary":"<p>We are excited to share a new learning path, Extend Viva Connections, that is perfectly suited for developers who already know how to build web apps, but want to grow their skills to build apps for Microsoft Viva Connections.\u00a0<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/8186","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=8186"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/8186\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/8133"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=8186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=8186"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=8186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}