{"id":1570,"date":"2021-05-25T10:11:02","date_gmt":"2021-05-25T17:11:02","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/surface-duo\/?p=1570"},"modified":"2021-06-01T15:11:10","modified_gmt":"2021-06-01T22:11:10","slug":"surface-duo-at-microsoft-build-2021","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/surface-duo\/surface-duo-at-microsoft-build-2021\/","title":{"rendered":"Surface Duo at Microsoft Build"},"content":{"rendered":"<p>Hello developers!<\/p>\n<p>Microsoft Build starts today with a <a href=\"https:\/\/mybuild.microsoft.com\/sessions\/ff7c228c-3471-4ea2-90f1-4673d511c41c?\">keynote by Satya Nadella<\/a>. The session catalog includes several Microsoft Surface sessions for developers looking to enhance their mobile applications for Surface Duo. Join the Surface Duo Developer Experience team in a mix of live and on-demand sessions that will help you build amazing experiences for dual-screen and foldable Android devices. We\u2019ve highlighted a few of the sessions you may be interested in below.<\/p>\n<p><img decoding=\"async\" width=\"749\" height=\"302\" class=\"wp-image-1571\" src=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/word-image-2.png\" alt=\"Marketing image of the Microsoft Surface range of devices - Hub, Studio, Book, Laptop, and Surface Duo\" srcset=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/word-image-2.png 749w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/word-image-2-300x121.png 300w\" sizes=\"(max-width: 749px) 100vw, 749px\" \/><\/p>\n<p>Application design and development for Android dual-screen and foldable devices<\/p>\n<p>In this session, Andy Himberger and I give an overview of Surface Duo, the unique experiences you can create with dual-screen devices, and dive into a Microsoft Outlook case study. They\u2019ll also cover user experience design patterns, cross-platform developer tools that can target Surface Duo, and all the details of the SDK for Kotlin and Java developers.<\/p>\n<p>Visit <a href=\"https:\/\/youtu.be\/ByFqyNPdNNA\">MyBuild to watch this on-demand session<\/a> any time!<\/p>\n<p><img decoding=\"async\" width=\"2157\" height=\"1094\" class=\"wp-image-1572\" src=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/diagram-description-automatically-generated.png\" alt=\"Diagram showing the three steps to update an app for dual-screen devices. The steps are: test, make incremental changes, then embrace new features.\" srcset=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/diagram-description-automatically-generated.png 2157w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/diagram-description-automatically-generated-300x152.png 300w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/diagram-description-automatically-generated-1024x519.png 1024w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/diagram-description-automatically-generated-768x390.png 768w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/diagram-description-automatically-generated-1536x779.png 1536w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/diagram-description-automatically-generated-2048x1039.png 2048w\" sizes=\"(max-width: 2157px) 100vw, 2157px\" \/><\/p>\n<h2>Ask the Experts<\/h2>\n<p>This is a live and interactive question and answer session on building Android apps for Surface Duo.<\/p>\n<p><a href=\"https:\/\/aka.ms\/buildduoate\">Register now<\/a> and join us on <strong>Thursday, May 27<sup>th<\/sup> at 7am<\/strong> Pacific Daylight Time (10am Eastern). We\u2019ll be ready for questions on building dual-screen apps with Kotlin and Java, Xamarin, React Native, Flutter, Unity, and the web. In addition, <a href=\"https:\/\/devblogs.microsoft.com\/surface-duo\/author\/mehulshah\/\">Mehul Shah<\/a> will be joining us to talk about foldable app user experiences.<\/p>\n<h2>Deeper skilling sessions<\/h2>\n<p>There are three developer-focused sessions that cover some of the different platforms for building apps for Surface Duo. These sessions are available now to view online.<\/p>\n<p><a href=\"https:\/\/youtu.be\/uQbmgteKP3w\"><strong>Developing dual-screen apps with Xamarin and Xamarin.Forms<\/strong><\/a><\/p>\n<p>This session focuses on the Microsoft Learn module <a href=\"https:\/\/docs.microsoft.com\/learn\/modules\/xamarin-forms-dual-screen\/\">Building a dual-screen Xamarin.Forms app<\/a> and will walk through the steps to enhance an existing Xamarin.Forms application using TwoPaneView, and show how it results in a responsive layout that works well on phones, foldables, and dual screen devices, and larger screens like tablets.<\/p>\n<p><img decoding=\"async\" width=\"2403\" height=\"1118\" class=\"wp-image-1573\" src=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/graphical-user-interface-application-description-1.png\" alt=\"Sample country flags app running on three different devices: a pixel phone, a Surface Duo, and a tablet\" srcset=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/graphical-user-interface-application-description-1.png 2403w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/graphical-user-interface-application-description-1-300x140.png 300w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/graphical-user-interface-application-description-1-1024x476.png 1024w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/graphical-user-interface-application-description-1-768x357.png 768w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/graphical-user-interface-application-description-1-1536x715.png 1536w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/graphical-user-interface-application-description-1-2048x953.png 2048w\" sizes=\"(max-width: 2403px) 100vw, 2403px\" \/><\/p>\n<p><a href=\"https:\/\/youtu.be\/L591LRk84VE\"><strong>Developing dual-screen web apps<\/strong><\/a><\/p>\n<p>Microsoft Edge supports CSS and JavaScript enhancements for dual-screen devices. The additional media queries and environment variables make it easy to extend your responsive design to also account for folds and hinges.<\/p>\n<p><img decoding=\"async\" width=\"2358\" height=\"1166\" class=\"wp-image-1574\" src=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/diagram-description-automatically-generated-1.png\" alt=\"Stylized view of Surface Duo screens illustrating the dimensions represented by predefined environment variables such as fold-top and fold-left\" srcset=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/diagram-description-automatically-generated-1.png 2358w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/diagram-description-automatically-generated-1-300x148.png 300w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/diagram-description-automatically-generated-1-1024x506.png 1024w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/diagram-description-automatically-generated-1-768x380.png 768w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/diagram-description-automatically-generated-1-1536x760.png 1536w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/diagram-description-automatically-generated-1-2048x1013.png 2048w\" sizes=\"(max-width: 2358px) 100vw, 2358px\" \/><\/p>\n<p>Web developers should also check out the <a href=\"https:\/\/mybuild.microsoft.com\/sessions\/9ae93910-ebb7-47e5-864d-2a268209e796?source=sessions\">Ask the experts: Microsoft Edge<\/a> session on <strong>Wednesday, May 26<sup>th<\/sup> at 3pm<\/strong> PDT (6pm EDT) to learn more.<\/p>\n<p><a href=\"https:\/\/youtu.be\/kQr-9TH3I-U\"><strong>Dual-screen native SDKs and samples<\/strong><\/a><\/p>\n<p><a href=\"https:\/\/devblogs.microsoft.com\/surface-duo\/author\/cevalienmicrosoft-com\/\">Cesar Valiente<\/a> walks through all the resources available for Kotlin and Java developers to build apps for Surface Duo.<\/p>\n<p><img decoding=\"async\" width=\"1951\" height=\"937\" class=\"wp-image-1575\" src=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/graphical-user-interface-application-description-2.png\" alt=\"Two Surface Duo devices showing the same basic sample app, running on one screen and then running on two screens\" srcset=\"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/graphical-user-interface-application-description-2.png 1951w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/graphical-user-interface-application-description-2-300x144.png 300w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/graphical-user-interface-application-description-2-1024x492.png 1024w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/graphical-user-interface-application-description-2-768x369.png 768w, https:\/\/devblogs.microsoft.com\/surface-duo\/wp-content\/uploads\/sites\/53\/2021\/05\/graphical-user-interface-application-description-2-1536x738.png 1536w\" sizes=\"(max-width: 1951px) 100vw, 1951px\" \/><\/p>\n<h2>Tips &amp; tricks live<\/h2>\n<p>Drop in for some <a href=\"https:\/\/aka.ms\/buildduotips\">developer tips and tricks<\/a> with <a href=\"https:\/\/devblogs.microsoft.com\/surface-duo\/author\/joyliu1microsoft-com\/\">Joy Liu<\/a> at 6:30am Pacific Daylight Time (9:30am Eastern) on <strong>Thursday, May 27<sup>th<\/sup><\/strong>. Joy will be showing how to implement some dual-screen features in your apps using Kotlin and Android Studio.<\/p>\n<h2>Resources and feedback<\/h2>\n<p>Quick links to all the sessions mentioned above:<\/p>\n<table>\n<tbody>\n<tr>\n<td><a href=\"https:\/\/mybuild.microsoft.com\/sessions\/ff7c228c-3471-4ea2-90f1-4673d511c41c?\">Keynote by Satya Nadella<\/a><\/td>\n<td>May 25<sup>th<\/sup><\/p>\n<p>9am PDT\/12pm EDT<\/td>\n<td><a href=\"https:\/\/twitter.com\/satyanadella\">Satya Nadella<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/aka.ms\/buildduoate\">Ask the experts: What\u2019s new for developers building dual-screen apps for the Surface Duo<\/a><\/td>\n<td>May 27<sup>th<\/sup><\/p>\n<p>7:00am PDT\/ 10:00am EDT<\/td>\n<td><a href=\"https:\/\/twitter.com\/andreidiaconu\">Andrei Diaconu<\/a><\/p>\n<p><a href=\"https:\/\/twitter.com\/cesarvaliente\">Cesar Valiente<\/a><\/p>\n<p><a href=\"https:\/\/twitter.com\/conceptdev\">Craig Dunn<\/a><\/p>\n<p><a href=\"https:\/\/twitter.com\/gmerin\">Guy Merin<\/a><\/p>\n<p><a href=\"https:\/\/twitter.com\/HakonStrande\">Hakon Strande<\/a><\/p>\n<p><a href=\"https:\/\/twitter.com\/joyl_liu\">Joy Liu<\/a><\/p>\n<p><a href=\"https:\/\/twitter.com\/mehulshah1995\">Mehul Shah<\/a><\/p>\n<p><a href=\"https:\/\/twitter.com\/nitya\">Nitya Narasimhan<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/aka.ms\/buildduotips\">Tips and tricks: App development for dual-screen and Android<\/a><\/td>\n<td>May 26<sup>th<\/sup><\/p>\n<p>3:00pm PDT\/ 6:00pm EDT<\/td>\n<td><a href=\"https:\/\/twitter.com\/joyl_liu\">Joy Liu<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/mybuild.microsoft.com\/sessions\/9ae93910-ebb7-47e5-864d-2a268209e796?source=sessions\">Ask the experts: Microsoft Edge<\/a><\/td>\n<td>May 27<sup>th<\/sup><\/p>\n<p>6:30am PDT\/ 9:30am EDT<\/td>\n<td><a href=\"https:\/\/twitter.com\/kylealden\">Kyle Pflug<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/youtu.be\/ByFqyNPdNNA\">Application design and development for Android dual-screen and foldable devices<\/a><\/td>\n<td>On-demand<\/td>\n<td><a href=\"https:\/\/twitter.com\/gmerin\">Guy Merin<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/youtu.be\/uQbmgteKP3w\">Developing dual-screen apps with Xamarin and Xamarin.Forms<\/a><\/td>\n<td>On-demand<\/td>\n<td><a href=\"https:\/\/twitter.com\/conceptdev\">Craig Dunn<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/youtu.be\/L591LRk84VE\">Developing dual-screen web apps<\/a><\/td>\n<td>On-demand<\/td>\n<td><a href=\"https:\/\/twitter.com\/seaotta\">Stephanie Stimac<\/a><\/td>\n<\/tr>\n<tr>\n<td><a href=\"https:\/\/youtu.be\/kQr-9TH3I-U\">Dual-screen native SDKs and samples<\/a><\/td>\n<td>On-demand<\/td>\n<td><a href=\"https:\/\/twitter.com\/cesarvaliente\">Cesar Valiente<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Visit the <a href=\"https:\/\/mybuild.microsoft.com\/sessions\/9ae93910-ebb7-47e5-864d-2a268209e796?source=sessions\">complete session catalog<\/a> to plan your Microsoft Build 2021 experience.<\/p>\n<p>Visit the <a href=\"https:\/\/docs.microsoft.com\/dual-screen\/\">Surface Duo developer documentation<\/a> and <a href=\"https:\/\/devblogs.microsoft.com\/surface-duo\">past blog posts<\/a> for other ideas on enhancing your apps for dual-screen devices.<\/p>\n<p>If you have any questions, or would like to tell us about your apps, use the <a href=\"http:\/\/aka.ms\/SurfaceDuoSDK-Feedback\">feedback forum<\/a>, message us on <a href=\"https:\/\/twitter.com\/surfaceduodev\">Twitter @surfaceduodev.<\/a><\/p>\n<p>Finally, please join us at 11am PST each Friday in your calendar to visit <a href=\"https:\/\/www.twitch.tv\/surfaceduodev\">twitch.tv\/surfaceduodev<\/a> and check out the archives on <a href=\"https:\/\/www.youtube.com\/channel\/UClGu9QLtPNz8OdddBfhZXPA\">YouTube<\/a>. This week we\u2019ll review all the latest news from Build.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello developers! Microsoft Build starts today with a keynote by Satya Nadella. The session catalog includes several Microsoft Surface sessions for developers looking to enhance their mobile applications for Surface Duo. Join the Surface Duo Developer Experience team in a mix of live and on-demand sessions that will help you build amazing experiences for dual-screen [&hellip;]<\/p>\n","protected":false},"author":17398,"featured_media":1578,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[531,412,706,473,530,182],"class_list":["post-1570","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-surface-duo-sdk","tag-css","tag-javascript","tag-jetpack-window-manager","tag-kotlin","tag-web","tag-xamarin-forms"],"acf":[],"blog_post_summary":"<p>Hello developers! Microsoft Build starts today with a keynote by Satya Nadella. The session catalog includes several Microsoft Surface sessions for developers looking to enhance their mobile applications for Surface Duo. Join the Surface Duo Developer Experience team in a mix of live and on-demand sessions that will help you build amazing experiences for dual-screen [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts\/1570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/users\/17398"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/comments?post=1570"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/posts\/1570\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/media\/1578"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/media?parent=1570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/categories?post=1570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/surface-duo\/wp-json\/wp\/v2\/tags?post=1570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}