Learning experience | Google Developers

<!doctype html> <html lang="en" dir="ltr"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://developers.google.com/learn","20210812024512","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1628736312"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta name="google-signin-client-id" content="721724668570-nbkv1cfusk7kk4eni4pjvepaus73b13t.apps.googleusercontent.com"> <meta name="google-signin-scope" content="profile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award"> <meta property="og:site_name" content="Google Developers"> <meta property="og:type" content="website"><meta name="theme-color" content="#ffffff"><meta charset="utf-8"> <meta content="IE=Edge" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="manifest" href="/web/20210812024512/https://developers.google.com/_pwa/developers/manifest.json" crossorigin="use-credentials"> <link rel="preconnect" href="//web.archive.org/web/20210812024512/https://www.gstatic.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210812024512/https://fonts.gstatic.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210812024512/https://fonts.googleapis.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210812024512/https://apis.google.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20210812024512/https://www.google-analytics.com/" crossorigin><link rel="stylesheet" href="//web.archive.org/web/20210812024512cs_/https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"> <link rel="stylesheet" href="//web.archive.org/web/20210812024512cs_/https://fonts.googleapis.com/css?family=Material+Icons&display=block"><link rel="stylesheet" href="https://web.archive.org/web/20210812024512cs_/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/developers/css/app.css"> <link rel="shortcut icon" href="https://web.archive.org/web/20210812024512im_/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/developers/images/favicon.png"> <link rel="apple-touch-icon" href="https://web.archive.org/web/20210812024512im_/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/developers/images/touchicon-180.png"><link rel="canonical" href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn"><link rel="search" type="application/opensearchdescription+xml" title="Google Developers" href="https://web.archive.org/web/20210812024512/https://developers.google.com/s/opensearch.xml"> <title>Learning experience  |  Google Developers</title> <meta property="og:title" content="Learning experience | Google Developers"><meta name="robots" content="noindex"><meta property="og:url" content="https://web.archive.org/web/20210812024512/https://developers.google.com/learn"><meta property="og:locale" content="en"> </head> <body class="" template="landing" theme="white" type="landing" layout="full" pending> <devsite-progress type="indeterminate" id="app-progress"></devsite-progress> <section class="devsite-wrapper"><devsite-header> <div class="devsite-header--inner nocontent"> <div class="devsite-top-logo-row-wrapper-wrapper"> <div class="devsite-top-logo-row-wrapper"> <div class="devsite-top-logo-row"> <button type="button" id="devsite-hamburger-menu" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Navigation menu button" visually-hidden aria-label="Open menu"> </button> <div class="devsite-product-name-wrapper"> <a href="/web/20210812024512/https://developers.google.com/" class="devsite-site-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav" track-name="googleDevelopers" track-metadata-position="nav" track-metadata-eventdetail="nav"> <img src="https://web.archive.org/web/20210812024512im_/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/developers/images/lockup.svg" class="devsite-site-logo" alt="Google Developers"> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list"> <li class="devsite-breadcrumb-item devsite-has-google-wordmark"> </li> </ul> </span> </div> <div class="devsite-top-logo-row-middle"> <div class="devsite-header-upper-tabs"> <devsite-tabs class="upper-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Upper tabs"> <tab dropdown> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/products" class="gc-analytics-event " track-type="nav" track-name="products" track-metadata-eventdetail="https://developers.google.com/products" track-metadata-position="nav - products" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Products"> Products </a> <a href="#" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Dropdown menu for Products" track-type="nav" track-name="products" track-metadata-eventdetail="https://developers.google.com/products" track-metadata-position="nav - products" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Products" class="devsite-tabs-dropdown-toggle devsite-icon devsite-icon-arrow-drop-down"></a> <div class="devsite-tabs-dropdown" aria-label="submenu" hidden> <div class="devsite-tabs-dropdown-content"> <div class="devsite-tabs-dropdown-column "> <ul class="devsite-tabs-dropdown-section "> <li class="devsite-nav-title" role="heading" tooltip>Develop</li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://developer.android.com/" track-type="nav" track-name="android" track-metadata-eventdetail="//developer.android.com" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="develop" tooltip> <div class="devsite-nav-item-title"> Android </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://cloud.google.com/" track-type="nav" track-name="cloud" track-metadata-eventdetail="//cloud.google.com" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="develop" tooltip> <div class="devsite-nav-item-title"> Cloud </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://firebase.google.com/" track-type="nav" track-name="firebase" track-metadata-eventdetail="//firebase.google.com" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="develop" tooltip> <div class="devsite-nav-item-title"> Firebase </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://flutter.dev/" track-type="nav" track-name="flutter" track-metadata-eventdetail="//flutter.dev" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="develop" tooltip> <div class="devsite-nav-item-title"> Flutter </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/assistant" track-type="nav" track-name="google assistant" track-metadata-eventdetail="https://developers.google.com/assistant" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="develop" tooltip> <div class="devsite-nav-item-title"> Google Assistant </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/workspace" track-type="nav" track-name="google workspace" track-metadata-eventdetail="https://developers.google.com/workspace" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="develop" tooltip> <div class="devsite-nav-item-title"> Google Workspace </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/maps" track-type="nav" track-name="maps platform" track-metadata-eventdetail="https://developers.google.com/maps" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="develop" tooltip> <div class="devsite-nav-item-title"> Maps Platform </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://www.tensorflow.org/" track-type="nav" track-name="tensorflow" track-metadata-eventdetail="//www.tensorflow.org" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="develop" tooltip> <div class="devsite-nav-item-title"> TensorFlow </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/web" track-type="nav" track-name="web" track-metadata-eventdetail="https://developers.google.com/web" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="develop" tooltip> <div class="devsite-nav-item-title"> Web </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/youtube" track-type="nav" track-name="youtube" track-metadata-eventdetail="https://developers.google.com/youtube" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="develop" tooltip> <div class="devsite-nav-item-title"> YouTube </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column "> <ul class="devsite-tabs-dropdown-section "> <li class="devsite-nav-title" role="heading" tooltip>Grow</li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://firebase.google.com/" track-type="nav" track-name="firebase" track-metadata-eventdetail="//firebase.google.com" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="grow" tooltip> <div class="devsite-nav-item-title"> Firebase </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/google-ads" track-type="nav" track-name="google ads" track-metadata-eventdetail="https://developers.google.com/google-ads" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="grow" tooltip> <div class="devsite-nav-item-title"> Google Ads </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/analytics" track-type="nav" track-name="google analytics" track-metadata-eventdetail="https://developers.google.com/analytics" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="grow" tooltip> <div class="devsite-nav-item-title"> Google Analytics </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://developer.android.com/distribute/" track-type="nav" track-name="google play" track-metadata-eventdetail="//developer.android.com/distribute/" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="grow" tooltip> <div class="devsite-nav-item-title"> Google Play </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/search" track-type="nav" track-name="search" track-metadata-eventdetail="https://developers.google.com/search" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="grow" tooltip> <div class="devsite-nav-item-title"> Search </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/web/fundamentals/engage-and-retain/push-notifications" track-type="nav" track-name="web push and notification apis" track-metadata-eventdetail="https://developers.google.com/web/fundamentals/engage-and-retain/push-notifications" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="grow" tooltip> <div class="devsite-nav-item-title"> Web Push and Notification APIs </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column "> <ul class="devsite-tabs-dropdown-section "> <li class="devsite-nav-title" role="heading" tooltip>Earn</li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/admob" track-type="nav" track-name="admob" track-metadata-eventdetail="https://developers.google.com/admob" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="earn" tooltip> <div class="devsite-nav-item-title"> AdMob </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/google-ads/api" track-type="nav" track-name="google ads api" track-metadata-eventdetail="https://developers.google.com/google-ads/api" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="earn" tooltip> <div class="devsite-nav-item-title"> Google Ads API </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/pay" track-type="nav" track-name="google pay" track-metadata-eventdetail="https://developers.google.com/pay" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="earn" tooltip> <div class="devsite-nav-item-title"> Google Pay </div> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://developer.android.com/google/play/billing/" track-type="nav" track-name="google play billing" track-metadata-eventdetail="//developer.android.com/google/play/billing/" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="earn" tooltip> <div class="devsite-nav-item-title"> Google Play Billing </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/interactive-media-ads" track-type="nav" track-name="interactive media ads" track-metadata-eventdetail="https://developers.google.com/interactive-media-ads" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="earn" tooltip> <div class="devsite-nav-item-title"> Interactive Media Ads </div> </a> </li> </ul> </div> </div> </div> </tab> <tab> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/events" class="gc-analytics-event " track-type="nav" track-name="events" track-metadata-eventdetail="https://developers.google.com/events" track-metadata-position="nav - events" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Events"> Events </a> </tab> <tab active> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn" class="gc-analytics-event " track-type="nav" track-name="learn" track-metadata-eventdetail="https://developers.google.com/learn" track-metadata-position="nav - learn" track-metadata-module="primary nav" aria-label="Learn, selected" data-category="Site-Wide Custom Events" data-label="Tab: Learn"> Learn </a> </tab> <tab dropdown> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/community" class="gc-analytics-event " track-type="nav" track-name="developer communities" track-metadata-eventdetail="https://developers.google.com/community" track-metadata-position="nav - developer communities" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Developer Communities"> Developer Communities </a> <a href="#" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Dropdown menu for Developer Communities" track-type="nav" track-name="developer communities" track-metadata-eventdetail="https://developers.google.com/community" track-metadata-position="nav - developer communities" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Developer Communities" class="devsite-tabs-dropdown-toggle devsite-icon devsite-icon-arrow-drop-down"></a> <div class="devsite-tabs-dropdown" aria-label="submenu" hidden> <div class="devsite-tabs-dropdown-content"> <div class="devsite-tabs-dropdown-column "> <ul class="devsite-tabs-dropdown-section "> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/community/gdg" track-type="nav" track-name="google developer groups" track-metadata-eventdetail="https://developers.google.com/community/gdg" track-metadata-position="nav - developer communities" track-metadata-module="tertiary nav" tooltip> <div class="devsite-nav-item-title"> Google Developer Groups </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/community/experts" track-type="nav" track-name="google developers experts" track-metadata-eventdetail="https://developers.google.com/community/experts" track-metadata-position="nav - developer communities" track-metadata-module="tertiary nav" tooltip> <div class="devsite-nav-item-title"> Google Developers Experts </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://www.womentechmakers.com/" track-type="nav" track-name="women techmakers" track-metadata-eventdetail="https://www.womentechmakers.com/" track-metadata-position="nav - developer communities" track-metadata-module="tertiary nav" tooltip> <div class="devsite-nav-item-title"> Women Techmakers </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/community/accelerators" track-type="nav" track-name="accelerators" track-metadata-eventdetail="https://developers.google.com/community/accelerators" track-metadata-position="nav - developer communities" track-metadata-module="tertiary nav" tooltip> <div class="devsite-nav-item-title"> Accelerators </div> </a> </li> </ul> </div> <div class="devsite-tabs-dropdown-column "> <ul class="devsite-tabs-dropdown-section "> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/community/dsc" track-type="nav" track-name="google developer student clubs" track-metadata-eventdetail="https://developers.google.com/community/dsc" track-metadata-position="nav - developer communities" track-metadata-module="tertiary nav" tooltip> <div class="devsite-nav-item-title"> Google Developer Student Clubs </div> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/community/dsc-solution-challenge" track-type="nav" track-name="2021 solution challenge" track-metadata-eventdetail="https://developers.google.com/community/dsc-solution-challenge" track-metadata-position="nav - developer communities" track-metadata-module="tertiary nav" tooltip> <div class="devsite-nav-item-title"> 2021 Solution Challenge </div> </a> </li> </ul> </div> </div> </div> </tab> <tab> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/profile/u/me" class="gc-analytics-event " track-type="nav" track-name="developer profile" track-metadata-eventdetail="https://developers.google.com/profile/u/me" track-metadata-position="nav - developer profile" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Developer Profile"> Developer Profile </a> </tab> <tab> <a href="https://web.archive.org/web/20210812024512/https://developers.googleblog.com/" class="gc-analytics-event " track-type="nav" track-name="blog" track-metadata-eventdetail="https://developers.googleblog.com" track-metadata-position="nav - blog" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Blog"> Blog </a> </tab> </nav> </devsite-tabs> </div> <devsite-search aria-expanded="false" aria-haspopup="listbox" enable-signin enable-search enable-suggestions enable-query-completion project-name="Google Developers" tenant-name="Google Developers" role="combobox"> <form class="devsite-search-form" action="https://web.archive.org/web/20210812024512/https://developers.google.com/s/results" method="GET"> <div class="devsite-search-container"> <div class="devsite-searchbox"> <input aria-activedescendant="" aria-autocomplete="list" aria-label="Search" aria-haspopup="false" aria-multiline="false" aria-label="Search box" autocomplete="off" class="devsite-search-field devsite-search-query" name="q" placeholder="Search" role="searchbox" type="text" value=""> <div class="devsite-search-image material-icons" aria-hidden="true"></div> </div> <button type="button" search-open class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Open search"></button> </div> </form> <button type="button" search-close class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Close search"></button> </devsite-search> </div> <devsite-language-selector> <devsite-select class="devsite-language-selector-menu"> <select aria-label="Select your language preference." class="devsite-language-selector-select" name="language" track-name="click" track-type="languageSelector"> <option>Language</option> <option value="en" lang="en" track-metadata-original-language="en" track-metadata-selected-language="en" track-name="changed" track-type="languageSelector"> English </option> <option value="id" lang="id" track-metadata-original-language="en" track-metadata-selected-language="id" track-name="changed" track-type="languageSelector"> Bahasa Indonesia </option> <option value="de" lang="de" track-metadata-original-language="en" track-metadata-selected-language="de" track-name="changed" track-type="languageSelector"> Deutsch </option> <option value="es" lang="es" track-metadata-original-language="en" track-metadata-selected-language="es" track-name="changed" track-type="languageSelector"> Español </option> <option value="fr" lang="fr" track-metadata-original-language="en" track-metadata-selected-language="fr" track-name="changed" track-type="languageSelector"> Français </option> <option value="pt_br" lang="pt_br" track-metadata-original-language="en" track-metadata-selected-language="pt_br" track-name="changed" track-type="languageSelector"> Português – Brasil </option> <option value="ru" lang="ru" track-metadata-original-language="en" track-metadata-selected-language="ru" track-name="changed" track-type="languageSelector"> Русский </option> <option value="zh_cn" lang="zh_cn" track-metadata-original-language="en" track-metadata-selected-language="zh_cn" track-name="changed" track-type="languageSelector"> 中文 – 简体 </option> <option value="ja" lang="ja" track-metadata-original-language="en" track-metadata-selected-language="ja" track-name="changed" track-type="languageSelector"> 日本語 </option> <option value="ko" lang="ko" track-metadata-original-language="en" track-metadata-selected-language="ko" track-name="changed" track-type="languageSelector"> 한국어 </option> </select> </devsite-select> </devsite-language-selector> <devsite-user enable-profiles fp-auth id="devsite-user"></devsite-user> </div> </div> </div> <div class="devsite-collapsible-section "> <div class="devsite-header-background"> <div class="devsite-doc-set-nav-row"> <devsite-tabs class="lower-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Lower tabs"> <tab> <a href="https://web.archive.org/web/20210812024512/https://codelabs.developers.google.com/" class="gc-analytics-event " track-type="nav" track-name="codelabs" track-metadata-eventdetail="https://codelabs.developers.google.com/" track-metadata-position="nav - codelabs" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Codelabs"> Codelabs </a> </tab> <tab> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/pathways" class="gc-analytics-event " track-type="nav" track-name="pathways" track-metadata-eventdetail="https://developers.google.com/learn/pathways" track-metadata-position="nav - pathways" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Pathways"> Pathways </a> </tab> <tab> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/topics" class="gc-analytics-event " track-type="nav" track-name="topics" track-metadata-eventdetail="https://developers.google.com/learn/topics" track-metadata-position="nav - topics" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Topics"> Topics </a> </tab> </nav> </devsite-tabs> </div> </div> </div> </div> </devsite-header> <devsite-book-nav scrollbars hidden> <nav class="devsite-book-nav devsite-nav nocontent" aria-label="Side menu"> <div class="devsite-mobile-header"> <button type="button" id="devsite-close-nav" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Close navigation" aria-label="Close navigation"> </button> <div class="devsite-product-name-wrapper"> <a href="/web/20210812024512/https://developers.google.com/" class="devsite-site-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav" track-name="googleDevelopers" track-metadata-position="nav" track-metadata-eventdetail="nav"> <img src="https://web.archive.org/web/20210812024512im_/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/developers/images/lockup.svg" class="devsite-site-logo" alt="Google Developers"> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list"> <li class="devsite-breadcrumb-item devsite-has-google-wordmark"> </li> </ul> </span> </div> </div> <div class="devsite-book-nav-wrapper"> <div class="devsite-mobile-nav-top"> <ul class="devsite-nav-list"> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/products" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Products" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="products"> <span class="devsite-nav-text" tooltip> Products </span> </a> <ul class="devsite-nav-responsive-tabs devsite-nav-has-menu "> <li class="devsite-nav-item"> <span class="devsite-nav-title" tooltip> <span class="devsite-nav-text" tooltip menu="Products"> More </span> <span class="devsite-nav-icon material-icons" data-icon="forward" menu="Products"> </span> </span> </li> </ul> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/events" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Events" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="events"> <span class="devsite-nav-text" tooltip> Events </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/learn" class="devsite-nav-title gc-analytics-event devsite-nav-active" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Learn" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="learn"> <span class="devsite-nav-text" tooltip> Learn </span> </a> <ul class="devsite-nav-responsive-tabs"> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://codelabs.developers.google.com/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Codelabs" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="codelabs"> <span class="devsite-nav-text" tooltip> Codelabs </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/learn/pathways" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Pathways" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="pathways"> <span class="devsite-nav-text" tooltip> Pathways </span> <span class="devsite-nav-icon material-icons" data-icon="forward"> </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/learn/topics" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Topics" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="topics"> <span class="devsite-nav-text" tooltip> Topics </span> <span class="devsite-nav-icon material-icons" data-icon="forward"> </span> </a> </li> </ul> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/community" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Developer Communities" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="developerCommunities"> <span class="devsite-nav-text" tooltip> Developer Communities </span> </a> <ul class="devsite-nav-responsive-tabs devsite-nav-has-menu "> <li class="devsite-nav-item"> <span class="devsite-nav-title" tooltip> <span class="devsite-nav-text" tooltip menu="Developer Communities"> More </span> <span class="devsite-nav-icon material-icons" data-icon="forward" menu="Developer Communities"> </span> </span> </li> </ul> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/profile/u/me" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Developer Profile" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="developerProfile"> <span class="devsite-nav-text" tooltip> Developer Profile </span> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://developers.googleblog.com/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Blog" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="blog"> <span class="devsite-nav-text" tooltip> Blog </span> </a> </li> </ul> </div> <div class="devsite-mobile-nav-bottom" role="navigation"> <ul class="devsite-nav-list" menu="Products" aria-label="Side menu" hidden> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip> <span class="devsite-nav-text" tooltip> Develop </span> </span> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://developer.android.com/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Android" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="android"> <span class="devsite-nav-text" tooltip> Android </span> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://cloud.google.com/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Cloud" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="cloud"> <span class="devsite-nav-text" tooltip> Cloud </span> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://firebase.google.com/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Firebase" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="firebase"> <span class="devsite-nav-text" tooltip> Firebase </span> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://flutter.dev/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Flutter" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="flutter"> <span class="devsite-nav-text" tooltip> Flutter </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/assistant" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Assistant" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="googleAssistant"> <span class="devsite-nav-text" tooltip> Google Assistant </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/workspace" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Workspace" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="googleWorkspace"> <span class="devsite-nav-text" tooltip> Google Workspace </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/maps" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Maps Platform" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="mapsPlatform"> <span class="devsite-nav-text" tooltip> Maps Platform </span> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://www.tensorflow.org/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: TensorFlow" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="tensorflow"> <span class="devsite-nav-text" tooltip> TensorFlow </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/web" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Web" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="web"> <span class="devsite-nav-text" tooltip> Web </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/youtube" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: YouTube" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="youtube"> <span class="devsite-nav-text" tooltip> YouTube </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip> <span class="devsite-nav-text" tooltip> Grow </span> </span> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://firebase.google.com/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Firebase" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="firebase"> <span class="devsite-nav-text" tooltip> Firebase </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/google-ads" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Ads" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="googleAds"> <span class="devsite-nav-text" tooltip> Google Ads </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/analytics" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Analytics" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="googleAnalytics"> <span class="devsite-nav-text" tooltip> Google Analytics </span> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://developer.android.com/distribute/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Play" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="googlePlay"> <span class="devsite-nav-text" tooltip> Google Play </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/search" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Search" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="search"> <span class="devsite-nav-text" tooltip> Search </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/web/fundamentals/engage-and-retain/push-notifications" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Web Push and Notification APIs" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="webPushAndNotificationApis"> <span class="devsite-nav-text" tooltip> Web Push and Notification APIs </span> </a> </li> <li class="devsite-nav-item devsite-nav-heading"> <span class="devsite-nav-title" tooltip> <span class="devsite-nav-text" tooltip> Earn </span> </span> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/admob" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: AdMob" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="admob"> <span class="devsite-nav-text" tooltip> AdMob </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/google-ads/api" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Ads API" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="googleAdsApi"> <span class="devsite-nav-text" tooltip> Google Ads API </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/pay" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Pay" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="googlePay"> <span class="devsite-nav-text" tooltip> Google Pay </span> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20210812024512/https://developer.android.com/google/play/billing/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Play Billing" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="googlePlayBilling"> <span class="devsite-nav-text" tooltip> Google Play Billing </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/interactive-media-ads" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Interactive Media Ads" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="interactiveMediaAds"> <span class="devsite-nav-text" tooltip> Interactive Media Ads </span> </a> </li> </ul> <ul class="devsite-nav-list" menu="Developer Communities" aria-label="Side menu" hidden> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/community/gdg" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Developer Groups" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="googleDeveloperGroups"> <span class="devsite-nav-text" tooltip> Google Developer Groups </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/community/experts" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Developers Experts" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="googleDevelopersExperts"> <span class="devsite-nav-text" tooltip> Google Developers Experts </span> </a> </li> <li class="devsite-nav-item"> <a href="https://web.archive.org/web/20210812024512/https://www.womentechmakers.com/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Women Techmakers" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="womenTechmakers"> <span class="devsite-nav-text" tooltip> Women Techmakers </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/community/accelerators" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Accelerators" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="accelerators"> <span class="devsite-nav-text" tooltip> Accelerators </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/community/dsc" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Developer Student Clubs" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="googleDeveloperStudentClubs"> <span class="devsite-nav-text" tooltip> Google Developer Student Clubs </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20210812024512/https://developers.google.com/community/dsc-solution-challenge" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: 2021 Solution Challenge" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="2021SolutionChallenge"> <span class="devsite-nav-text" tooltip> 2021 Solution Challenge </span> </a> </li> </ul> </div> </div> </nav> </devsite-book-nav> <section id="gc-wrapper"> <main role="main" class="devsite-main-content"> <devsite-toc class="devsite-nav" role="navigation" aria-label="Table of contents" disabled></devsite-toc> <devsite-content> <article class="devsite-article"> <div class="devsite-banner devsite-banner-announcement"> <div class="devsite-banner-message"> <div class="devsite-banner-message-text"> <style> .devsite-banner-announcement:not(.devsite-banner-tenant) { background: #202124; color: white; font-weight: 500; } .devsite-banner-announcement a { color: white; font-weight: 700; } .devsite-banner-announcement a:link, .devsite-banner-announcement a:visited { background: 0; } .devsite-banner-announcement a:hover, .devsite-banner-announcement a:focus { text-decoration: none; } .devsite-banner-announcement .devsite-banner-message-text { margin: 0 auto; } </style> Google is committed to advancing racial equity for Black communities. <a href="https://web.archive.org/web/20210812024512/https://google.com/racialequity" class="gc-analytics-event" data-category="Announcement" data-label="Racial Equity">See how.</a> </div> </div> </div> <div class="devsite-article-meta nocontent" role="navigation"> <ul class="devsite-breadcrumb-list" aria-label="Breadcrumb"> <li class="devsite-breadcrumb-item "> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Google Developers"> Google Developers </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="2" track-type="globalNav" track-name="breadcrumb" track-metadata-position="2" track-metadata-eventdetail=""> Learn </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/products" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="3" track-type="globalNav" track-name="breadcrumb" track-metadata-position="3" track-metadata-eventdetail=""> Products </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="https://web.archive.org/web/20210812024512/https://codelabs.developers.google.com/" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="4" track-type="globalNav" track-name="breadcrumb" track-metadata-position="4" track-metadata-eventdetail=""> Codelabs </a> </li> </ul> </div> <devsite-toc class="devsite-nav" devsite-toc-embedded disabled> </devsite-toc> <div class="devsite-article-body clearfix "> <section class="devsite-landing-row devsite-landing-row-4-up devsite-landing-row-large-headings" header-position="top"> <div class="devsite-landing-row-inner"> <header class="devsite-landing-row-header"> <div class="devsite-landing-row-header-text"> <h2 id="learn-to-build-anything-with-google" data-text="Learn to build anything with Google" tabindex="0"> Learn to build anything with Google </h2> <div class="devsite-landing-row-description"> Welcome to Learn, your one-stop destination for gaining and growing the knowledge and skills that you need to develop software with Google's technology. </div> </div> </header> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description" icon-position="top"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/pathways" data-category="Learn Build anything" data-label="Pathways" data-action="link"> <div class="devsite-landing-row-item-icon-container" size="large"> <img class="devsite-landing-row-item-icon" alt="" src="https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_pathway_icon.png" srcset="https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_pathway_icon_36.png 36w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_pathway_icon_48.png 48w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_pathway_icon_72.png 72w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_pathway_icon_96.png 96w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_pathway_icon_480.png 480w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_pathway_icon_720.png 720w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_pathway_icon_856.png 856w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_pathway_icon_960.png 960w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_pathway_icon_1440.png 1440w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_pathway_icon_1920.png 1920w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_pathway_icon_2880.png 2880w" sizes="64px" loading="lazy"> </div> </a> <div class="devsite-landing-row-item-body"> <h3 id="pathways" data-text="Pathways" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/pathways" data-category="Learn Build anything" data-label="Pathways" data-action="link"> Pathways </a> </h3> <div class="devsite-landing-row-item-description-content"> Develop knowledge and skills at your own pace through sequential learning experiences that include articles, codelabs, quizzes, and videos. </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/pathways" class="button button-primary " data-action="button" data-category="Learn Build anything" data-label="Pathways">Explore pathways</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description" icon-position="top"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/topics" data-category="Learn Build anything" data-label="Topics" data-action="link"> <div class="devsite-landing-row-item-icon-container" size="large"> <img class="devsite-landing-row-item-icon" alt="" src="https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_topic_icon.png" srcset="https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_topic_icon_36.png 36w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_topic_icon_48.png 48w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_topic_icon_72.png 72w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_topic_icon_96.png 96w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_topic_icon_480.png 480w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_topic_icon_720.png 720w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_topic_icon_856.png 856w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_topic_icon_960.png 960w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_topic_icon_1440.png 1440w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_topic_icon_1920.png 1920w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_topic_icon_2880.png 2880w" sizes="64px" loading="lazy"> </div> </a> <div class="devsite-landing-row-item-body"> <h3 id="topics" data-text="Topics" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/topics" data-category="Learn Build anything" data-label="Topics" data-action="link"> Topics </a> </h3> <div class="devsite-landing-row-item-description-content"> Go deeper on key technical topics by exploring collections of related codelabs, pathways, news, and videos. </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/topics" class="button button-primary " data-action="button" data-category="Learn Build anything" data-label="Topics">Discover topics</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description" icon-position="top"> <a href="https://web.archive.org/web/20210812024512/https://codelabs.developers.google.com/" data-category="Learn Build anything" data-label="Codelabs" data-action="link"> <div class="devsite-landing-row-item-icon-container" size="large"> <img class="devsite-landing-row-item-icon" alt="" src="https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_codelab_icon.png" srcset="https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_codelab_icon_36.png 36w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_codelab_icon_48.png 48w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_codelab_icon_72.png 72w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_codelab_icon_96.png 96w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_codelab_icon_480.png 480w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_codelab_icon_720.png 720w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_codelab_icon_856.png 856w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_codelab_icon_960.png 960w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_codelab_icon_1440.png 1440w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_codelab_icon_1920.png 1920w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/learn_codelab_icon_2880.png 2880w" sizes="64px" loading="lazy"> </div> </a> <div class="devsite-landing-row-item-body"> <h3 id="codelabs" data-text="Codelabs" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210812024512/https://codelabs.developers.google.com/" data-category="Learn Build anything" data-label="Codelabs" data-action="link"> Codelabs </a> </h3> <div class="devsite-landing-row-item-description-content"> Complete guided coding exercises in which you create small apps and add new features to existing apps. </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210812024512/https://codelabs.developers.google.com/" class="button button-primary " data-label="Codelabs" data-category="Learn Build anything" data-action="button">Try codelabs</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description" icon-position="top"> <a href="https://web.archive.org/web/20210812024512/http://bit.ly/gdg-dgc-learn" data-category="Learn Build anything" data-label="Meetups" data-action="link"> <div class="devsite-landing-row-item-icon-container" size="large"> <img class="devsite-landing-row-item-icon" alt="" src="https://web.archive.org/web/20210812024512im_/https://developers.google.com/community/images/icon_connect.svg" srcset="" sizes="64px" loading="lazy"> </div> </a> <div class="devsite-landing-row-item-body"> <h3 id="meetups" data-text="Meetups" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210812024512/http://bit.ly/gdg-dgc-learn" data-category="Learn Build anything" data-label="Meetups" data-action="link"> Meetups </a> </h3> <div class="devsite-landing-row-item-description-content"> Meet developers near you with Google Developer Group communities. Learn and collaborate together. </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210812024512/http://bit.ly/gdg-dgc-learn" class="button button-primary " data-category="Learn Build anything" data-action="button" data-label="Meetups">Attend meetup</a> </div> </div> </div> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-4-up devsite-landing-row-cards devsite-landing-row-header-centered" background="/web/20210812024512im_/https://developers.google.com/grey" header-position="top"> <div class="devsite-landing-row-inner"> <header class="devsite-landing-row-header"> <div class="devsite-landing-row-header-text"> <h2 id="featured-content" data-text="Featured content" tabindex="0"> Featured content </h2> </div> </header> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-custom-image"> <div class="devsite-landing-row-item-custom-image-icon-wrapper"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/pathways/get-started-maps" data-category="Learn Featured Learning" data-label="Get started Maps, Main Title" data-action="link"> <div class="devsite-landing-row-item-custom-image-icon-container" size="medium"> <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://web.archive.org/web/20210812024512im_/https://www.gstatic.com/images/branding/product/2x/maps_96dp.png" srcset="" sizes="192px" loading="lazy"> </div> </a> </div> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="get-started-with-google-maps-platform" data-text="Get started with Google Maps Platform" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/pathways/get-started-maps" data-category="Learn Featured Learning" data-label="Get started Maps, Main Title" data-action="link"> Get started with Google Maps Platform </a> </h3> <div class="devsite-landing-row-item-description-content"> Learn about Google Maps Platform and how to manage projects in the Google Cloud Console, then build your first interactive web maps. </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/pathways/get-started-maps" class="button button-white " data-category="Learn Featured Learning" data-label="Get started Maps, Explore Pathway" data-action="button">Explore pathway</a> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-custom-image"> <div class="devsite-landing-row-item-custom-image-icon-wrapper"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/topics/chatbots" data-category="Learn Featured Learning" data-label="Chatbots, Main Title" data-action="link"> <div class="devsite-landing-row-item-custom-image-icon-container" size="medium"> <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/chatbot_icon.png" srcset="https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/chatbot_icon_36.png 36w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/chatbot_icon_48.png 48w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/chatbot_icon_72.png 72w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/chatbot_icon_96.png 96w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/chatbot_icon_480.png 480w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/chatbot_icon_720.png 720w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/chatbot_icon_856.png 856w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/chatbot_icon_960.png 960w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/chatbot_icon_1440.png 1440w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/chatbot_icon_1920.png 1920w, https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/chatbot_icon_2880.png 2880w" sizes="192px" loading="lazy"> </div> </a> </div> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="chatbots" data-text="Chatbots" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/topics/chatbots" data-category="Learn Featured Learning" data-label="Chatbots, Main Title" data-action="link"> Chatbots </a> </h3> <div class="devsite-landing-row-item-description-content"> Stay current on chatbots, including the latest news, pathways, products, tweets, and videos. </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/topics/chatbots" class="button button-white " data-action="button" data-category="Learn Featured Learning" data-label="Chatbots, Explore Topic">Browse topic</a> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-custom-image"> <div class="devsite-landing-row-item-custom-image-icon-wrapper"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/topics/maps-platform" data-category="Learn Featured Learning" data-label="Maps Topic, Main Title" data-action="link"> <div class="devsite-landing-row-item-custom-image-icon-container" size="medium"> <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://web.archive.org/web/20210812024512im_/https://www.gstatic.com/images/branding/product/2x/maps_96dp.png" srcset="" sizes="192px" loading="lazy"> </div> </a> </div> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="google-maps-platform" data-text="Google Maps Platform" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/topics/maps-platform" data-category="Learn Featured Learning" data-label="Maps Topic, Main Title" data-action="link"> Google Maps Platform </a> </h3> <div class="devsite-landing-row-item-description-content"> Stay current on Google Maps Platform, including the latest codelabs, products, news, tweets, and videos. </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/topics/maps-platform" class="button button-white " data-category="Learn Featured Learning" data-label="Maps Topic, Explore Pathway" data-action="button">Browse topic</a> </div> </div> </div> </div> <div class="devsite-landing-row-item" description-position="bottom"> <div class="devsite-landing-row-item-media "> <figure class="devsite-landing-row-item-custom-image"> <div class="devsite-landing-row-item-custom-image-icon-wrapper"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/pathways/aog-smart-home" data-category="Learn Featured Learning" data-label="Smart Home, Main Title" data-action="link"> <div class="devsite-landing-row-item-custom-image-icon-container" size="medium"> <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://web.archive.org/web/20210812024512im_/https://www.gstatic.com/images/branding/product/2x/assistant_64dp.png" srcset="" sizes="192px" loading="lazy"> </div> </a> </div> </figure> </div> <div class="devsite-landing-row-item-description"> <div class="devsite-landing-row-item-body"> <h3 id="use-actions-on-google-to-make-your-home-smarter" data-text="Use Actions on Google to make your home smarter" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/pathways/aog-smart-home" data-category="Learn Featured Learning" data-label="Smart Home, Main Title" data-action="link"> Use Actions on Google to make your home smarter </a> </h3> <div class="devsite-landing-row-item-description-content"> Learn to build a smart home Action for the Google Assistant to control connected devices. </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/learn/pathways/aog-smart-home" class="button button-white " data-label="Smart Home, Explore Pathway" data-action="button" data-category="Learn Featured Learning">Explore pathway</a> </div> </div> </div> </div> </div> </div> </section> <section class="devsite-landing-row devsite-landing-row-3-up devsite-landing-row-cards devsite-landing-row-header-centered" header-position="top"> <div class="devsite-landing-row-inner"> <header class="devsite-landing-row-header"> <div class="devsite-landing-row-header-text"> <h2 id="get-certified" data-text="Get certified" tabindex="0"> Get certified </h2> </div> <div class="devsite-landing-row-header-buttons"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/certification" class="button " data-category="Learn Get certified" data-action="button" data-label="See all certifications">See all certifications</a> </div> </header> <div class="devsite-landing-row-group"> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description" icon-position="top"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/certification/associate-android-developer"> <div class="devsite-landing-row-item-icon-container" size="medium"> <img class="devsite-landing-row-item-icon" alt="" src="https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/android-logo.svg" srcset="" sizes="64px" loading="lazy"> </div> </a> <div class="devsite-landing-row-item-body"> <h3 id="associate-android-developer" data-text="Associate Android Developer" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/certification/associate-android-developer"> Associate Android Developer </a> </h3> <div class="devsite-landing-row-item-description-content"> The Associate Android Developer exam demonstrates the type of skill that an entry-level Android Developer should have as they begin their career. By passing this performance-based exam and earning the Associate Android Developer Certification, you prove that you're competent and skilled in tasks that a developer typically performs. The exam is now also offered to be taken in Kotlin, as well as Java! </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/certification/associate-android-developer" class="button button-white " data-action="button" data-category="Learn Get certified" data-label="Associate Android Developer, Learn more">Learn more</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description" icon-position="top"> <a href="https://web.archive.org/web/20210812024512/https://www.tensorflow.org/certificate"> <div class="devsite-landing-row-item-icon-container" size="medium"> <img class="devsite-landing-row-item-icon" alt="" src="https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/tensorflow-logo.svg" srcset="" sizes="64px" loading="lazy"> </div> </a> <div class="devsite-landing-row-item-body"> <h3 id="tensorflow-developer-certificate" data-text="TensorFlow Developer Certificate" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210812024512/https://www.tensorflow.org/certificate"> TensorFlow Developer Certificate </a> </h3> <div class="devsite-landing-row-item-description-content"> The TensorFlow Developer Certificate exam tests a developer's foundational knowledge of integrating machine learning into tools and applications. The certificate program requires an understanding of building TensorFlow models using Computer Vision, Convolutional Neural Networks, Natural Language Processing, and real-world image data and strategies. </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210812024512/https://www.tensorflow.org/certificate" class="button button-white " data-action="button" data-label="TensorFlow Developer Certificate, Learn more" data-category="Learn Get certified">Learn more</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description" icon-position="top"> <a href="https://web.archive.org/web/20210812024512/https://cloud.google.com/certification/cloud-architect"> <div class="devsite-landing-row-item-icon-container" size="medium"> <img class="devsite-landing-row-item-icon" alt="" src="https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/cloud-logo.svg" srcset="" sizes="64px" loading="lazy"> </div> </a> <div class="devsite-landing-row-item-body"> <h3 id="google-cloud-professional-cloud-architect" data-text="Google Cloud - Professional Cloud Architect" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210812024512/https://cloud.google.com/certification/cloud-architect"> Google Cloud - Professional Cloud Architect </a> </h3> <div class="devsite-landing-row-item-description-content"> Demonstrate your proficiency at designing, building, and managing solutions on the Google Cloud Platform. A Professional Cloud Architect enables organizations to leverage Google Cloud technologies. </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210812024512/https://cloud.google.com/certification/cloud-architect" class="button button-white " data-label="Google Cloud Professional Cloud Architect, Learn more" data-action="button" data-category="Learn Get certified">Learn more</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description" icon-position="top"> <a href="https://web.archive.org/web/20210812024512/https://cloud.google.com/certification/data-engineer"> <div class="devsite-landing-row-item-icon-container" size="medium"> <img class="devsite-landing-row-item-icon" alt="" src="https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/cloud-logo.svg" srcset="" sizes="64px" loading="lazy"> </div> </a> <div class="devsite-landing-row-item-body"> <h3 id="google-cloud-professional-data-engineer" data-text="Google Cloud - Professional Data Engineer" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210812024512/https://cloud.google.com/certification/data-engineer"> Google Cloud - Professional Data Engineer </a> </h3> <div class="devsite-landing-row-item-description-content"> Demonstrate your proficiency at designing and building data-processing systems, and your skill at creating machine-learning models on the Google Cloud Platform. A Professional Data Engineer enables data-driven decision-making by collecting, transforming, and visualizing data. </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210812024512/https://cloud.google.com/certification/data-engineer" class="button button-white " data-label="Google Cloud Professional Data Engineer, Learn more" data-category="Learn Get certified" data-action="button">Learn more</a> </div> </div> </div> </div> <div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom"> <div class="devsite-landing-row-item-description" icon-position="top"> <a href="https://web.archive.org/web/20210812024512/https://cloud.google.com/certification/cloud-engineer"> <div class="devsite-landing-row-item-icon-container" size="medium"> <img class="devsite-landing-row-item-icon" alt="" src="https://web.archive.org/web/20210812024512im_/https://developers.google.com/learn/images/cloud-logo.svg" srcset="" sizes="64px" loading="lazy"> </div> </a> <div class="devsite-landing-row-item-body"> <h3 id="google-cloud-associate-cloud-engineer" data-text="Google Cloud - Associate Cloud Engineer" class="hide-from-toc no-link" tabindex="0"> <a href="https://web.archive.org/web/20210812024512/https://cloud.google.com/certification/cloud-engineer"> Google Cloud - Associate Cloud Engineer </a> </h3> <div class="devsite-landing-row-item-description-content"> Demonstrate your ability to deploy apps, monitor operations, and maintain cloud projects on Google Cloud Platform. An Associate Cloud Engineer is able to use the Google Cloud Platform Console and the command-line interface to perform common platform-based tasks to maintain one or more deployed solutions. </div> <div class="devsite-landing-row-item-buttons"> <a href="https://web.archive.org/web/20210812024512/https://cloud.google.com/certification/cloud-engineer" class="button button-white " data-category="Learn Get certified" data-action="button" data-label="Google Cloud Associate Cloud Engineer, Learn more">Learn more</a> </div> </div> </div> </div> </div> </div> </section> </div> </article> </devsite-content> </main> <devsite-footer-promos class="devsite-footer"> </devsite-footer-promos> <devsite-footer-linkboxes class="devsite-footer"> <nav class="devsite-footer-linkboxes nocontent" aria-label="Footer links"> <ul class="devsite-footer-linkboxes-list"> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Connect</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210812024512/https://googledevelopers.blogspot.com/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)"> Blog </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210812024512/https://www.facebook.com/Google-Developers-967415219957038" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)"> Facebook </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210812024512/https://medium.com/google-developers" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)"> Medium </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210812024512/https://twitter.com/googledevs" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)"> Twitter </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210812024512/https://www.youtube.com/user/GoogleDevelopers" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)"> YouTube </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Programs</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210812024512/https://www.womentechmakers.com/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)"> Women Techmakers </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210812024512/https://developers.google.com/community/gdg" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)"> Google Developer Groups </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210812024512/https://developers.google.com/community/experts" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)"> Google Developers Experts </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210812024512/https://developers.google.com/community/accelerators" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)"> Accelerators </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20210812024512/https://developers.google.com/community/dsc" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)"> Developer Student Clubs </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Developer consoles</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210812024512/https://console.developers.google.com/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)"> Google API Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210812024512/https://console.cloud.google.com/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)"> Google Cloud Platform Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210812024512/https://play.google.com/apps/publish" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)"> Google Play Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210812024512/https://console.firebase.google.com/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)"> Firebase Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210812024512/https://console.actions.google.com/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)"> Actions on Google Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210812024512/https://cast.google.com/publish" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 6)"> Cast SDK Developer Console </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20210812024512/https://chrome.google.com/webstore/developer/dashboard" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 7)"> Chrome Web Store Dashboard </a> </li> </ul> </li> </ul> </nav> </devsite-footer-linkboxes> <devsite-footer-utility class="devsite-footer"> <div class="devsite-footer-utility nocontent"> <nav class="devsite-footer-sites" aria-label="Other Google Developers websites"> <a href="https://web.archive.org/web/20210812024512/https://developers.google.com/" class="devsite-footer-sites-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Developers Link"> <img class="devsite-footer-sites-logo" src="https://web.archive.org/web/20210812024512im_/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/developers/images/lockup-developers.svg" loading="lazy" alt="Google Developers"> </a> <ul class="devsite-footer-sites-list"> <li class="devsite-footer-sites-item"> <a href="//web.archive.org/web/20210812024512/https://developer.android.com/" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Android Link"> Android </a> </li> <li class="devsite-footer-sites-item"> <a href="//web.archive.org/web/20210812024512/https://developer.chrome.com/home" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Chrome Link"> Chrome </a> </li> <li class="devsite-footer-sites-item"> <a href="//web.archive.org/web/20210812024512/https://firebase.google.com/" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Firebase Link"> Firebase </a> </li> <li class="devsite-footer-sites-item"> <a href="//web.archive.org/web/20210812024512/https://cloud.google.com/" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Cloud Platform Link"> Google Cloud Platform </a> </li> <li class="devsite-footer-sites-item"> <a href="/web/20210812024512/https://developers.google.com/products" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer All products Link"> All products </a> </li> </ul> </nav> <nav class="devsite-footer-utility-links" aria-label="Utility links"> <ul class="devsite-footer-utility-list"> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="/web/20210812024512/https://developers.google.com/terms/site-terms" data-category="Site-Wide Custom Events" data-label="Footer Terms link"> Terms </a> </li> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="//web.archive.org/web/20210812024512/https://policies.google.com/privacy" data-category="Site-Wide Custom Events" data-label="Footer Privacy link"> Privacy </a> </li> <li class="devsite-footer-utility-item devsite-footer-utility-button"> <span class="devsite-footer-utility-description">Sign up for the Google Developers newsletter</span> <a class="devsite-footer-utility-link gc-analytics-event" href="//web.archive.org/web/20210812024512/https://services.google.com/fb/forms/googledevelopersnewsletter/?utm_medium=referral&utm_source=google-products&utm_team=googledevs&utm_campaign=201611-newsletter-launch" data-category="Site-Wide Custom Events" data-label="Footer Subscribe link"> Subscribe </a> </li> </ul> <devsite-language-selector> <devsite-select class="devsite-language-selector-menu"> <select aria-label="Select your language preference." class="devsite-language-selector-select" name="language" track-name="click" track-type="languageSelector"> <option>Language</option> <option value="en" lang="en" track-metadata-original-language="en" track-metadata-selected-language="en" track-name="changed" track-type="languageSelector"> English </option> <option value="id" lang="id" track-metadata-original-language="en" track-metadata-selected-language="id" track-name="changed" track-type="languageSelector"> Bahasa Indonesia </option> <option value="de" lang="de" track-metadata-original-language="en" track-metadata-selected-language="de" track-name="changed" track-type="languageSelector"> Deutsch </option> <option value="es" lang="es" track-metadata-original-language="en" track-metadata-selected-language="es" track-name="changed" track-type="languageSelector"> Español </option> <option value="fr" lang="fr" track-metadata-original-language="en" track-metadata-selected-language="fr" track-name="changed" track-type="languageSelector"> Français </option> <option value="pt_br" lang="pt_br" track-metadata-original-language="en" track-metadata-selected-language="pt_br" track-name="changed" track-type="languageSelector"> Português – Brasil </option> <option value="ru" lang="ru" track-metadata-original-language="en" track-metadata-selected-language="ru" track-name="changed" track-type="languageSelector"> Русский </option> <option value="zh_cn" lang="zh_cn" track-metadata-original-language="en" track-metadata-selected-language="zh_cn" track-name="changed" track-type="languageSelector"> 中文 – 简体 </option> <option value="ja" lang="ja" track-metadata-original-language="en" track-metadata-selected-language="ja" track-name="changed" track-type="languageSelector"> 日本語 </option> <option value="ko" lang="ko" track-metadata-original-language="en" track-metadata-selected-language="ko" track-name="changed" track-type="languageSelector"> 한국어 </option> </select> </devsite-select> </devsite-language-selector> </nav> </div> </devsite-footer-utility> <devsite-panel></devsite-panel> </section></section> <devsite-sitemask></devsite-sitemask> <devsite-snackbar></devsite-snackbar> <devsite-tooltip></devsite-tooltip> <devsite-heading-link></devsite-heading-link> <devsite-analytics enable-analytics-iframe> <script type="application/json" analytics>[{"gaid": "UA-24532603-1", "dimensions": {"dimension5": "en", "dimension1": "Signed out", "dimension4": "Google Developers", "dimension3": false, "dimension6": "en", "dimension11": false}, "metrics": {"ratings_count": "metric2", "ratings_value": "metric1"}}]</script> <script type="application/json" gtm>{"parameters": {"freeTrialEligibleUser": "False", "internalUser": "False", "language": {"machineTranslated": "False", "requested": "en", "served": "en"}, "pageType": "landing", "projectName": "Google Developers", "signedIn": "False", "tenant": "developers", "recommendations": {"sourcePage": "", "sourceType": 0, "sourceRank": 0, "sourceIdenticalDescriptions": 0, "sourceTitleWords": 0, "sourceDescriptionWords": 0, "experiment": ""}}}</script> </devsite-analytics> <devsite-badger></devsite-badger> <script nonce="cBoazFDCaacCpB+sYFyURrB/VvzFNU"> (function(d,e,v,s,i,t,E){d['GoogleDevelopersObject']=i; t=e.createElement(v);t.async=1;t.src=s;E=e.getElementsByTagName(v)[0]; E.parentNode.insertBefore(t,E);})(window, document, 'script', 'https://web.archive.org/web/20210812024512/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/developers/js/app_loader.js', '[1,"en",null,"/js/devsite_app_module.js","https://web.archive.org/web/20210812024512/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e","https://web.archive.org/web/20210812024512/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/developers","https://web.archive.org/web/20210812024512/https://developers-dot-devsite-v2-prod.appspot.com",1,null,["/_pwa/developers/manifest.json","https://web.archive.org/web/20210812024512/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/images/video-placeholder.svg","https://web.archive.org/web/20210812024512/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/developers/images/favicon.png","https://web.archive.org/web/20210812024512/https://www.gstatic.com/devrel-devsite/prod/v0089c83aa8227c3439bf2708c0795dd13db533711d44eb626e640152d9fdf05e/developers/images/lockup.svg","https://web.archive.org/web/20210812024512/https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"],1,null,[1,6,8,12,14,17,21,25,40,50,63,70,75,76,80,87,88,91,92,93,97,98,100,101,102,103,104,105,107,108,111,112,113,115,117,118,120,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,138,147,148,151],"AIzaSyAP-jjEJBzmIyKR4F-3XITp8yM9T1gEEI8","AIzaSyB6xiKGDR5O3Ak2okS4rLkauxGUG7XP0hg"]') </script> <devsite-a11y-announce></devsite-a11y-announce> </body> </html>

CINXE.COM

Learning experience | Google Developers