It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://channel9.msdn.com/rss.aspx

  1. <!DOCTYPE html><html
  2. class=" is-full  has-default-focus theme-light"
  3. lang="en-us"
  4. dir="ltr"
  5. data-authenticated="false"
  6. data-auth-status-determined="false"
  7. data-target="docs"
  8. x-ms-format-detection="none">
  9.  
  10. <head>
  11. <meta charset="utf-8" />
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  13. <meta property="og:title" content="Shows - Event & Video Content" />
  14. <meta property="og:type" content="website" />
  15. <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 property="og:image" content="https://learn.microsoft.com/en-us/media/open-graph-image.png" />
  16.  
  17. <meta property="og:image:alt" content="Microsoft Learn" />
  18.  
  19. <meta name="twitter:card" content="summary_large_image" />
  20.  
  21. <meta name="twitter:site" content="@MicrosoftLearn" />
  22.  
  23. <meta name="color-scheme" content="light dark"><meta name="author" content="markdefalco" />
  24. <meta name="breadcrumb_path" content="/shows/breadcrumb/toc.json" />
  25. <meta name="depot_name" content="MSDN.show" />
  26. <meta name="description" content="Browse thousands of hours of video content from Microsoft. On-demand video, certification prep, past Microsoft events, and recurring series." />
  27. <meta name="document_id" content="ac9158bc-b7b4-daf8-cdb8-30f6e25ab302" />
  28. <meta name="document_version_independent_id" content="ac9158bc-b7b4-daf8-cdb8-30f6e25ab302" />
  29. <meta name="feedback_help_link_type" content="" />
  30. <meta name="feedback_help_link_url" content="" />
  31. <meta name="feedback_product_url" content="" />
  32. <meta name="feedback_system" content="None" />
  33. <meta name="git_commit_id" content="d112a2b724811952853108144f8d84b8ac399caa" />
  34. <meta name="gitcommit" content="https://github.com/MicrosoftDocs/show-pr/blob/d112a2b724811952853108144f8d84b8ac399caa/shows/index.yml" />
  35. <meta name="locale" content="en-us" />
  36. <meta name="ms.date" content="11/01/2024" />
  37. <meta name="ms.service" content="learn" />
  38. <meta name="ms.topic" content="marketing-hub" />
  39. <meta name="original_content_git_url" content="https://github.com/MicrosoftDocs/show-pr/blob/live/shows/index.yml" />
  40. <meta name="page_type" content="marketing" />
  41. <meta name="schema" content="Marketing" />
  42. <meta name="site_name" content="Docs" />
  43. <meta name="uhfHeaderId" content="MSDocsHeader-Shows" />
  44. <meta name="updated_at" content="2024-11-04 11:33 PM" />
  45. <meta name="persistent_id" content="bcc7edfc-797b-bed7-8be2-a114c39f158a" />
  46. <meta name="github_feedback_content_git_url" content="https://github.com/MicrosoftDocs/show-pr/blob/live/shows/index.yml" /><link href="https://learn.microsoft.com/en-us/shows/" rel="canonical"><title>Shows - Event & Video Content | Microsoft Learn</title><link rel="stylesheet" href="/static/assets/0.4.028726178/styles/site-ltr.css">
  47.  
  48. <script id="msdocs-script">
  49. var msDocs = {environment: {
  50. supportLevel: 'production',
  51. accessLevel: 'online',
  52. reviewFeatures: false,
  53. systemContent: true,
  54. azurePortalHostname: 'portal.azure.com',
  55. legacyHosting: false,
  56. siteName: 'learn',
  57. },data: {
  58. timeOrigin: Date.now(),
  59. contentLocale: 'en-us',
  60. contentDir: 'ltr',
  61. userLocale: 'en-us',
  62. userDir: 'ltr',
  63. pageTemplate: 'Marketing',
  64. brand: '',
  65. context: {},
  66. hasBinaryRating: false,
  67. feedbackHelpLinkType:'',
  68. feedbackHelpLinkUrl:'',
  69. standardFeedback: false,
  70. showFeedbackReport: false,
  71. enableTutorialFeedback: false,
  72. feedbackSystem: 'None',
  73. feedbackGitHubRepo: '',
  74. feedbackProductUrl: '',extendBreadcrumb: true,isEditDisplayable: true,
  75. hideViewSource: false,
  76. hasPageActions: false,
  77. hasPrintButton: false,
  78. hasBookmark: true,
  79. hasShare: true,
  80. isPermissioned: false,
  81. isPrivateUnauthorized: 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" }],},
  82. functions:{}
  83. };
  84. </script><script src="https://wcpstatic.microsoft.com/mscc/lib/v2/wcp-consent.js"></script>
  85. <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-docs.js"></script></head>
  86.  
  87. <body lang="en-us" dir="ltr">
  88. <div class="header-holder has-default-focus">
  89. <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>
  90.  
  91. <div id="unsupported-browser" style="
  92. background-color: white;
  93. color: black;
  94. padding: 16px;
  95. border-bottom: 1px solid grey;"
  96. hidden
  97. >
  98. <div style="max-width: 800px; margin: 0 auto;">
  99. <p style="font-size: 24px">This browser is no longer supported.</p>
  100. <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>
  101. <div style="margin-top: 12px;">
  102. <a href="https://go.microsoft.com/fwlink/p/?LinkID=2092881 "
  103. style="
  104. background-color: #0078d4;
  105. border: 1px solid #0078d4;
  106. color: white;
  107. padding: 6px 12px;
  108. border-radius: 2px;
  109. display: inline-block;
  110. ">Download Microsoft Edge</a>
  111. <a href="https://learn.microsoft.com/en-us/lifecycle/faq/internet-explorer-microsoft-edge"
  112. style="
  113. background-color: white;
  114. padding: 6px 12px;
  115. border: 1px solid #505050;
  116. color: #171717;
  117. border-radius: 2px;
  118. display: inline-block;
  119. ">More info about Internet Explorer and Microsoft Edge</a>
  120. </div>
  121. </div>
  122. </div>
  123. <!-- liquid-tag banners global -->
  124.  
  125. <!-- site header -->
  126. <header id="ms--site-header" data-test-id="site-header-wrapper" role="banner" itemscope="itemscope" itemtype="http://schema.org/Organization">
  127. <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>
  128. <div id="ms--primary-nav" class="site-header display-none display-flex-tablet" data-bi-name="L1-header" data-test-id="primary-header"></div>
  129. <div id="ms--secondary-nav" class="site-header display-none display-flex-tablet" data-bi-name="L2-header" data-test-id="secondary-header"></div>
  130. </header><div id="disclaimer-holder" class="has-overflow-hidden has-default-focus">
  131. <!-- liquid-tag banners sectional -->
  132. </div>
  133. </div>
  134.  
  135. <div class="mainContainer  uhf-container is-full  has-default-focus" data-bi-name="body">
  136.  
  137. <div class="columns has-large-gaps is-gapless-mobile  is-gapless"><!-- .primary-holder -->
  138. <section class="primary-holder column ">
  139. <!--div.columns -->
  140. <div class="columns is-gapless-mobile has-large-gaps  is-gapless"><div id="main-column" class="column ">
  141.  
  142. <main id="main" class="" role="main" data-bi-name="content" lang="en-us" dir="ltr"><div>
  143. <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>
  144. <span class="icon">
  145. <span class="docon docon-editor-list-bullet" aria-hidden="true"></span>
  146. </span><span class="contents-expand-title">Table of contents</span></button>
  147. </div><!-- end mobile-contents button  -->
  148.  
  149. <div class=""><!-- <content> --><div id="Marketing" class="has-overflow-hidden">
  150. <div id="hero-product-section-0" class="hero hero-lg hero-image gradient-border-right gradient-border-body-accent background-color-body-accent  " style="
  151. --hero-background-image-light: url(/en-us/shows/media/hero_light.png?branch=main);
  152. --hero-background-image-dark: url(/en-us/shows/media/hero_dark.png?branch=main);
  153. ">
  154. <div class="hero-content">
  155.  
  156. <h1 id="shows" class="title is-1 is-responsive">Shows</h1>
  157.  
  158.  
  159. <p>Discover thousands of hours of fun, authentic, and informative original programming from Microsoft technical experts.</p>
  160.  
  161. <div class="buttons margin-top-md">
  162. <a href="/en-us/shows/browse" class="button button-clear border" data-linktype="absolute-path">Browse all shows and events</a>
  163. </div>
  164. </div>
  165. </div>
  166. <div id="cards-section-1" class="padding-block-lg">
  167. <div class="uhf-container">
  168. <h2 id="featured" class="title is-2 is-responsive">Featured</h2>
  169. <ul class="grid ">
  170. <li class="grid-item">
  171. <article class="media-card border-radius-lg position-relative " data-bi-name="card">
  172. <figure class="media-card-image">
  173. <img src="github-copilot-for-azure-6-must-try-features/media/6-must-try-banner.png" alt="" data-linktype="relative-path">
  174. </figure>
  175. <div class="media-card-content">
  176. <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>
  177. <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1">
  178. <p class="margin-bottom-xs flex-grow-1">
  179. 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.
  180. </p>
  181. </div>
  182. </div>
  183. </article>
  184. </li>
  185. <li class="grid-item">
  186. <article class="media-card border-radius-lg position-relative " data-bi-name="card">
  187. <figure class="media-card-image">
  188. <img src="generative-ai-with-javascript/media/lim-gjs-github-titlecard-banner.png" alt="" data-linktype="relative-path">
  189. </figure>
  190. <div class="media-card-content">
  191. <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>
  192. <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1">
  193. <p class="margin-bottom-xs flex-grow-1">
  194. 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!
  195. </p>
  196. </div>
  197. </div>
  198. </article>
  199. </li>
  200. </ul>
  201. </div>
  202. </div>
  203. <div id="cards-section-2" class="padding-block-lg">
  204. <div class="uhf-container">
  205. <h2 id="popular" class="title is-2 is-responsive">Popular</h2>
  206. <ul class="grid is-fibonacci">
  207. <li class="grid-item">
  208. <article class="media-card border-radius-lg position-relative " data-bi-name="card">
  209. <figure class="media-card-image">
  210. <img src="make-azure-ai-real/media/mair-106286-seriesbanner-2.png" alt="" data-linktype="relative-path">
  211. </figure>
  212. <div class="media-card-content">
  213. <a href="/en-us/shows/make-azure-ai-real" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Make Azure AI Real</a>
  214. <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1">
  215. <p class="margin-bottom-xs flex-grow-1">
  216. Microsoft Reactor's Make Azure AI Real series is a collection of AI videos that are focused on AI technical content from experts at Microsoft. You will learn how to use Microsoft AI tools and services, such as Azure Cognitive Services, Azure OpenAI Service, and more. You will also get insights into the latest AI trends and best practices from Microsoft AI experts. Join us for this exciting series and discover how to make AI real for your projects and goals.
  217. </p>
  218. </div>
  219. </div>
  220. </article>
  221. </li>
  222. <li class="grid-item">
  223. <article class="media-card border-radius-lg position-relative " data-bi-name="card">
  224. <figure class="media-card-image">
  225. <img src="azure-ai-content-safety/media/aacs-showpage.png" alt="" data-linktype="relative-path">
  226. </figure>
  227. <div class="media-card-content">
  228. <a href="/en-us/shows/azure-ai-content-safety" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Azure AI Content Safety</a>
  229. <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1">
  230. <p class="margin-bottom-xs flex-grow-1">
  231. Azure AI Content Safety service detects harmful user-generated and AI-generated content in applications and services. It includes text and image APIs that allow you to detect harmful or inappropriate material.
  232. </p>
  233. </div>
  234. </div>
  235. </article>
  236. </li>
  237. <li class="grid-item">
  238. <article class="media-card border-radius-lg position-relative " data-bi-name="card">
  239. <figure class="media-card-image">
  240. <img src="microsoft-copilot-for-security-flight-school/media/lim-116393-secflight-banner.png" alt="" data-linktype="relative-path">
  241. </figure>
  242. <div class="media-card-content">
  243. <a href="/en-us/shows/microsoft-copilot-for-security-flight-school" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Microsoft Copilot for Security Flight School</a>
  244. <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1">
  245. <p class="margin-bottom-xs flex-grow-1">
  246. Microsoft Copilot for Security is the first generative AI Security product that empowers security and IT teams to protect at the speed and scale of AI. Learn what generative AI is and how to use Copilot to quickly analyze and mitigate threats using natural language.
  247. </p>
  248. </div>
  249. </div>
  250. </article>
  251. </li>
  252. <li class="grid-item">
  253. <article class="media-card border-radius-lg position-relative " data-bi-name="card">
  254. <figure class="media-card-image">
  255. <img src="mr-maedas-cozy-ai-kitchen/media/caik-banner-1920.png" alt="" data-linktype="relative-path">
  256. </figure>
  257. <div class="media-card-content">
  258. <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>
  259. <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1">
  260. <p class="margin-bottom-xs flex-grow-1">
  261. 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. Find new episodes here and at the official Microsoft Developers YouTube channel.
  262. </p>
  263. </div>
  264. </div>
  265. </article>
  266. </li>
  267. </ul>
  268. </div>
  269. </div>
  270. <div id="cards-section-3" class="padding-block-lg">
  271. <div class="uhf-container">
  272. <h2 id="beginners-and-limited-series" class="title is-2 is-responsive">Beginner's and Limited series</h2>
  273. <ul class="grid is-fibonacci">
  274. <li class="grid-item">
  275. <article class="media-card border-radius-lg position-relative " data-bi-name="card">
  276. <figure class="media-card-image">
  277. <img src="github-copilot-series/media/githubcopilotseries-banner2.png" alt="" data-linktype="relative-path">
  278. </figure>
  279. <div class="media-card-content">
  280. <a href="/en-us/shows/github-copilot-series" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">GitHub Copilot Series</a>
  281. <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1">
  282. <p class="margin-bottom-xs flex-grow-1">
  283. Watch this series to see how GitHub Copilot can assist you and speed up your productivity across a variety of programming languages and projects.
  284. </p>
  285. </div>
  286. </div>
  287. </article>
  288. </li>
  289. <li class="grid-item">
  290. <article class="media-card border-radius-lg position-relative " data-bi-name="card">
  291. <figure class="media-card-image">
  292. <img src="microsoft-copilot-in-azure/media/microsoftcopilotinazureseriesbanner.png" alt="" data-linktype="relative-path">
  293. </figure>
  294. <div class="media-card-content">
  295. <a href="/en-us/shows/microsoft-copilot-in-azure" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Microsoft Copilot in Azure</a>
  296. <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1">
  297. <p class="margin-bottom-xs flex-grow-1">
  298. This series showcases how Microsoft Copilot integrates with various Azure services to assist IT / Ops professionals in their daily hybrid management tasks. The videos will cover topics such as Access Management, Inline YAML Editing, Data Collection and Feedback, and more. Each episodes will provide practical examples and insights into leveraging Copilot for efficient and effective operations management.
  299. </p>
  300. </div>
  301. </div>
  302. </article>
  303. </li>
  304. <li class="grid-item">
  305. <article class="media-card border-radius-lg position-relative " data-bi-name="card">
  306. <figure class="media-card-image">
  307. <img src="generative-ai-for-beginners/media/beg-genai-series title card.png" alt="" data-linktype="relative-path">
  308. </figure>
  309. <div class="media-card-content">
  310. <a href="/en-us/shows/generative-ai-for-beginners" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Generative AI for Beginners</a>
  311. <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1">
  312. <p class="margin-bottom-xs flex-grow-1">
  313. Learn the fundamentals of building Generative AI applications with our 18-lesson comprehensive course by Microsoft Cloud Advocates.
  314. </p>
  315. </div>
  316. </div>
  317. </article>
  318. </li>
  319. <li class="grid-item">
  320. <article class="media-card border-radius-lg position-relative " data-bi-name="card">
  321. <figure class="media-card-image">
  322. <img src="azure-ai-language-services/media/lim-102819-att_ailang_banner-1920.jpg" alt="" data-linktype="relative-path">
  323. </figure>
  324. <div class="media-card-content">
  325. <a href="/en-us/shows/azure-ai-language-services" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Azure AI Language Services</a>
  326. <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1">
  327. <p class="margin-bottom-xs flex-grow-1">
  328. Azure AI Language is where developers will learn new ways of analyzing languages in their apps using the latest advances in AI, including generative AI technologies. Get the inside scoop and join us as we demonstrate features, announce new capabilities, and show you how you can embed next-gen language AI into your apps.
  329. </p>
  330. </div>
  331. </div>
  332. </article>
  333. </li>
  334. </ul>
  335. </div>
  336. </div>
  337. <div id="cards-section-4" class="padding-block-lg">
  338. <div class="uhf-container">
  339. <h2 id="events" class="title is-2 is-responsive">Events</h2>
  340. <ul class="grid is-fibonacci">
  341. <li class="grid-item">
  342. <article class="media-card border-radius-lg position-relative " data-bi-name="card">
  343. <figure class="media-card-image">
  344. <img src="learn-events/media/learnevents-hero-image-x2.png" alt="" data-linktype="relative-path">
  345. </figure>
  346. <div class="media-card-content">
  347. <a href="/en-us/shows/learn-events/" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Upcoming Events</a>
  348. <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1">
  349. <p class="margin-bottom-xs flex-grow-1">
  350. Check out all of our upcoming events!
  351. </p>
  352. </div>
  353. </div>
  354. </article>
  355. </li>
  356. <li class="grid-item">
  357. <article class="media-card border-radius-lg position-relative " data-bi-name="card">
  358. <figure class="media-card-image">
  359. <img src="microsoft-build-2024-microsoft-mvp-select-demos/media/build24-139879-mvpbanner-4.png" alt="" data-linktype="relative-path">
  360. </figure>
  361. <div class="media-card-content">
  362. <a href="/en-us/shows/microsoft-build-2024-microsoft-mvp-select-demos" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Microsoft Build 2024 - Microsoft MVP select demos</a>
  363. <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1">
  364. <p class="margin-bottom-xs flex-grow-1">
  365. Check out these MVP select demos from Microsoft Build 2024!
  366. </p>
  367. </div>
  368. </div>
  369. </article>
  370. </li>
  371. <li class="grid-item">
  372. <article class="media-card border-radius-lg position-relative " data-bi-name="card">
  373. <figure class="media-card-image">
  374. <img src="dotnet-conf-focus-on-ai-2024/media/dncai-titlecard-02.png" alt="" data-linktype="relative-path">
  375. </figure>
  376. <div class="media-card-content">
  377. <a href="/en-us/shows/dotnet-conf-focus-on-ai-2024" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">.NET Conf: Focus on AI 2024</a>
  378. <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1">
  379. <p class="margin-bottom-xs flex-grow-1">
  380. .NET Conf Focus on AI is a free, one-day livestream event that features speakers from the community and Microsoft teams working on integrating AI into .NET applications. Learn how to build intelligent applications with .NET using the latest AI libraries and tools, enhance existing applications with AI features, and see real-world examples of AI in action.
  381. </p>
  382. </div>
  383. </div>
  384. </article>
  385. </li>
  386. <li class="grid-item">
  387. <article class="media-card border-radius-lg position-relative " data-bi-name="card">
  388. <figure class="media-card-image">
  389. <img src="azure-developers-dotnet-aspire-day-2024/media/dnaspireday_148141_banner.png" alt="" data-linktype="relative-path">
  390. </figure>
  391. <div class="media-card-content">
  392. <a href="/en-us/shows/azure-developers-dotnet-aspire-day-2024" class="title is-5 margin-block-none stretched-link" data-linktype="absolute-path">Azure Developers .NET Aspire Day 2024</a>
  393. <div class="display-flex flex-direction-column justify-content-space-between flex-grow-1">
  394. <p class="margin-bottom-xs flex-grow-1">
  395. Supercharge your distributed app and cloud-native development with .NET Aspire by integrating and optimizing your applications with Azure. This live stream event is where to discover cutting-edge Azure services, components, tooling, deployment, and more for your .NET Aspire projects. Join the .NET Aspire and Azure product teams live, as they dive deep into essential Azure services to build world-class, cloud-native applications with .NET
  396. </p>
  397. </div>
  398. </div>
  399. </article>
  400. </li>
  401. </ul>
  402. </div>
  403. </div>
  404. <div id="social-section-5" class="border-high-contrast padding-block-sm">
  405. <div class="uhf-container">
  406. <div class="level">
  407. <div class="level-left flex-shrink-1">
  408. <div class="level-item flex-shrink-1">
  409. <div class="padding-right-lg-tablet">
  410. <h2 id="follow-us-on-the-web" class="title is-2 is-responsive">Follow us on the web</h2>
  411. </div>
  412. </div>
  413. </div>
  414. <div class="level-right flex-shrink-1">
  415. <div class="level-item flex-shrink-1">
  416. <div class="buttons">
  417. <a class="button button-lg" href="https://twitter.com/MicrosoftLearn" title="Twitter" data-linktype="external">
  418. <span class="docon docon-brand-twitter"></span>
  419. <span class="visually-hidden">Twitter</span>
  420. </a>
  421. <a class="button button-lg" href="https://www.youtube.com/c/MicrosoftDeveloper/videos" title="YouTube" data-linktype="external">
  422. <span class="docon docon-brand-youtube"></span>
  423. <span class="visually-hidden">YouTube</span>
  424. </a>
  425. <a class="button button-lg" href="https://twitch.tv/microsoftdeveloper" title="Twitch" data-linktype="external">
  426. <span class="docon docon-brand-twitch"></span>
  427. <span class="visually-hidden">Twitch</span>
  428. </a>
  429. </div>
  430. </div>
  431. </div>
  432. </div>
  433. </div>
  434. </div>
  435. </div>
  436. </div><div id="assertive-live-region" role="alert" aria-live="assertive" class="visually-hidden" aria-relevant="additions" aria-atomic="true"></div>
  437. <div id="polite-live-region" role="status" aria-live="polite" class="visually-hidden" aria-relevant="additions" aria-atomic="true"></div>
  438. <!-- </content> -->
  439.  
  440. </main><!-- recommendations section --><!-- end recommendations section -->
  441.  
  442. <!-- feedback section --><!-- end feedback section -->
  443.  
  444. <!-- 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
  445. data-mscc-ic="false"
  446. class="locale-selector-link button button-sm button-clear flex-shrink-0"
  447. href="#"
  448. data-bi-name="select-locale">
  449. <span class="icon" aria-hidden="true">
  450. <span class="docon docon-world"></span>
  451. </span>
  452. <span class="local-selector-link-text"></span></a><div class="ccpa-privacy-link" data-ccpa-privacy-link hidden>
  453. <a
  454. href="https://aka.ms/yourcaliforniaprivacychoices"
  455. class="button button-sm button-clear flex-shrink-0"
  456. data-mscc-ic="false"
  457. data-bi-name="your-privacy-choices"
  458. >
  459. <svg
  460. role="img"
  461. aria-label="California Consumer Privacy Act (CCPA) Opt-Out Icon"
  462. xmlns="http://www.w3.org/2000/svg"
  463. viewBox="0 0 30 14"
  464. xml:space="preserve"
  465. height="16"
  466. width="43"
  467. focusable="false"
  468. >
  469. <title>California Consumer Privacy Act (CCPA) Opt-Out Icon</title>
  470. <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>
  471. <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>
  472. <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>
  473. <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>
  474. </svg>
  475. <span>Your Privacy Choices</span>
  476. </a>
  477.  
  478. </div>
  479. <div class="flex-shrink-0">
  480. <div class="dropdown has-caret-up">
  481. <button class="dropdown-trigger button button-clear button-sm has-inner-focus theme-dropdown-trigger"
  482. aria-controls="theme-menu-interactive" aria-expanded="false" title="Theme" data-bi-name="theme">
  483. <span class="icon">
  484. <span class="docon docon-sun" aria-hidden="true"></span>
  485. </span>
  486. <span>Theme</span>
  487. <span class="icon expanded-indicator" aria-hidden="true">
  488. <span class="docon docon-chevron-down-light"></span>
  489. </span>
  490. </button>
  491. <div class="dropdown-menu" id="theme-menu-interactive" role="menu">
  492. <ul class="theme-selector padding-xxs" role="none">
  493. <li class="theme display-block" role="menuitem">
  494. <button class="button button-clear button-sm theme-control button-block justify-content-flex-start"
  495. data-theme-to="light">
  496. <span class="theme-light margin-right-xxs">
  497. <span
  498. class="theme-selector-icon border display-inline-block has-body-background"
  499. aria-hidden="true">
  500. <svg class="svg" xmlns="http://www.w3.org/2000/svg"
  501. viewBox="0 0 22 14">
  502. <rect width="22" height="14" class="has-fill-body-background" />
  503. <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
  504. <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
  505. <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
  506. <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
  507. <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
  508. <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
  509. <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
  510. </svg>
  511. </span>
  512. </span>
  513. <span>Light</span>
  514. </button>
  515. </li>
  516. <li class="theme display-block" role="menuitem">
  517. <button class="button button-clear button-sm theme-control button-block justify-content-flex-start"
  518. data-theme-to="dark">
  519. <span class="theme-dark margin-right-xxs">
  520. <span
  521. class="border theme-selector-icon display-inline-block has-body-background"
  522. aria-hidden="true">
  523. <svg class="svg" xmlns="http://www.w3.org/2000/svg"
  524. viewBox="0 0 22 14">
  525. <rect width="22" height="14" class="has-fill-body-background" />
  526. <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
  527. <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
  528. <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
  529. <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
  530. <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
  531. <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
  532. <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
  533. </svg>
  534. </span>
  535. </span>
  536. <span>Dark</span>
  537. </button>
  538. </li>
  539. <li class="theme display-block" role="menuitem">
  540. <button class="button button-clear button-sm theme-control button-block justify-content-flex-start"
  541. data-theme-to="high-contrast">
  542. <span class="theme-high-contrast margin-right-xxs">
  543. <span
  544. class="border theme-selector-icon display-inline-block has-body-background"
  545. aria-hidden="true">
  546. <svg class="svg" xmlns="http://www.w3.org/2000/svg"
  547. viewBox="0 0 22 14">
  548. <rect width="22" height="14" class="has-fill-body-background" />
  549. <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
  550. <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
  551. <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
  552. <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
  553. <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
  554. <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
  555. <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
  556. </svg>
  557. </span>
  558. </span>
  559. <span>High contrast</span>
  560. </button>
  561. </li>
  562. </ul>
  563. </div>
  564. </div>
  565.  
  566. </div>
  567. </div>
  568. <ul class="links" data-bi-name="footerlinks">
  569. <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>
  570. <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>
  571. <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>&copy; Microsoft 2024</li>
  572. </ul>
  573. </footer></div></div></div>
  574. <!--end of div.columns -->
  575.  
  576. </section>
  577. <!--end of .primary-holder -->
  578.  
  579. <!-- interactive container -->
  580. <aside id="interactive-container" class="interactive-container is-visible-interactive column has-body-background-dark ">
  581. </aside>
  582. <!-- end of interactive container -->
  583. </div>
  584.  
  585. </div>
  586. <!--end of .mainContainer -->
  587.  
  588. <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
  589. data-mscc-ic="false"
  590. class="locale-selector-link button button-sm button-clear flex-shrink-0"
  591. href="#"
  592. data-bi-name="select-locale">
  593. <span class="icon" aria-hidden="true">
  594. <span class="docon docon-world"></span>
  595. </span>
  596. <span class="local-selector-link-text"></span></a><div class="ccpa-privacy-link" data-ccpa-privacy-link hidden>
  597. <a
  598. href="https://aka.ms/yourcaliforniaprivacychoices"
  599. class="button button-sm button-clear flex-shrink-0"
  600. data-mscc-ic="false"
  601. data-bi-name="your-privacy-choices"
  602. >
  603. <svg
  604. role="img"
  605. aria-label="California Consumer Privacy Act (CCPA) Opt-Out Icon"
  606. xmlns="http://www.w3.org/2000/svg"
  607. viewBox="0 0 30 14"
  608. xml:space="preserve"
  609. height="16"
  610. width="43"
  611. focusable="false"
  612. >
  613. <title>California Consumer Privacy Act (CCPA) Opt-Out Icon</title>
  614. <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>
  615. <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>
  616. <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>
  617. <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>
  618. </svg>
  619. <span>Your Privacy Choices</span>
  620. </a>
  621.  
  622. </div>
  623. <div class="flex-shrink-0">
  624. <div class="dropdown has-caret-up">
  625. <button class="dropdown-trigger button button-clear button-sm has-inner-focus theme-dropdown-trigger"
  626. aria-controls="theme-menu" aria-expanded="false" title="Theme" data-bi-name="theme">
  627. <span class="icon">
  628. <span class="docon docon-sun" aria-hidden="true"></span>
  629. </span>
  630. <span>Theme</span>
  631. <span class="icon expanded-indicator" aria-hidden="true">
  632. <span class="docon docon-chevron-down-light"></span>
  633. </span>
  634. </button>
  635. <div class="dropdown-menu" id="theme-menu" role="menu">
  636. <ul class="theme-selector padding-xxs" role="none">
  637. <li class="theme display-block" role="menuitem">
  638. <button class="button button-clear button-sm theme-control button-block justify-content-flex-start"
  639. data-theme-to="light">
  640. <span class="theme-light margin-right-xxs">
  641. <span
  642. class="theme-selector-icon border display-inline-block has-body-background"
  643. aria-hidden="true">
  644. <svg class="svg" xmlns="http://www.w3.org/2000/svg"
  645. viewBox="0 0 22 14">
  646. <rect width="22" height="14" class="has-fill-body-background" />
  647. <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
  648. <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
  649. <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
  650. <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
  651. <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
  652. <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
  653. <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
  654. </svg>
  655. </span>
  656. </span>
  657. <span>Light</span>
  658. </button>
  659. </li>
  660. <li class="theme display-block" role="menuitem">
  661. <button class="button button-clear button-sm theme-control button-block justify-content-flex-start"
  662. data-theme-to="dark">
  663. <span class="theme-dark margin-right-xxs">
  664. <span
  665. class="border theme-selector-icon display-inline-block has-body-background"
  666. aria-hidden="true">
  667. <svg class="svg" xmlns="http://www.w3.org/2000/svg"
  668. viewBox="0 0 22 14">
  669. <rect width="22" height="14" class="has-fill-body-background" />
  670. <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
  671. <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
  672. <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
  673. <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
  674. <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
  675. <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
  676. <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
  677. </svg>
  678. </span>
  679. </span>
  680. <span>Dark</span>
  681. </button>
  682. </li>
  683. <li class="theme display-block" role="menuitem">
  684. <button class="button button-clear button-sm theme-control button-block justify-content-flex-start"
  685. data-theme-to="high-contrast">
  686. <span class="theme-high-contrast margin-right-xxs">
  687. <span
  688. class="border theme-selector-icon display-inline-block has-body-background"
  689. aria-hidden="true">
  690. <svg class="svg" xmlns="http://www.w3.org/2000/svg"
  691. viewBox="0 0 22 14">
  692. <rect width="22" height="14" class="has-fill-body-background" />
  693. <rect x="5" y="5" width="12" height="4" class="has-fill-secondary" />
  694. <rect x="5" y="2" width="2" height="1" class="has-fill-secondary" />
  695. <rect x="8" y="2" width="2" height="1" class="has-fill-secondary" />
  696. <rect x="11" y="2" width="3" height="1" class="has-fill-secondary" />
  697. <rect x="1" y="1" width="2" height="2" class="has-fill-secondary" />
  698. <rect x="5" y="10" width="7" height="2" rx="0.3" class="has-fill-primary" />
  699. <rect x="19" y="1" width="2" height="2" rx="1" class="has-fill-secondary" />
  700. </svg>
  701. </span>
  702. </span>
  703. <span>High contrast</span>
  704. </button>
  705. </li>
  706. </ul>
  707. </div>
  708. </div>
  709.  
  710. </div>
  711. </div>
  712. <ul class="links" data-bi-name="footerlinks">
  713. <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>
  714. <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>
  715. <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>&copy; Microsoft 2024</li>
  716. </ul>
  717. </footer>
  718.  
  719. </section>
  720.  
  721. <div id="action-panel" role="region" aria-label="Action Panel" class="action-panel has-default-focus" tabindex="-1"></div>
  722. </body>
  723. </html>
  724.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda