CINXE.COM
Get started with Java on Azure - Training | Microsoft Learn
<!DOCTYPE html><html class=" is-full hasPageActions hasBreadcrumb learningpath has-default-focus theme-light" lang="en-us" dir="ltr" data-authenticated="false" data-auth-status-determined="false" data-target="docs" x-ms-format-detection="none"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:title" content="Get started with Java on Azure - Training" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://learn.microsoft.com/en-us/training/paths/get-started-java-azure/" /><meta property="og:description" content="Start here and learn how you can build, migrate and scale Java applications on Azure using Azure services. Use tools and frameworks that you know and love – Spring, Tomcat, WildFly, JBoss, WebLogic, WebSphere, Maven, Gradle, IntelliJ, Eclipse, Jenkins, Terraform and more." /><meta property="og:image" content="https://learn.microsoft.com/training/achievements/get-started-java-azure-social.png" /> <meta property="og:image:alt" content="Get started with Java on Azure - Training | Microsoft Learn" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@MicrosoftLearn" /> <meta name="color-scheme" content="light dark"><meta name="author" content="bmitchell287" /> <meta name="breadcrumb_path" content="/learn/breadcrumb/toc.json" /> <meta name="clicktale" content="true" /> <meta name="depot_name" content="Docs.learn-pr" /> <meta name="description" content="Start here and learn how you can build, migrate and scale Java applications on Azure using Azure services. Use tools and frameworks that you know and love – Spring, Tomcat, WildFly, JBoss, WebLogic, WebSphere, Maven, Gradle, IntelliJ, Eclipse, Jenkins, Terraform and more." /> <meta name="document_id" content="6d9ac54f-9a5f-0eef-368a-068b45adcd11" /> <meta name="document_version_independent_id" content="6d9ac54f-9a5f-0eef-368a-068b45adcd11" /> <meta name="feedback_help_link_type" content="" /> <meta name="feedback_help_link_url" content="" /> <meta name="feedback_product_url" content="" /> <meta name="feedback_system" content="Standard" /> <meta name="git_commit_id" content="75adc24176376508bde321870afe27af0f65d2b8" /> <meta name="gitcommit" content="https://github.com/MicrosoftDocs/learn-pr/blob/75adc24176376508bde321870afe27af0f65d2b8/learn-pr/paths/get-started-java-azure/index.yml" /> <meta name="locale" content="en-us" /> <meta name="ms.author" content="brendm" /> <meta name="ms.date" content="11/29/2021" /> <meta name="ms.topic" content="learning-path" /> <meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/learn-pr/blob/live/learn-pr/paths/get-started-java-azure/index.yml" /> <meta name="page_kind" content="path" /> <meta name="page_type" content="learn" /> <meta name="schema" content="LearningPath" /> <meta name="site_name" content="Docs" /> <meta name="uhfHeaderId" content="MSDocsHeader-Learn" /> <meta name="uid" content="learn.get-started-java-azure" /> <meta name="updated_at" content="2024-03-08 05:54 PM" /> <meta name="persistent_id" content="d6df10ae-b5c4-e4f2-a0a3-6fca1948a98e" /> <meta name="cmProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/68ec7f3a-2bc6-459f-b959-19beb729907d" data-source="generated" /> <meta name="spProducts" content="https://authoring-docs-microsoft.poolparty.biz/devrel/90370425-aca4-4a39-9533-d52e5e002a5d" data-source="generated" /> <meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/learn/blob/main/learn-pr/paths/get-started-java-azure/index.yml" /><link href="https://learn.microsoft.com/en-us/training/paths/get-started-java-azure/" rel="canonical"><title>Get started with Java on Azure - Training | Microsoft Learn</title><link rel="stylesheet" href="/static/assets/0.4.028726178/styles/site-ltr.css"> <script id="msdocs-script"> var msDocs = {environment: { supportLevel: 'production', accessLevel: 'online', reviewFeatures: false, systemContent: true, azurePortalHostname: 'portal.azure.com', legacyHosting: false, siteName: 'learn', },data: { timeOrigin: Date.now(), contentLocale: 'en-us', contentDir: 'ltr', userLocale: 'en-us', userDir: 'ltr', pageTemplate: 'LearningPath', brand: '', context: {}, hasBinaryRating: false, feedbackHelpLinkType:'', feedbackHelpLinkUrl:'', standardFeedback: false, showFeedbackReport: false, enableTutorialFeedback: false, feedbackSystem: 'Standard', feedbackGitHubRepo: '', feedbackProductUrl: '',extendBreadcrumb: false,isEditDisplayable: false, hideViewSource: false, hasPageActions: true, hasPrintButton: false, hasBookmark: false, hasShare: false, isPermissioned: false, isPrivateUnauthorized: false,hasRecommendations: false,contributors: [{ name: "rmcmurray", url: "https://github.com/rmcmurray" },{ name: "SandraAhlgrimm", url: "https://github.com/SandraAhlgrimm" },{ name: "agoncal", url: "https://github.com/agoncal" },{ name: "RoseHJM", url: "https://github.com/RoseHJM" },{ name: "alexbuckgit", url: "https://github.com/alexbuckgit" },{ name: "nickwalkmsft", url: "https://github.com/nickwalkmsft" }],}, functions:{} }; </script><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="/static/assets/0.4.028726178/global/deprecation.js"></script><script src="/static/assets/0.4.028726178/scripts/en-us/index-learner-experience.js"></script></head> <body lang="en-us" dir="ltr"> <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 has-body-background" tabindex="1">Skip to main content</a><div hidden id="cookie-consent-holder" data-test-id="cookie-consent-container"></div> <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> <!-- liquid-tag banners global --> <!-- 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><div id="content-header" class="content-header uhf-container has-padding has-default-focus border-bottom-none" data-bi-name="content-header"> <div class="content-header-controls margin-xxs margin-inline-sm-tablet"> <button type="button" class="contents-button button button-sm margin-right-xxs" data-bi-name="contents-expand" aria-haspopup="true" data-contents-button> <span class="icon"><span class="docon docon-menu" aria-hidden="true"></span></span> <span class="contents-expand-title">Table of contents</span> </button> <button type="button" class="ap-collapse-behavior ap-expanded button button-sm" data-bi-name="ap-collapse" aria-controls="action-panel"> <span class="icon"><span class="docon docon-exit-mode" aria-hidden="true"></span></span> <span>Exit focus mode</span> </button> </div> </div><div id="disclaimer-holder" class="has-overflow-hidden has-default-focus"> <!-- liquid-tag banners sectional --> </div> </div> <div class="mainContainer uhf-container has-body-background-dark uhf-container is-full has-default-focus" data-bi-name="body"> <div class="columns has-large-gaps is-gapless-mobile is-gapless"><!-- .primary-holder --> <section class="primary-holder column "> <!--div.columns --> <div class="columns is-gapless-mobile has-large-gaps is-gapless"><div id="main-column" class="column "> <main id="main" class="" role="main" data-bi-name="content" lang="en-us" dir="ltr"><!-- article-header --> <div id="article-header" class="background-color-body display-none-print"> <div class="display-flex align-items-center uhf-container"><details id="article-header-breadcrumbs-overflow-popover" class="popover" data-for="article-header-breadcrumbs"> <summary class="button button-clear button-primary button-sm inner-focus" aria-label="All breadcrumbs"> <span class="icon"> <span class="docon docon-more"></span> </span> </summary> <div id="article-header-breadcrumbs-overflow" class="popover-content padding-none"> </div> </details> <bread-crumbs id="article-header-breadcrumbs" data-test-id="article-header-breadcrumbs" class="overflow-hidden flex-grow-1 margin-right-sm margin-right-md-tablet margin-right-lg-desktop margin-left-negative-xxs padding-left-xxs"></bread-crumbs><div id="article-header-page-actions" class="opacity-none margin-left-auto display-flex flex-wrap-no-wrap align-items-stretch"><a id="lang-link-tablet" class="button button-primary button-clear button-sm display-none display-inline-flex-tablet" title="Read in English" data-bi-name="language-toggle" data-read-in-link hidden> <span class="icon margin-none" aria-hidden="true" data-read-in-link-icon> <span class="docon docon-locale-globe"></span> </span> <span class="is-visually-hidden" data-read-in-link-text>Read in English</span> </a> <details class="popover popover-right" id="article-header-page-actions-overflow"> <summary class="justify-content-flex-start button button-clear button-sm button-primary" aria-label="More actions" title="More actions"> <span class="icon" aria-hidden="true"> <span class="docon docon-more-vertical"></span> </span> </summary> <div class="popover-content padding-xs"><a id="lang-link-overflow" class="justify-content-flex-start button-sm has-inner-focus button button-clear button-block display-none-tablet" title="Read in English" data-bi-name="language-toggle" data-page-action-item="overflow-mobile" data-check-hidden="true" data-read-in-link hidden > <span class="icon" aria-hidden="true" data-read-in-link-icon> <span class="docon docon-locale-globe"></span> </span> <span data-read-in-link-text>Read in English</span> </a> </div> </details> </div></div> </div> <!-- end article-header --><div> <button type="button" class="border contents-button button button-clear button-sm is-hidden-tablet has-inner-focus" data-bi-name="contents-expand" data-contents-button hidden> <span class="icon"> <span class="docon docon-editor-list-bullet" aria-hidden="true"></span> </span><span class="contents-expand-title">Table of contents</span></button> </div><!-- end mobile-contents button --> <div class=""><!-- <content> --><div class="has-body-background"> <div class="modular-content-container"> <div class="section is-small is-uniform padding-top-sm padding-top-lg-tablet padding-top-sm-desktop position-relative"> <div class="columns has-large-gaps margin-none"> <figure class="image is-112x112-desktop is-96x96 margin-bottom-sm"> <img role="presentation" src="/en-us/training/achievements/get-started-java-azure.svg" alt="" data-linktype="absolute-path"> </figure> <div class="column padding-none padding-sm-tablet position-relative-tablet"> <div data-progress-uid="learn.get-started-java-azure" class="xp-tag is-hidden position-absolute top-0 margin-top-xs margin-top-sm-tablet margin-top-none-desktop right-0 margin-right-sm margin-right-lg-tablet"> <div class="xp-tag-hexagon"> <span class="xp-tag-icon is-shown-complete docon docon-check"></span> <span aria-hidden="true" class="xp-tag-xp"></span> </div> </div> <div class="columns is-mobile is-gapless margin-bottom-none"> <div class="column is-auto heading-container"> <h1 class="title is-2 margin-none margin-right-xxl-tablet">Get started with Java on Azure</h1> <ul class="metadata page-metadata"> <li id="time-remaining"></li> <li> Learning Path </li> <li id="modules-remaining"> 9 Modules </li> </ul> </div> </div> <div class="font-size-sm tags margin-block-xxs is-hidden-portrait"> <div class="tag font-size-xs"> Beginner </div> <div class="tag font-size-xs"> Intermediate </div> <div class="tag font-size-xs"> Advanced </div> <div class="tag font-size-xs"> Developer </div> <div class="tag font-size-xs"> DevOps Engineer </div> <div class="tag font-size-xs"> App Maker </div> <div class="tag font-size-xs"> Solution Architect </div> <div class="tag font-size-xs"> Student </div> <div class="tag font-size-xs"> Technology Manager </div> <div class="tag font-size-xs"> Azure </div> <div class="tag font-size-xs"> Microsoft Entra ID </div> <div class="tag font-size-xs"> Azure App Service </div> <div class="tag font-size-xs"> Azure Cache for Redis </div> <div class="tag font-size-xs"> Azure CLIs </div> <div class="tag font-size-xs"> Azure Cosmos DB </div> <div class="tag font-size-xs"> Azure Database for MySQL </div> <div class="tag font-size-xs"> Azure Spring Apps </div> <div class="tag font-size-xs"> Microsoft Authentication Library for Java </div> <div class="tag font-size-xs"> Azure Service Bus </div> </div> <div class="learn-summary font-size-md content"><p>Start here and learn how you can build, migrate and scale Java applications on Azure using Azure services. Use tools and frameworks that you know and love – Spring, Tomcat, WildFly, JBoss, WebLogic, WebSphere, Maven, Gradle, IntelliJ, Eclipse, Jenkins, Terraform and more.</p> <p>Java on Azure learning paths:</p> <section class="row"> <div class="column"> <p><img src="/en-us/training/achievements/get-started-java-azure.svg" width="101" alt="The trophy for the get started with Java on Azure learning path." role="presentation" data-linktype="absolute-path"></p> <p>Get started with Java on Azure</p> </div> <div class="column"> <p><img src="/en-us/training/achievements/expand-capabilities-java-azure.svg" width="101" alt="The trophy to expand the capabilities for Java apps on Azure learning path." role="presentation" data-linktype="absolute-path"></p> <p><a href="../expand-capabilities-java-azure/" data-linktype="relative-path">Expand the capabilities for Java apps on Azure</a></p> </div> <div class="column"> <p><img src="/en-us/training/achievements/best-practices-java-azure.svg" width="101" alt="The trophy for the best practices for Java apps on Azure learning path." role="presentation" data-linktype="absolute-path"></p> <p><a href="../best-practices-java-azure/" data-linktype="relative-path">Best practices for Java apps on Azure</a></p> </div> </section> </div> <div class="prerequisites font-size-sm content margin-bottom-xs"> <h2 class="title is-6 margin-top-xxs margin-bottom-none">Prerequisites</h2> <ul> <li>An Azure subscription</li> <li>Local installations of <a href="https://adoptopenjdk.net/releases.html?variant=openjdk8&jvmVariant=hotspot/" data-linktype="external">Java JDK (8+)</a>, <a href="https://maven.apache.org/download.cgi" data-linktype="external">Maven (3+)</a> and <a href="/en-us/cli/azure/install-azure-cli" data-linktype="absolute-path">Azure CLI (2.12+)</a></li> </ul> </div> <div id="learning-path-actions" class="buttons"> <button type="button" class="collection button button-clear has-inner-focus margin-right-none" data-bi-name="collection" data-list-item-title="Get started with Java on Azure" data-list-source="learning-path" data-resource-type="learning path" data-list-type="collection"> <span class="icon has-text-primary" aria-hidden="true"> <span class="docon docon-circle-addition"></span> </span> <span class="add-to-collection-status"> Save </span> </button> </div> <div id="learning-path-further-engagement" hidden=""></div> <div id="partner-and-code-container" class="text-align-center padding-block-md background-color-secondary-light" hidden=""> <div id="request-code-achievement-container" hidden=""> <p class="margin-bottom-xxs"><strong>Achievement Code</strong></p> <p class="margin-bottom-xs">Would you like to request an achievement code?</p> <button class="button button-clear button-sm border" data-bi-name="request-achievement-code" data-show-modal="">Request achievement code</button> </div> </div> </div> </div> </div> </div> </div> <div class="modular-content-container"> <div class="section is-small is-uniform padding-none padding-block-lg-tablet padding-inline-sm-tablet padding-sm-desktop has-body-background-mobile"> <h2 class="title is-5 padding-left-sm padding-left-none-tablet">Modules in this learning path</h2> <div id="learn.azure.intro-to-java-azure" class="box margin-none margin-bottom-sm-tablet padding-none is-shadowless-mobile border-top position-relative" data-bi-name="module"> <div class="padding-sm padding-bottom-none-tablet"> <div data-progress-uid="learn.azure.intro-to-java-azure" class="xp-tag is-hidden position-absolute top-0 margin-top-lg-tablet margin-top-xs right-0 margin-right-lg-tablet margin-right-sm"> <div class="xp-tag-hexagon"> <span class="xp-tag-icon is-shown-complete docon docon-check"></span> <span aria-hidden="true" class="xp-tag-xp"></span> </div> </div> <div class="columns has-large-gaps margin-none"> <div class="image is-96x96 is-hidden-mobile"> <a aria-hidden="true" tabindex="-1" href="../../modules/intro-to-java-azure/" class="display-block" data-linktype="relative-path"> <img role="presentation" src="/en-us/training/achievements/intro-to-java-azure.svg" alt="" data-linktype="absolute-path"> </a> </div> <div class="column is-auto padding-none padding-top-sm padding-sm-tablet"> <div class="columns has-large-gaps is-mobile margin-none padding-bottom-xs"> <div class="column is-narrow is-hidden-tablet padding-top-none padding-left-none"> <div class="image is-max-48x48"> <img role="presentation" src="/en-us/training/achievements/intro-to-java-azure.svg" alt="" data-linktype="absolute-path"> </div> </div> <div class="column is-auto padding-none"> <a href="../../modules/intro-to-java-azure/" class="display-block text-decoration-none font-weight-semibold font-size-h6 margin-none has-content-margin-right-xxl-tablet" data-linktype="relative-path"> Introduction to Java on Azure </a> <ul class="metadata page-metadata"> <li class="module-time-remaining"></li> <li class="module-type"></li> <li class="module-units-remaining"></li> </ul> <div class="page-rating"> </div> </div> </div> <div class="is-hidden-portrait padding-inline-sm padding-inline-none-tablet"> <div class="font-size-md module-summary"><p>In this module, we discuss Java's various frameworks and architectures. We then give an overview of typical deployment offers for your Java solutions on Azure.</p> </div> <div data-bi-name="units"> <button class="button button-clear text-decoration-none button-sm unit-expander" data-bi-name="expander" aria-expanded="true" aria-controls="aria-learn.azure.intro-to-java-azure" aria-label=""> <span class="module-overview font-weight-semibold font-size-sm"></span> <span class="icon" aria-hidden="true"> <span class="docon docon-chevron-down-light expanded-indicator"></span> </span> </button> <div id="aria-learn.azure.intro-to-java-azure" class="module-units"> </div> </div> </div> </div> </div> </div> <div class="border-top padding-xxs padding-right-xs"> <div class="buttons buttons-right"> <button type="button" class="collection button button-clear button-primary has-inner-focus button-sm margin-right-none" data-bi-name="collection" data-list-item-title="Introduction to Java on Azure" data-list-item-url=" " data-list-type="collection"> <span class="icon" aria-hidden="true"> <span class="docon docon-circle-addition"></span> </span> </button> </div> </div> </div> <div id="learn.java-target-destinations" class="box margin-none margin-bottom-sm-tablet padding-none is-shadowless-mobile border-top position-relative" data-bi-name="module"> <div class="padding-sm padding-bottom-none-tablet"> <div data-progress-uid="learn.java-target-destinations" class="xp-tag is-hidden position-absolute top-0 margin-top-lg-tablet margin-top-xs right-0 margin-right-lg-tablet margin-right-sm"> <div class="xp-tag-hexagon"> <span class="xp-tag-icon is-shown-complete docon docon-check"></span> <span aria-hidden="true" class="xp-tag-xp"></span> </div> </div> <div class="columns has-large-gaps margin-none"> <div class="image is-96x96 is-hidden-mobile"> <a aria-hidden="true" tabindex="-1" href="../../modules/java-target-destinations/" class="display-block" data-linktype="relative-path"> <img role="presentation" src="/en-us/training/achievements/java-target-destinations.svg" alt="" data-linktype="absolute-path"> </a> </div> <div class="column is-auto padding-none padding-top-sm padding-sm-tablet"> <div class="columns has-large-gaps is-mobile margin-none padding-bottom-xs"> <div class="column is-narrow is-hidden-tablet padding-top-none padding-left-none"> <div class="image is-max-48x48"> <img role="presentation" src="/en-us/training/achievements/java-target-destinations.svg" alt="" data-linktype="absolute-path"> </div> </div> <div class="column is-auto padding-none"> <a href="../../modules/java-target-destinations/" class="display-block text-decoration-none font-weight-semibold font-size-h6 margin-none has-content-margin-right-xxl-tablet" data-linktype="relative-path"> Choose the right Azure service for deploying your Java application </a> <ul class="metadata page-metadata"> <li class="module-time-remaining"></li> <li class="module-type"></li> <li class="module-units-remaining"></li> </ul> <div class="page-rating"> </div> </div> </div> <div class="is-hidden-portrait padding-inline-sm padding-inline-none-tablet"> <div class="font-size-md module-summary"><p>Explore the service options for deploying Java applications to Azure, and choose the one that best addresses your team's needs.</p> </div> <div data-bi-name="units"> <button class="button button-clear text-decoration-none button-sm unit-expander" data-bi-name="expander" aria-expanded="true" aria-controls="aria-learn.java-target-destinations" aria-label=""> <span class="module-overview font-weight-semibold font-size-sm"></span> <span class="icon" aria-hidden="true"> <span class="docon docon-chevron-down-light expanded-indicator"></span> </span> </button> <div id="aria-learn.java-target-destinations" class="module-units"> </div> </div> </div> </div> </div> </div> <div class="border-top padding-xxs padding-right-xs"> <div class="buttons buttons-right"> <button type="button" class="collection button button-clear button-primary has-inner-focus button-sm margin-right-none" data-bi-name="collection" data-list-item-title="Choose the right Azure service for deploying your Java application" data-list-item-url=" " data-list-type="collection"> <span class="icon" aria-hidden="true"> <span class="docon docon-circle-addition"></span> </span> </button> </div> </div> </div> <div id="learn.azure.deploy-java-spring-boot-app-service-mysql" class="box margin-none margin-bottom-sm-tablet padding-none is-shadowless-mobile border-top position-relative" data-bi-name="module"> <div class="padding-sm padding-bottom-none-tablet"> <div data-progress-uid="learn.azure.deploy-java-spring-boot-app-service-mysql" class="xp-tag is-hidden position-absolute top-0 margin-top-lg-tablet margin-top-xs right-0 margin-right-lg-tablet margin-right-sm"> <div class="xp-tag-hexagon"> <span class="xp-tag-icon is-shown-complete docon docon-check"></span> <span aria-hidden="true" class="xp-tag-xp"></span> </div> </div> <div class="columns has-large-gaps margin-none"> <div class="image is-96x96 is-hidden-mobile"> <a aria-hidden="true" tabindex="-1" href="../../modules/deploy-java-spring-boot-app-service-mysql/" class="display-block" data-linktype="relative-path"> <img role="presentation" src="/en-us/training/achievements/deploy-java-spring-boot-app-service-mysql.svg" alt="" data-linktype="absolute-path"> </a> </div> <div class="column is-auto padding-none padding-top-sm padding-sm-tablet"> <div class="columns has-large-gaps is-mobile margin-none padding-bottom-xs"> <div class="column is-narrow is-hidden-tablet padding-top-none padding-left-none"> <div class="image is-max-48x48"> <img role="presentation" src="/en-us/training/achievements/deploy-java-spring-boot-app-service-mysql.svg" alt="" data-linktype="absolute-path"> </div> </div> <div class="column is-auto padding-none"> <a href="../../modules/deploy-java-spring-boot-app-service-mysql/" class="display-block text-decoration-none font-weight-semibold font-size-h6 margin-none has-content-margin-right-xxl-tablet" data-linktype="relative-path"> Deploy a Spring Boot app to Azure App Service </a> <ul class="metadata page-metadata"> <li class="module-time-remaining"></li> <li class="module-type"></li> <li class="module-units-remaining"></li> </ul> <div class="page-rating"> </div> </div> </div> <div class="is-hidden-portrait padding-inline-sm padding-inline-none-tablet"> <div class="font-size-md module-summary"><p>Create a Spring Boot application, connect it to a MySQL database, and then deploy to Azure App Service.</p> </div> <div data-bi-name="units"> <button class="button button-clear text-decoration-none button-sm unit-expander" data-bi-name="expander" aria-expanded="true" aria-controls="aria-learn.azure.deploy-java-spring-boot-app-service-mysql" aria-label=""> <span class="module-overview font-weight-semibold font-size-sm"></span> <span class="icon" aria-hidden="true"> <span class="docon docon-chevron-down-light expanded-indicator"></span> </span> </button> <div id="aria-learn.azure.deploy-java-spring-boot-app-service-mysql" class="module-units"> </div> </div> </div> </div> </div> </div> <div class="border-top padding-xxs padding-right-xs"> <div class="buttons buttons-right"> <button type="button" class="collection button button-clear button-primary has-inner-focus button-sm margin-right-none" data-bi-name="collection" data-list-item-title="Deploy a Spring Boot app to Azure App Service" data-list-item-url=" " data-list-type="collection"> <span class="icon" aria-hidden="true"> <span class="docon docon-circle-addition"></span> </span> </button> </div> </div> </div> <div id="learn.azure.deploy-java-quarkus-azure-container-app-postgres" class="box margin-none margin-bottom-sm-tablet padding-none is-shadowless-mobile border-top position-relative" data-bi-name="module"> <div class="padding-sm padding-bottom-none-tablet"> <div data-progress-uid="learn.azure.deploy-java-quarkus-azure-container-app-postgres" class="xp-tag is-hidden position-absolute top-0 margin-top-lg-tablet margin-top-xs right-0 margin-right-lg-tablet margin-right-sm"> <div class="xp-tag-hexagon"> <span class="xp-tag-icon is-shown-complete docon docon-check"></span> <span aria-hidden="true" class="xp-tag-xp"></span> </div> </div> <div class="columns has-large-gaps margin-none"> <div class="image is-96x96 is-hidden-mobile"> <a aria-hidden="true" tabindex="-1" href="../../modules/deploy-java-quarkus-azure-container-app-postgres/" class="display-block" data-linktype="relative-path"> <img role="presentation" src="/en-us/training/achievements/generic-badge.svg" alt="" data-linktype="absolute-path"> </a> </div> <div class="column is-auto padding-none padding-top-sm padding-sm-tablet"> <div class="columns has-large-gaps is-mobile margin-none padding-bottom-xs"> <div class="column is-narrow is-hidden-tablet padding-top-none padding-left-none"> <div class="image is-max-48x48"> <img role="presentation" src="/en-us/training/achievements/generic-badge.svg" alt="" data-linktype="absolute-path"> </div> </div> <div class="column is-auto padding-none"> <a href="../../modules/deploy-java-quarkus-azure-container-app-postgres/" class="display-block text-decoration-none font-weight-semibold font-size-h6 margin-none has-content-margin-right-xxl-tablet" data-linktype="relative-path"> Deploy a Quarkus application to Azure Container Apps </a> <ul class="metadata page-metadata"> <li class="module-time-remaining"></li> <li class="module-type"></li> <li class="module-units-remaining"></li> </ul> <div class="page-rating"> </div> </div> </div> <div class="is-hidden-portrait padding-inline-sm padding-inline-none-tablet"> <div class="font-size-md module-summary"><p>Create a Quarkus application, connect it to a PostgreSQL database, and then deploy it to Azure Container Apps.</p> </div> <div data-bi-name="units"> <button class="button button-clear text-decoration-none button-sm unit-expander" data-bi-name="expander" aria-expanded="true" aria-controls="aria-learn.azure.deploy-java-quarkus-azure-container-app-postgres" aria-label=""> <span class="module-overview font-weight-semibold font-size-sm"></span> <span class="icon" aria-hidden="true"> <span class="docon docon-chevron-down-light expanded-indicator"></span> </span> </button> <div id="aria-learn.azure.deploy-java-quarkus-azure-container-app-postgres" class="module-units"> </div> </div> </div> </div> </div> </div> <div class="border-top padding-xxs padding-right-xs"> <div class="buttons buttons-right"> <button type="button" class="collection button button-clear button-primary has-inner-focus button-sm margin-right-none" data-bi-name="collection" data-list-item-title="Deploy a Quarkus application to Azure Container Apps" data-list-item-url=" " data-list-type="collection"> <span class="icon" aria-hidden="true"> <span class="docon docon-circle-addition"></span> </span> </button> </div> </div> </div> <div id="learn.azure.build-webapp-java-tomcat" class="box margin-none margin-bottom-sm-tablet padding-none is-shadowless-mobile border-top position-relative" data-bi-name="module"> <div class="padding-sm padding-bottom-none-tablet"> <div data-progress-uid="learn.azure.build-webapp-java-tomcat" class="xp-tag is-hidden position-absolute top-0 margin-top-lg-tablet margin-top-xs right-0 margin-right-lg-tablet margin-right-sm"> <div class="xp-tag-hexagon"> <span class="xp-tag-icon is-shown-complete docon docon-check"></span> <span aria-hidden="true" class="xp-tag-xp"></span> </div> </div> <div class="columns has-large-gaps margin-none"> <div class="image is-96x96 is-hidden-mobile"> <a aria-hidden="true" tabindex="-1" href="../../modules/create-java-webapp-to-app-service-linux/" class="display-block" data-linktype="relative-path"> <img role="presentation" src="/en-us/training/achievements/build-webapp-java-tomcat.svg" alt="" data-linktype="absolute-path"> </a> </div> <div class="column is-auto padding-none padding-top-sm padding-sm-tablet"> <div class="columns has-large-gaps is-mobile margin-none padding-bottom-xs"> <div class="column is-narrow is-hidden-tablet padding-top-none padding-left-none"> <div class="image is-max-48x48"> <img role="presentation" src="/en-us/training/achievements/build-webapp-java-tomcat.svg" alt="" data-linktype="absolute-path"> </div> </div> <div class="column is-auto padding-none"> <a href="../../modules/create-java-webapp-to-app-service-linux/" class="display-block text-decoration-none font-weight-semibold font-size-h6 margin-none has-content-margin-right-xxl-tablet" data-linktype="relative-path"> Deploy a Java web app to Azure App Service </a> <ul class="metadata page-metadata"> <li class="module-time-remaining"></li> <li class="module-type"></li> <li class="module-units-remaining"></li> </ul> <div class="page-rating"> </div> </div> </div> <div class="is-hidden-portrait padding-inline-sm padding-inline-none-tablet"> <div class="font-size-md module-summary"><p>In this module, you'll look at practices to create and deploy a Java web application on Azure App Service.</p> </div> <div data-bi-name="units"> <button class="button button-clear text-decoration-none button-sm unit-expander" data-bi-name="expander" aria-expanded="true" aria-controls="aria-learn.azure.build-webapp-java-tomcat" aria-label=""> <span class="module-overview font-weight-semibold font-size-sm"></span> <span class="icon" aria-hidden="true"> <span class="docon docon-chevron-down-light expanded-indicator"></span> </span> </button> <div id="aria-learn.azure.build-webapp-java-tomcat" class="module-units"> </div> </div> </div> </div> </div> </div> <div class="border-top padding-xxs padding-right-xs"> <div class="buttons buttons-right"> <button type="button" class="collection button button-clear button-primary has-inner-focus button-sm margin-right-none" data-bi-name="collection" data-list-item-title="Deploy a Java web app to Azure App Service" data-list-item-url=" " data-list-type="collection"> <span class="icon" aria-hidden="true"> <span class="docon docon-circle-addition"></span> </span> </button> </div> </div> </div> <div id="learn.azure-spring-cloud-workshop" class="box margin-none margin-bottom-sm-tablet padding-none is-shadowless-mobile border-top position-relative" data-bi-name="module"> <div class="padding-sm padding-bottom-none-tablet"> <div data-progress-uid="learn.azure-spring-cloud-workshop" class="xp-tag is-hidden position-absolute top-0 margin-top-lg-tablet margin-top-xs right-0 margin-right-lg-tablet margin-right-sm"> <div class="xp-tag-hexagon"> <span class="xp-tag-icon is-shown-complete docon docon-check"></span> <span aria-hidden="true" class="xp-tag-xp"></span> </div> </div> <div class="columns has-large-gaps margin-none"> <div class="image is-96x96 is-hidden-mobile"> <a aria-hidden="true" tabindex="-1" href="../../modules/azure-spring-cloud-workshop/" class="display-block" data-linktype="relative-path"> <img role="presentation" src="/en-us/training/achievements/azure-spring-cloud-workshop.svg" alt="" data-linktype="absolute-path"> </a> </div> <div class="column is-auto padding-none padding-top-sm padding-sm-tablet"> <div class="columns has-large-gaps is-mobile margin-none padding-bottom-xs"> <div class="column is-narrow is-hidden-tablet padding-top-none padding-left-none"> <div class="image is-max-48x48"> <img role="presentation" src="/en-us/training/achievements/azure-spring-cloud-workshop.svg" alt="" data-linktype="absolute-path"> </div> </div> <div class="column is-auto padding-none"> <a href="../../modules/azure-spring-cloud-workshop/" class="display-block text-decoration-none font-weight-semibold font-size-h6 margin-none has-content-margin-right-xxl-tablet" data-linktype="relative-path"> Deploy Spring microservices to Azure </a> <ul class="metadata page-metadata"> <li class="module-time-remaining"></li> <li class="module-type"></li> <li class="module-units-remaining"></li> </ul> <div class="page-rating"> </div> </div> </div> <div class="is-hidden-portrait padding-inline-sm padding-inline-none-tablet"> <div class="font-size-md module-summary"><p>In this module, you'll go through tasks to deploy Spring Boot microservices to Azure Spring Apps (ASA). You can run this Microsoft Learn module with the <a href="https://aka.ms/costs-less" data-linktype="external">monthly free grant from Azure Spring Apps</a>.</p> </div> <div data-bi-name="units"> <button class="button button-clear text-decoration-none button-sm unit-expander" data-bi-name="expander" aria-expanded="true" aria-controls="aria-learn.azure-spring-cloud-workshop" aria-label=""> <span class="module-overview font-weight-semibold font-size-sm"></span> <span class="icon" aria-hidden="true"> <span class="docon docon-chevron-down-light expanded-indicator"></span> </span> </button> <div id="aria-learn.azure-spring-cloud-workshop" class="module-units"> </div> </div> </div> </div> </div> </div> <div class="border-top padding-xxs padding-right-xs"> <div class="buttons buttons-right"> <button type="button" class="collection button button-clear button-primary has-inner-focus button-sm margin-right-none" data-bi-name="collection" data-list-item-title="Deploy Spring microservices to Azure" data-list-item-url=" " data-list-type="collection"> <span class="icon" aria-hidden="true"> <span class="docon docon-circle-addition"></span> </span> </button> </div> </div> </div> <div id="learn.azure.deploy-event-driven-real-time" class="box margin-none margin-bottom-sm-tablet padding-none is-shadowless-mobile border-top position-relative" data-bi-name="module"> <div class="padding-sm padding-bottom-none-tablet"> <div data-progress-uid="learn.azure.deploy-event-driven-real-time" class="xp-tag is-hidden position-absolute top-0 margin-top-lg-tablet margin-top-xs right-0 margin-right-lg-tablet margin-right-sm"> <div class="xp-tag-hexagon"> <span class="xp-tag-icon is-shown-complete docon docon-check"></span> <span aria-hidden="true" class="xp-tag-xp"></span> </div> </div> <div class="columns has-large-gaps margin-none"> <div class="image is-96x96 is-hidden-mobile"> <a aria-hidden="true" tabindex="-1" href="../../modules/deploy-real-time-event-driven-app/" class="display-block" data-linktype="relative-path"> <img role="presentation" src="/en-us/training/achievements/deploy-event-driven-real-time.svg" alt="" data-linktype="absolute-path"> </a> </div> <div class="column is-auto padding-none padding-top-sm padding-sm-tablet"> <div class="columns has-large-gaps is-mobile margin-none padding-bottom-xs"> <div class="column is-narrow is-hidden-tablet padding-top-none padding-left-none"> <div class="image is-max-48x48"> <img role="presentation" src="/en-us/training/achievements/deploy-event-driven-real-time.svg" alt="" data-linktype="absolute-path"> </div> </div> <div class="column is-auto padding-none"> <a href="../../modules/deploy-real-time-event-driven-app/" class="display-block text-decoration-none font-weight-semibold font-size-h6 margin-none has-content-margin-right-xxl-tablet" data-linktype="relative-path"> Build a real-time event-driven Java solution in Azure </a> <ul class="metadata page-metadata"> <li class="module-time-remaining"></li> <li class="module-type"></li> <li class="module-units-remaining"></li> </ul> <div class="page-rating"> </div> </div> </div> <div class="is-hidden-portrait padding-inline-sm padding-inline-none-tablet"> <div class="font-size-md module-summary"><p>Send event-based telemetric data in real time to Azure Cosmos DB by using Azure Functions and an event hub.</p> </div> <div data-bi-name="units"> <button class="button button-clear text-decoration-none button-sm unit-expander" data-bi-name="expander" aria-expanded="true" aria-controls="aria-learn.azure.deploy-event-driven-real-time" aria-label=""> <span class="module-overview font-weight-semibold font-size-sm"></span> <span class="icon" aria-hidden="true"> <span class="docon docon-chevron-down-light expanded-indicator"></span> </span> </button> <div id="aria-learn.azure.deploy-event-driven-real-time" class="module-units"> </div> </div> </div> </div> </div> </div> <div class="border-top padding-xxs padding-right-xs"> <div class="buttons buttons-right"> <button type="button" class="collection button button-clear button-primary has-inner-focus button-sm margin-right-none" data-bi-name="collection" data-list-item-title="Build a real-time event-driven Java solution in Azure" data-list-item-url=" " data-list-type="collection"> <span class="icon" aria-hidden="true"> <span class="docon docon-circle-addition"></span> </span> </button> </div> </div> </div> <div id="learn.azure.deploy-java-ee-app-to-app-service" class="box margin-none margin-bottom-sm-tablet padding-none is-shadowless-mobile border-top position-relative" data-bi-name="module"> <div class="padding-sm padding-bottom-none-tablet"> <div data-progress-uid="learn.azure.deploy-java-ee-app-to-app-service" class="xp-tag is-hidden position-absolute top-0 margin-top-lg-tablet margin-top-xs right-0 margin-right-lg-tablet margin-right-sm"> <div class="xp-tag-hexagon"> <span class="xp-tag-icon is-shown-complete docon docon-check"></span> <span aria-hidden="true" class="xp-tag-xp"></span> </div> </div> <div class="columns has-large-gaps margin-none"> <div class="image is-96x96 is-hidden-mobile"> <a aria-hidden="true" tabindex="-1" href="../../modules/deploy-java-ee-app-to-jboss-app-service/" class="display-block" data-linktype="relative-path"> <img role="presentation" src="/en-us/training/achievements/deploy-java-ee-app-to-app-service.svg" alt="" data-linktype="absolute-path"> </a> </div> <div class="column is-auto padding-none padding-top-sm padding-sm-tablet"> <div class="columns has-large-gaps is-mobile margin-none padding-bottom-xs"> <div class="column is-narrow is-hidden-tablet padding-top-none padding-left-none"> <div class="image is-max-48x48"> <img role="presentation" src="/en-us/training/achievements/deploy-java-ee-app-to-app-service.svg" alt="" data-linktype="absolute-path"> </div> </div> <div class="column is-auto padding-none"> <a href="../../modules/deploy-java-ee-app-to-jboss-app-service/" class="display-block text-decoration-none font-weight-semibold font-size-h6 margin-none has-content-margin-right-xxl-tablet" data-linktype="relative-path"> Deploy a Java EE (Jakarta EE) application to Azure </a> <ul class="metadata page-metadata"> <li class="module-time-remaining"></li> <li class="module-type"></li> <li class="module-units-remaining"></li> </ul> <div class="page-rating"> </div> </div> </div> <div class="is-hidden-portrait padding-inline-sm padding-inline-none-tablet"> <div class="font-size-md module-summary"><p>Deploy a Java EE (Jakarta EE) application to JBoss EAP on Azure App Service and bind it to Azure Database for MySQL.</p> </div> <div data-bi-name="units"> <button class="button button-clear text-decoration-none button-sm unit-expander" data-bi-name="expander" aria-expanded="true" aria-controls="aria-learn.azure.deploy-java-ee-app-to-app-service" aria-label=""> <span class="module-overview font-weight-semibold font-size-sm"></span> <span class="icon" aria-hidden="true"> <span class="docon docon-chevron-down-light expanded-indicator"></span> </span> </button> <div id="aria-learn.azure.deploy-java-ee-app-to-app-service" class="module-units"> </div> </div> </div> </div> </div> </div> <div class="border-top padding-xxs padding-right-xs"> <div class="buttons buttons-right"> <button type="button" class="collection button button-clear button-primary has-inner-focus button-sm margin-right-none" data-bi-name="collection" data-list-item-title="Deploy a Java EE (Jakarta EE) application to Azure" data-list-item-url=" " data-list-type="collection"> <span class="icon" aria-hidden="true"> <span class="docon docon-circle-addition"></span> </span> </button> </div> </div> </div> <div id="learn.containerize-deploy-java-app-aks" class="box margin-none margin-bottom-sm-tablet padding-none is-shadowless-mobile border-top position-relative" data-bi-name="module"> <div class="padding-sm padding-bottom-none-tablet"> <div data-progress-uid="learn.containerize-deploy-java-app-aks" class="xp-tag is-hidden position-absolute top-0 margin-top-lg-tablet margin-top-xs right-0 margin-right-lg-tablet margin-right-sm"> <div class="xp-tag-hexagon"> <span class="xp-tag-icon is-shown-complete docon docon-check"></span> <span aria-hidden="true" class="xp-tag-xp"></span> </div> </div> <div class="columns has-large-gaps margin-none"> <div class="image is-96x96 is-hidden-mobile"> <a aria-hidden="true" tabindex="-1" href="../../modules/containerize-deploy-java-app-aks/" class="display-block" data-linktype="relative-path"> <img role="presentation" src="/en-us/training/achievements/containerize-deploy-java-app-aks.svg" alt="" data-linktype="absolute-path"> </a> </div> <div class="column is-auto padding-none padding-top-sm padding-sm-tablet"> <div class="columns has-large-gaps is-mobile margin-none padding-bottom-xs"> <div class="column is-narrow is-hidden-tablet padding-top-none padding-left-none"> <div class="image is-max-48x48"> <img role="presentation" src="/en-us/training/achievements/containerize-deploy-java-app-aks.svg" alt="" data-linktype="absolute-path"> </div> </div> <div class="column is-auto padding-none"> <a href="../../modules/containerize-deploy-java-app-aks/" class="display-block text-decoration-none font-weight-semibold font-size-h6 margin-none has-content-margin-right-xxl-tablet" data-linktype="relative-path"> Containerize and deploy a Java app to Azure </a> <ul class="metadata page-metadata"> <li class="module-time-remaining"></li> <li class="module-type"></li> <li class="module-units-remaining"></li> </ul> <div class="page-rating"> </div> </div> </div> <div class="is-hidden-portrait padding-inline-sm padding-inline-none-tablet"> <div class="font-size-md module-summary"><p>Containerize a Java app, push the container image to Azure Container Registry, and then deploy to Azure Kubernetes Service.</p> </div> <div data-bi-name="units"> <button class="button button-clear text-decoration-none button-sm unit-expander" data-bi-name="expander" aria-expanded="true" aria-controls="aria-learn.containerize-deploy-java-app-aks" aria-label=""> <span class="module-overview font-weight-semibold font-size-sm"></span> <span class="icon" aria-hidden="true"> <span class="docon docon-chevron-down-light expanded-indicator"></span> </span> </button> <div id="aria-learn.containerize-deploy-java-app-aks" class="module-units"> </div> </div> </div> </div> </div> </div> <div class="border-top padding-xxs padding-right-xs"> <div class="buttons buttons-right"> <button type="button" class="collection button button-clear button-primary has-inner-focus button-sm margin-right-none" data-bi-name="collection" data-list-item-title="Containerize and deploy a Java app to Azure" data-list-item-url=" " data-list-type="collection"> <span class="icon" aria-hidden="true"> <span class="docon docon-circle-addition"></span> </span> </button> </div> </div> </div> </div> </div> </div><div id="assertive-live-region" role="alert" aria-live="assertive" class="visually-hidden" aria-relevant="additions" aria-atomic="true"></div> <div id="polite-live-region" role="status" aria-live="polite" class="visually-hidden" aria-relevant="additions" aria-atomic="true"></div> <!-- </content> --> </main><!-- recommendations section --><!-- end recommendations section --> <!-- feedback section --><!-- end feedback section --> <!-- feedback report section --><!-- end feedback report section --><div class="border-top is-visible-interactive has-default-focus margin-top-sm margin-top-none"><footer id="footer-interactive" data-bi-name="footer" class="footer-layout"><div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop"><a data-mscc-ic="false" class="locale-selector-link button button-sm button-clear flex-shrink-0" href="#" data-bi-name="select-locale"> <span class="icon" aria-hidden="true"> <span class="docon docon-world"></span> </span> <span class="local-selector-link-text"></span></a><div class="ccpa-privacy-link" data-ccpa-privacy-link hidden> <a href="https://aka.ms/yourcaliforniaprivacychoices" class="button button-sm button-clear flex-shrink-0" data-mscc-ic="false" data-bi-name="your-privacy-choices" > <svg role="img" aria-label="California Consumer Privacy Act (CCPA) Opt-Out Icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve" height="16" width="43" focusable="false" > <title>California Consumer Privacy Act (CCPA) Opt-Out Icon</title> <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 class="dropdown-trigger button button-clear button-sm has-inner-focus theme-dropdown-trigger" aria-controls="theme-menu-interactive" 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="theme-menu-interactive" role="menu"> <ul class="theme-selector padding-xxs" role="none"> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" 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>Light</span> </button> </li> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" 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>Dark</span> </button> </li> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" 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>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 class="external-link-indicator" data-mscc-ic="false" href="/en-us/previous-versions/" data-bi-name="archivelink">Previous Versions</a></li> <li><a class="external-link-indicator" data-mscc-ic="false" href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog" data-bi-name="bloglink">Blog</a></li> <li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/contribute/" data-bi-name="contributorGuide">Contribute</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="https://go.microsoft.com/fwlink/?LinkId=521839" data-bi-name="privacy">Privacy</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/legal/termsofuse" data-bi-name="termsofuse">Terms of Use</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/" data-bi-name="trademarks">Trademarks</a></li><li>© Microsoft 2024</li> </ul> </footer></div><div class="is-mobile is-fixed-bottom is-hidden-tablet"> <a id="start-unit-mobile" class="button button-block button-primary button-filled button-large is-radiusless margin-none" data-bi-name="start" data-test-id="start-unit-button"> <span>Start</span> <span class="icon docon docon-chevron-right-light" aria-hidden="true"></span> </a> </div></div></div> <!--end of div.columns --> </section> <!--end of .primary-holder --> <!-- interactive container --> <aside id="interactive-container" class="interactive-container is-visible-interactive column has-body-background-dark "> </aside> <!-- end of interactive container --> </div> </div> <!--end of .mainContainer --> <section class="border-top has-default-focus is-hidden-interactive margin-top-sm margin-top-none"><footer id="footer" data-bi-name="footer" class="footer-layout uhf-container has-padding" role="contentinfo"><div class="display-flex gap-xs flex-wrap-wrap is-full-height padding-right-lg-desktop"><a data-mscc-ic="false" class="locale-selector-link button button-sm button-clear flex-shrink-0" href="#" data-bi-name="select-locale"> <span class="icon" aria-hidden="true"> <span class="docon docon-world"></span> </span> <span class="local-selector-link-text"></span></a><div class="ccpa-privacy-link" data-ccpa-privacy-link hidden> <a href="https://aka.ms/yourcaliforniaprivacychoices" class="button button-sm button-clear flex-shrink-0" data-mscc-ic="false" data-bi-name="your-privacy-choices" > <svg role="img" aria-label="California Consumer Privacy Act (CCPA) Opt-Out Icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" xml:space="preserve" height="16" width="43" focusable="false" > <title>California Consumer Privacy Act (CCPA) Opt-Out Icon</title> <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 class="dropdown-trigger button button-clear button-sm has-inner-focus theme-dropdown-trigger" aria-controls="theme-menu" 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="theme-menu" role="menu"> <ul class="theme-selector padding-xxs" role="none"> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" 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>Light</span> </button> </li> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" 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>Dark</span> </button> </li> <li class="theme display-block" role="menuitem"> <button class="button button-clear button-sm theme-control button-block justify-content-flex-start" 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>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 class="external-link-indicator" data-mscc-ic="false" href="/en-us/previous-versions/" data-bi-name="archivelink">Previous Versions</a></li> <li><a class="external-link-indicator" data-mscc-ic="false" href="https://techcommunity.microsoft.com/t5/microsoft-learn-blog/bg-p/MicrosoftLearnBlog" data-bi-name="bloglink">Blog</a></li> <li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/contribute/" data-bi-name="contributorGuide">Contribute</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="https://go.microsoft.com/fwlink/?LinkId=521839" data-bi-name="privacy">Privacy</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="/en-us/legal/termsofuse" data-bi-name="termsofuse">Terms of Use</a></li><li><a class="external-link-indicator" data-mscc-ic="false" href="https://www.microsoft.com/legal/intellectualproperty/Trademarks/" data-bi-name="trademarks">Trademarks</a></li><li>© Microsoft 2024</li> </ul> </footer> </section> <div id="action-panel" role="region" aria-label="Action Panel" class="action-panel has-default-focus" tabindex="-1"></div> </body> </html>