<!DOCTYPE html> <html class="layout layout-single marketing show-breadcrumb default-focus" lang="en-us" dir="ltr" data-authenticated="false" data-auth-status-determined="false" data-target="docs" x-ms-format-detection="none" > <head> <title>Shows - Event & Video Content | Microsoft Learn</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="color-scheme" content="light dark" /> <meta name="description" content="Browse thousands of hours of video content from Microsoft. On-demand video, certification prep, past Microsoft events, and recurring series." /> <link rel="canonical" href="https://learn.microsoft.com/en-us/shows/" /> <!-- Non-customizable open graph and sharing-related metadata --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@MicrosoftLearn" /> <meta property="og:type" content="website" /> <meta property="og:image:alt" content="Microsoft Learn" /> <meta property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" /> <!-- Page specific open graph and sharing-related metadata --> <meta property="og:title" content="Shows - Event & Video Content" /> <meta property="og:url" content="https://learn.microsoft.com/en-us/shows/" /> <meta property="og:description" content="Browse thousands of hours of video content from Microsoft. On-demand video, certification prep, past Microsoft events, and recurring series." /> <meta name="platform_id" content="bcc7edfc-797b-bed7-8be2-a114c39f158a" /> <meta name="locale" content="en-us" /> <meta name="uhfHeaderId" content="MSDocsHeader-Shows" /> <meta name="page_type" content="marketing" /> <!--page specific meta tags--> <!-- custom meta tags --> <meta name="schema" content="Marketing" /> <meta name="breadcrumb_path" content="/shows/breadcrumb/toc.json" /> <meta name="ms.topic" content="marketing-hub" /> <meta name="feedback_system" content="None" /> <meta name="ms.service" content="learn" /> <meta name="ms.date" content="2024-11-01T00:00:00Z" /> <meta name="author" content="markdefalco" /> <meta name="document_id" content="ac9158bc-b7b4-daf8-cdb8-30f6e25ab302" /> <meta name="document_version_independent_id" content="ac9158bc-b7b4-daf8-cdb8-30f6e25ab302" /> <meta name="updated_at" content="2025-02-07T18:27:00Z" /> <meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/show-pr/blob/live/shows/index.yml" /> <meta name="gitcommit" content="https://github.com/MicrosoftDocs/show-pr/blob/abbd23a342eef09a5e4c7f56f157bc5d37c8a099/shows/index.yml" /> <meta name="git_commit_id" content="abbd23a342eef09a5e4c7f56f157bc5d37c8a099" /> <meta name="site_name" content="Docs" /> <meta name="depot_name" content="MSDN.show" /> <meta name="feedback_product_url" content="" /> <meta name="feedback_help_link_type" content="" /> <meta name="feedback_help_link_url" content="" /> <meta name="asset_id" content="index" /> <meta name="moniker_range_name" content="" /> <meta name="item_type" content="Content" /> <meta name="source_path" content="shows/index.yml" /> <meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/show-pr/blob/live/shows/index.yml" /> <!-- assets and js globals --> <link rel="stylesheet" href="/static/assets/0.4.030556769/styles/site-ltr.css" /> <script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script> <script src="https://js.monitor.azure.com/scripts/c/ms.jsll-4.min.js"></script> <script src="/_themes/docs.theme/master/en-us/_themes/global/deprecation.js"></script> <!-- msdocs global object --> <script id="msdocs-script"> var msDocs = { "environment": { "accessLevel": "online", "azurePortalHostname": "portal.azure.com", "reviewFeatures": false, "supportLevel": "production", "systemContent": true, "siteName": "learn", "legacyHosting": false }, "data": { "contentLocale": "en-us", "contentDir": "ltr", "userLocale": "en-us", "userDir": "ltr", "pageTemplate": "Marketing", "brand": "", "context": {}, "standardFeedback": false, "showFeedbackReport": false, "feedbackHelpLinkType": "", "feedbackHelpLinkUrl": "", "feedbackSystem": "None", "feedbackGitHubRepo": "", "feedbackProductUrl": "", "extendBreadcrumb": false, "isEditDisplayable": true, "isPrivateUnauthorized": false, "hideViewSource": false, "isPermissioned": false, "hasRecommendations": false, "contributors": [ { "name": "v-trmyl", "url": "https://github.com/v-trmyl" }, { "name": "kcpitt", "url": "https://github.com/kcpitt" }, { "name": "brstegge", "url": "https://github.com/brstegge" }, { "name": "duncanmak", "url": "https://github.com/duncanmak" } ] }, "functions": {}};; </script> <!-- base scripts, msdocs global should be before this --> <script src="/static/assets/0.4.030556769/scripts/en-us/index-docs.js"></script> <!-- json-ld --> </head> <body id="body" data-bi-name="body" class="layout-body " lang="en-us" dir="ltr" > <header class="layout-body-header"> <div class="header-holder has-default-focus"> <a href="#main" style="z-index: 1070" class="outline-color-text visually-hidden-until-focused position-fixed inner-focus focus-visible top-0 left-0 right-0 padding-xs text-align-center background-color-body" > Skip to main content </a> <div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div> <!-- Unsupported browser warning --> <div id="unsupported-browser" style="background-color: white; color: black; padding: 16px; border-bottom: 1px solid grey;" hidden > <div style="max-width: 800px; margin: 0 auto;"> <p style="font-size: 24px">This browser is no longer supported.</p> <p style="font-size: 16px; margin-top: 16px;"> Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. </p> <div style="margin-top: 12px;"> <a href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 " style="background-color: #0078d4; border: 1px solid #0078d4; color: white; padding: 6px 12px; border-radius: 2px; display: inline-block;" > Download Microsoft Edge </a> <a href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge" style="background-color: white; padding: 6px 12px; border: 1px solid #505050; color: #171717; border-radius: 2px; display: inline-block;" > More info about Internet Explorer and Microsoft Edge </a> </div> </div> </div> <!-- site header --> <header id="ms--site-header" data-test-id="site-header-wrapper" role="banner" itemscope="itemscope" itemtype="http://schema.org/Organization" > <div id="ms--mobile-nav" class="site-header display-none-tablet padding-inline-none gap-none" data-bi-name="mobile-header" data-test-id="mobile-header" ></div> <div id="ms--primary-nav" class="site-header display-none display-flex-tablet" data-bi-name="L1-header" data-test-id="primary-header" ></div> <div id="ms--secondary-nav" class="site-header display-none display-flex-tablet" data-bi-name="L2-header" data-test-id="secondary-header" ></div> </header> <!-- banner --> <div data-banner> <div id="disclaimer-holder"></div> </div> <!-- banner end --> </div> </header> <main id="main" role="main" class="layout-body-main " data-bi-name="content" lang="en-us" dir="ltr" > <div data-main-column class=" "> <div id="Marketing" class="has-overflow-hidden"><div id="hero-product-section-0" class="hero hero-lg hero-image gradient-border-right gradient-border-body-accent background-color-body-accent " style=" --hero-background-image-light: url(/en-us/shows/media/hero_light.png?branch=main); --hero-background-image-dark: url(/en-us/shows/media/hero_dark.png?branch=main); "> <div class="hero-content"> <h1 id="shows" class="title is-1 is-responsive">Shows</h1> <p>Discover thousands of hours of fun, authentic, and informative original programming from Microsoft technical experts.</p> <div class="buttons margin-top-md"> <a href="/en-us/shows/browse" class="button button-clear border" data-linktype="absolute-path">Browse all shows and events</a> </div> </div></div><div id="cards-section-1" class="padding-block-lg"> <div class="uhf-container"> <h2 id="featured" class="title is-2 is-responsive">Featured</h2> <ul class="grid "> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="sip-and-sync-with-azure/media/sas_bannerimage.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/sip-and-sync-with-azure" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Sip and Sync with Azure</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Grab your favorite beverage and join Priyanka Vergadia and Govind Kamtamneni as they sync up on the latest topics on Azure and AI. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="mr-maedas-cozy-ai-kitchen/media/caik-banner-1920.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/mr-maedas-cozy-ai-kitchen" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Mr. Maeda's Cozy AI Kitchen</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> AI is suddenly everywhere. Do you need to go and get a shiny machine learning degree to remain competitive? John Maeda says not to worry. He'll show you how to cook delicious dishes into your coding repertoire with his new show - Mr. Maeda's Cozy AI Kitchen. </p> </div> </div> </article> </li> </ul> </div></div><div id="cards-section-2" class="padding-block-lg"> <div class="uhf-container"> <h2 id="popular" class="title is-2 is-responsive">Popular</h2> <ul class="grid is-fibonacci"> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="visual-studio/media/visual-studio-show-banner-image.jpg" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/visual-studio" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Visual Studio</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> tay up to date with Visual Studio, the most comprehensive IDE for .NET and C++ developers on Windows. Fully packed with a sweet array of tools and features to elevate and enhance every stage of software development. Here you will learn all about how the Visual Studio IDE is a creative launching pad that you can use to edit, debug, and build code, and then publish an app. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="visual-studio-code/media/visual-studio-code-banner-image.jpg" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/visual-studio-code" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Visual Studio Code</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Microsoft Visual Studio Code is a free, powerful, lightweight code editor for Windows, macOS and Linux. Based on open source, it is highly customizable with over 25,000 extensions, for every developer and every programming language. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="data-exposed/media/dataexposed_383x215.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/data-exposed" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Data Exposed</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Data Exposed is all about data; relational and non-relational, on-premises and in the cloud, big and small. Get the inside scoop and join us as we demonstrate features, discuss the latest news and share our love for data technology including SQL Server, Azure SQL Database, Cosmos DB, open-source databases, Azure Arc Data Services, Azure Data Factory, Azure Synapse and more! </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="azure-developers/media/azuredeveloper_mslearn_thumbnail-option3.jpg" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/azure-developers" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Azure Developers</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Azure Developers is your one stop for all things development-related on Azure. Join community standups each week to engage with the folks creating the products including Azure Functions, Container Apps, App Service, Dev CLI, and so much more. Keep up-to-date with regular videos from the product teams to find out what is new, tips and tricks, and full beginner series. </p> </div> </div> </article> </li> </ul> </div></div><div id="cards-section-3" class="padding-block-lg"> <div class="uhf-container"> <h2 id="beginners-and-limited-series" class="title is-2 is-responsive">Beginner's and Limited series</h2> <ul class="grid is-fibonacci"> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="generative-ai-with-javascript/media/lim-gjs-github-titlecard-banner.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/generative-ai-with-javascript" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Generative AI with JavaScript</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Learn how to integrate generative AI into your JavaScript projects! Each short, focused episode walks you through key concepts, from connecting to AI APIs to building interactive applications using tools like LangChain.js and Azure. Whether you're new to AI or an experienced developer, the series provides hands-on demos, code samples, and project starters. Check out the playlist and build smarter, AI-powered apps today! </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="design-a-dream-destination-with-ai/media/dai_banner_image.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/design-a-dream-destination-with-ai" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Design a dream destination with AI</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Join Keira Wong, a Microsoft Learn Student Ambassador, for an exciting introduction to the basics of prompting. Discover how to unleash your creativity and passion with generative AI as Keira guides you through the process of creating a dream destination and crafting compelling content to tell its story - all through the power of prompts. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="github-copilot-for-azure-6-must-try-features/media/6-must-try-banner.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/github-copilot-for-azure-6-must-try-features" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">GitHub Copilot for Azure: 6 Must-Try-Features</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Ready to supercharge your Azure game right within GitHub Copilot? Dive into our latest set of videos where we break down six must-try features of GitHub Copilot for Azure. From deploying containers and managing AI models to exploring resources and planning migrations, we've got you covered. Check out the videos to see great examples of how GitHub Copilot for Azure can make your cloud projects smoother and more efficient. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="responsible-ai/media/rai-showpage.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/responsible-ai" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Responsible AI</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Responsible Artificial Intelligence (Responsible AI) is an approach to developing, assessing, and deploying AI systems in a safe, trustworthy, and ethical way. AI systems are the product of many decisions made by those who develop and deploy them. From system purpose to how people interact with AI systems, Responsible AI can help proactively guide these decisions toward more beneficial and equitable outcomes. That means keeping people and their goals at the center of system design decisions and respecting enduring values like fairness, reliability, and transparency. </p> </div> </div> </article> </li> </ul> </div></div><div id="cards-section-4" class="padding-block-lg"> <div class="uhf-container"> <h2 id="events" class="title is-2 is-responsive">Events</h2> <ul class="grid is-fibonacci"> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="learn-events/media/learnevents-hero-image-x2.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/learn-events/" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Upcoming Events</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> Check out all of our upcoming events! </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="dotnet-conf-2024/media/dotnetconf2024-bannerimage.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/dotnet-conf-2024" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">.NET Conf 2024</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> .NET Conf has been a virtual event since the beginning, and this year we're celebrating our 14th online conference. We always strive to create a world-class, engaging, virtual experience for all our attendees no matter where they are. Over the years, we've expanded our content and our reach. We now draw over 100 thousand live viewers and sponsor hundreds of local events around the world. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="microsoft-365-copilot-developer-camp/media/m365devcamp_banner.png" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/microsoft-365-copilot-developer-camp" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Microsoft 365 Copilot: Developer Camp</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> An event all about Microsoft 365 Copilot, for developers by developers. You'll learn how to build Microsoft 365 Copilot agents and hear from the leaders behind Microsoft's developer tools, including Azure AI Search, Teams Toolkit, M365 Copilot, and more. </p> </div> </div> </article> </li> <li class="grid-item"> <article class="media-card border-radius-lg position-relative " data-bi-name="card"> <figure class="media-card-image"> <img src="azure-developers-python-day-2024/media/ad_pythonday-series-banner.jpg" alt="" data-linktype="relative-path"> </figure> <div class="media-card-content"> <a href="/en-us/shows/azure-developers-python-day-2024" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Azure Developers - Python Day 2024</a> <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1"> <p class="margin-bottom-xs flex-grow-1"> As a Python developer building for the cloud, do you want to stay ahead of the curve and maximize your potential? Join us to discover the latest services and features in Azure designed specifically for Python developers. You'll learn cutting-edge cloud development techniques that can save you time and money, while providing your customers with the best experience possible. </p> </div> </div> </article> </li> </ul> </div></div><div id="social-section-5" class="border-high-contrast padding-block-sm"> <div class="uhf-container"> <div class="level"> <div class="level-left flex-shrink-1"> <div class="level-item flex-shrink-1"> <div class="padding-right-lg-tablet"> <h2 id="follow-us-on-the-web" class="title is-2 is-responsive">Follow us on the web</h2> </div> </div> </div> <div class="level-right flex-shrink-1"> <div class="level-item flex-shrink-1"> <div class="buttons"> <a class="button button-lg" href="https://twitter.com/MicrosoftLearn" title="Twitter" data-linktype="external"> <span class="docon docon-xlogo-share"></span> <span class="visually-hidden">Twitter</span> </a> <a class="button button-lg" href="https://www.youtube.com/c/MicrosoftDeveloper/videos" title="YouTube" data-linktype="external"> <span class="docon docon-brand-youtube"></span> <span class="visually-hidden">YouTube</span> </a> <a class="button button-lg" href="https://twitch.tv/microsoftdeveloper" title="Twitch" data-linktype="external"> <span class="docon docon-brand-twitch"></span> <span class="visually-hidden">Twitch</span> </a> </div> </div> </div> </div> </div></div></div> </div> </main> <div class="layout-body-footer " data-bi-name="layout-footer"> <footer id="footer" data-test-id="footer" data-bi-name="footer" class="footer-layout has-padding has-default-focus border-top uhf-container" role="contentinfo" > <div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop"> <a data-mscc-ic="false" href="#" data-bi-name="select-locale" class="locale-selector-link flex-shrink-0 button button-sm button-clear external-link-indicator" id="" title="" ><span class="icon" aria-hidden="true" ><span class="docon docon-world"></span></span ><span class="local-selector-link-text">en-us</span></a > <div class="ccpa-privacy-link" data-ccpa-privacy-link hidden> <a data-mscc-ic="false" href="https://aka.ms/yourcaliforniaprivacychoices" data-bi-name="your-privacy-choices" class="button button-sm button-clear flex-shrink-0 external-link-indicator" id="" title="" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve" height="16" width="43" aria-hidden="true" focusable="false" > <path d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff" ></path> <path d="M22.6 0H7.4c-3.9 0-7 3.1-7 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.2-7-7-7zm-21 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4c-3.2 0-5.8-2.6-5.8-5.8z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#06f" ></path> <path d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2-2.2 2.2c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z" style="fill:#fff" ></path> <path d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z" style="fill:#06f" ></path> </svg> <span>Your Privacy Choices</span></a > </div> <div class="flex-shrink-0"> <div class="dropdown has-caret-up"> <button data-test-id="theme-selector-button" class="dropdown-trigger button button-clear button-sm has-inner-focus theme-dropdown-trigger" aria-controls="{{ themeMenuId }}" aria-expanded="false" title="Theme" data-bi-name="theme" > <span class="icon"> <span class="docon docon-sun" aria-hidden="true"></span> </span> <span>Theme</span> <span class="icon expanded-indicator" aria-hidden="true"> <span class="docon docon-chevron-down-light"></span> </span> </button> <div class="dropdown-menu" id="{{ themeMenuId }}" role="menu"> <ul class="theme-selector padding-xxs" data-test-id="theme-dropdown-menu"> <li class="theme display-block"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left" data-theme-to="light" > <span class="theme-light margin-right-xxs"> <span class="theme-selector-icon border display-inline-block has-body-background" aria-hidden="true" > <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14"> <rect width="22" height="14" class="has-fill-body-background" /> <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" /> <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" /> <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" /> <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" /> <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" /> </svg> </span> </span> <span role="menuitem"> Light </span> </button> </li> <li class="theme display-block"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left" data-theme-to="dark" > <span class="theme-dark margin-right-xxs"> <span class="border theme-selector-icon display-inline-block has-body-background" aria-hidden="true" > <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14"> <rect width="22" height="14" class="has-fill-body-background" /> <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" /> <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" /> <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" /> <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" /> <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" /> </svg> </span> </span> <span role="menuitem"> Dark </span> </button> </li> <li class="theme display-block"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start text-align-left" data-theme-to="high-contrast" > <span class="theme-high-contrast margin-right-xxs"> <span class="border theme-selector-icon display-inline-block has-body-background" aria-hidden="true" > <svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 14"> <rect width="22" height="14" class="has-fill-body-background" /> <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" /> <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" /> <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" /> <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" /> <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" /> <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" /> </svg> </span> </span> <span role="menuitem"> High contrast </span> </button> </li> </ul> </div> </div> </div> </div> <ul class="links" data-bi-name="footerlinks"> <li class="manage-cookies-holder" hidden=""></li> <li> <a data-mscc-ic="false" href="https://learn.microsoft.com/en-us/previous-versions/" data-bi-name="archivelink" class=" external-link-indicator" id="" title="" >Previous Versions</a > </li> <li> <a data-mscc-ic="false" href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog" data-bi-name="bloglink" class=" external-link-indicator" id="" title="" >Blog</a > </li> <li> <a data-mscc-ic="false" href="https://learn.microsoft.com/en-us/contribute" data-bi-name="contributorGuide" class=" external-link-indicator" id="" title="" >Contribute</a > </li><li> <a data-mscc-ic="false" href="https://go.microsoft.com/fwlink/?LinkId=521839" data-bi-name="privacy" class=" external-link-indicator" id="" title="" >Privacy</a > </li><li> <a data-mscc-ic="false" href="https://learn.microsoft.com/en-us/legal/termsofuse" data-bi-name="termsofuse" class=" external-link-indicator" id="" title="" >Terms of Use</a > </li><li> <a data-mscc-ic="false" href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/" data-bi-name="trademarks" class=" external-link-indicator" id="" title="" >Trademarks</a > </li> <li>© Microsoft 2025</li> </ul> </footer> </footer> </body> </html>
