http://apis.google.com/

Last Checked: Nov 17, 2022, 14:20 EST

IP Address: 142.250.191.46
ASN #: AS15169 GOOGLE, US
Location: Unknown, Unknown, Unknown
URL Reputation:
  • Unknown This URL is not identified as malicious in the SafeBrowsing Database.
  • Unknown This URL is not identified as malicious in the PhishTank Database.
  • Unknown PhishCheck thinks this URL is likely not a phish.
  • Unknown OpenPhish: URL not in feed.

Other submissions on 142.250.191.46:

  • https://goo.gl/LHCS9W

  • https://translate.google.com/translate?sl=auto&tl=ja&hl=ja&u=https://spring-king-6e1a.pg0sd7os.workers.dev/

  • https://notifications.google.com/g/p/AD-FnExGm8-gQ8pltRqRBkzKfhLWf3OMbgh2trQ7VjSnjXZ3ISScYKnmlxVhVLlw2rZ-nEvuOVRJNkZ61H0QF0Cb2PPw4LZdxFD95NwBsy7XGDsHZqkNlhqy_Dfy3kmwhCjDpFLI-kNmPxWd23FbBB8b0N1TVMAQVZVgGd_TVgPmSGCbU7xbUwn-dfkHm9UNzQfTPQnf9fQDXLC-208qaux-FTCzl-vL60AlkpQbLkxPOx8GNXjchQzLcMXc6VPjOBill22OFxZXj-Wpt5IHORK7kuNfBIuQL90dwkgCgAI

  • https://sites.google.com/view/1453153123123/supports-accounnts

  • https://drive.google.com/open?id=0B3c2RNr973OATVU2QWhhWFRQRjg

  • https://calendar.google.com/calendar/event?action=VIEW&eid=aDZnZDllNDJ0OHo2NTNnczlnN3VzYzg5dDMgZGJzQGRvbWlub3MuY29tLmF1&tok=MTgjanVoYW5lbG9AZ21haWwuY29tNzMwYWFlNWVkZjViMDk3ZTIxYWRjODVmZmUzZmE2NTA2MDM1NmUyMQ&ctz=Australia%2FBrisbane&hl=en_GB&es=1

  • https://sites.google.com/view/n12accesopessoajuridica

  • https://app-measurement.com/

  • https://u8kv3.app.goo.gl/Qmj4c7e6s8e35nV49

  • http://YouTube.com/

Other submissions on google.com:

  • https://www.google.com/url?q=https%3A%2F%2Ftoslluku.al%2F4%2Findex.php&sa=D&sntz=1&usg=AOvVaw0lENn7uWFU5faR4fbmnpyz

  • https://www.google.com/url?q=https://www.pumaslove.com/user/loginFromCompletePage/

  • https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwjup7S50qH7AhXBYMAKHTloA8EQFnoECBMQAQ&url=https%3A%2F%2Fwww.gbf.ltd%2F&usg=AOvVaw3rdjVVYFB0g9JVCSvuTnzh

  • http://chat.clients6.google.com/

  • https://www.google.com/url?q=https://reichwald-marktforschung.de/#v0D35vd1lhq&sa=D&sntz=1&usg=AOvVaw14ozS2pwrusmYgdWSp8V4Q

  • https://www.google.com/url?q=http%3A%2F%2Fcomeingo.fun%2FNCvd9&sa=D&sntz=1&usg=AOvVaw0Wo1qnJoRmiLs3U35D0sKO

  • http://maps.google.com/maps/api/staticmap?center=39.95857%2C116.469326&zoom=16&size=400x400&sensor=false

  • https://translate.google.com/translate?sl=auto&tl=ja&hl=ja&u=https://spring-king-6e1a.pg0sd7os.workers.dev/

  • https://www.google.com/appserve/mkt/p/0NYUmY_i64MgVdVPGnR8Ibz7_pJJ3cL-FvlXVJTYkZn0mGjepKat8D3aShmBonVQoj6sjlHCpUTMT4SbMOyN2Qe2j5aDAGVDksoX25ZbeNKh2jeh0GCSh_E2DaKXlXe8w3agF9ll6CySYUlrKG1vUh1ZxOel8tAwnKNJPhWY1k_p1D809FylsgXNX1Nj_lAhM3yfMYFc085PfJ8b-p_9PJpCNeOQddxEn3G9gaBF6AhNfhbwbGqFP11yffLP-xlLq9HJ_z1OVusMfDPjH-Lr8y18s8sxDmq2lsa3Jcs7X8w4HOWICb0qJ9vPXUQGO_k4rDmOAmnOrLZL_nxvIDMJbur3tX7iSV8vshOtPCHcJA==

  • https://www.google.com/appserve/mkt/p/AFvIGUcyWCliv8NHnX4yqcwUa0HRh-eA0JgTVkby2LafXbAxtELkFfuMsGPV-eKtjZvnbKjuG8QYjXwqKRck5QhucutTE4GJI8BAkU_ZL--7L4Jtpd0MSnwA_vCh5ZKgz9ijWURxostSBka7psZPTRe1B39_U1tKNxIHiURDridr1gaRTwHSyUcaZVFV85zTplmqB6TPW6GC98sbhj-ubkX4vp4WWWx-NPhqzEhw12PdqtQ6VtPM1u12aWZk2Nm_eq_juKrVR7mkqURuk8MLa7WhV9Tk7LlV9VWbA0Dm7H_9aVDTgbPfvP7H4jxM8dWnZCQDhN--_aQjUYTDaPke9G13OFTqnSMpMz0atKVXG4LX

Previous checks:

                               
                             
  • POST
    200 OK

    https://scone-pa.clients6.google.com/v1/survey/trigger/trigger_anonymous?key=AIzaSyCCxcqdrZ_7QMeLCRY20bh_SXdAYqy70KY

  • http://apis.google.com/ http://developers.google.com/
  • http://developers.google.com/ https://developers.google.com/
  • https://developers.google.com/root_7cf188d65b4b79fd6a11af1f8db957b5692e99134c002f6102ee852a65a656cc.frame https://developers-dot-devsite-v2-prod.appspot.com/root_7cf188d65b4b79fd6a11af1f8db957b5692e99134c002f6102ee852a65a656cc.frame
<html dir="ltr" lang="en"><head>
    <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="/_pwa/developers/manifest.json" crossorigin="use-credentials">
    <link rel="preconnect" href="//www.gstatic.com" crossorigin="">
    <link rel="preconnect" href="//fonts.gstatic.com" crossorigin="">
    <link rel="preconnect" href="//fonts.googleapis.com" crossorigin="">
    <link rel="preconnect" href="//apis.google.com" crossorigin="">
    <link rel="preconnect" href="//www.google-analytics.com" crossorigin=""><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&amp;display=swap">
      <link rel="stylesheet" href="//fonts.googleapis.com/css2?family=Material+Icons&amp;family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&amp;display=block"><link rel="stylesheet" href="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/css/app.css">
      <link rel="shortcut icon" href="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/images/favicon.png">
    <link rel="apple-touch-icon" href="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/images/touchicon-180.png"><link rel="canonical" href="https://developers.google.com/"><link rel="search" type="application/opensearchdescription+xml" title="Google Developers" href="https://developers.google.com/s/opensearch.xml">
      <link rel="alternate" hreflang="en" href="https://developers.google.com/"><link rel="alternate" hreflang="x-default" href="https://developers.google.com/"><link rel="alternate" hreflang="ar" href="https://developers.google.com/?hl=ar"><link rel="alternate" hreflang="bn" href="https://developers.google.com/?hl=bn"><link rel="alternate" hreflang="zh-Hans" href="https://developers.google.com/?hl=zh-cn"><link rel="alternate" hreflang="zh-Hant" href="https://developers.google.com/?hl=zh-tw"><link rel="alternate" hreflang="fa" href="https://developers.google.com/?hl=fa"><link rel="alternate" hreflang="fr" href="https://developers.google.com/?hl=fr"><link rel="alternate" hreflang="de" href="https://developers.google.com/?hl=de"><link rel="alternate" hreflang="he" href="https://developers.google.com/?hl=he"><link rel="alternate" hreflang="hi" href="https://developers.google.com/?hl=hi"><link rel="alternate" hreflang="id" href="https://developers.google.com/?hl=id"><link rel="alternate" hreflang="it" href="https://developers.google.com/?hl=it"><link rel="alternate" hreflang="ja" href="https://developers.google.com/?hl=ja"><link rel="alternate" hreflang="ko" href="https://developers.google.com/?hl=ko"><link rel="alternate" hreflang="pl" href="https://developers.google.com/?hl=pl"><link rel="alternate" hreflang="pt-BR" href="https://developers.google.com/?hl=pt-br"><link rel="alternate" hreflang="ru" href="https://developers.google.com/?hl=ru"><link rel="alternate" hreflang="es-419" href="https://developers.google.com/?hl=es-419"><link rel="alternate" hreflang="th" href="https://developers.google.com/?hl=th"><link rel="alternate" hreflang="tr" href="https://developers.google.com/?hl=tr"><link rel="alternate" hreflang="vi" href="https://developers.google.com/?hl=vi"><title>Google Developers</title>

<meta property="og:title" content="Google Developers"><meta name="description" content="Everything you need to build better apps.">
  <meta property="og:description" content="Everything you need to build better apps."><meta property="og:url" content="https://developers.google.com/"><meta property="og:image" content="https://developers.google.com/static/site-assets/images/home/developers-social-media.png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="675"><meta property="og:locale" content="en"><meta name="twitter:card" content="summary_large_image">
    <meta name="google-site-verification" content="u63GsPxC7nSL9_iKT6-jN0FpOze5tBvZ0yeeayDob7g"><script src="https://apis.google.com/_/scs/abc-static/_/js/k=gapi.lb.en.P0B2vZm_jJk.O/m=client/rt=j/sv=1/d=1/ed=1/rs=AHpOoo_nmCaDbrwZCe_WiNZEgKVKQ-FnSA/cb=gapi.loaded_0?le=scs" nonce="" async=""></script><script type="text/javascript" async="" src="https://www.google-analytics.com/plugins/ua/linkid.js" nonce=""></script><script async="" src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/app_loader.js"></script><script type="application/ld+json">
  {
    "@context": "http://schema.org/",
    "@type": "Organization",
    "name": "Google Developers",
    "logo": "https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/images/touchicon-180.png",
    "url": "https://developers.google.com/"
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "WebSite",
    "name": "Google Developers",
    "url": "https://developers.google.com/",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "https://developers.google.com/s/results?q={search_term_string}",
      "query-input": "required name=search_term_string"
    }
  }
  </script>
    
      <link rel="stylesheet" href="/extras.css"><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_app_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_app_custom_elements_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_a11y_announce_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_analytics_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_badger_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_book_nav_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_bookmark_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_content_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_dynamic_hero_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_feature_tooltip_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_footer_linkboxes_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_footer_promos_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_footer_utility_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_hats_survey_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_header_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_heading_link_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_iframe_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_language_selector_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_notification_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_panel_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_progress_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_recommendations_sidebar_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_recommended_content_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_search_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_sitemask_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_snackbar_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_tabs_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_toc_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_tooltip_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_user_module.js" nonce=""></script><script src="//www.google-analytics.com/analytics.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_badge_awarded_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_dialog_module.js" nonce=""></script><script async="" src="https://www.gstatic.com/feedback/js/help/prod/service/lazy.min.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_carousel_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_info_popout_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_rich_tooltip_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/devsite_devsite_spinner_module.js" nonce=""></script><script type="text/javascript" charset="UTF-8" nonce="" src="https://apis.google.com/js/client.js" gapi_processed="true"></script><style type="text/css"></style><script type="text/javascript" charset="UTF-8" nonce="" src="https://apis.google.com/js/api.js" gapi_processed="true"></script></head>
  <body class="dgc-hero-fullscreen" template="landing" theme="white" type="article" layout="full" touch="" style="--devsite-js-header-height: 49px; --devsite-panel-height: 0px;" ready="">
    <devsite-progress id="app-progress"></devsite-progress>
  
    <section class="devsite-wrapper"><devsite-header no-lower-row="" top-row--height="49" bottom-row--height="0" bottom-tabs--height="0" bottom-row--hidden="" fixed="">
  
    























<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" aria-label="Open menu">
        </button>
        <div class="devsite-product-name-wrapper">

  <a href="/" 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://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/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" connected="">

    

  <nav class="devsite-tabs-wrapper" aria-label="Upper tabs">
      
        
          <tab dropdown="">
  <a href="https://developers.google.com/products" class="gc-analytics-event " track-type="nav" 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" track-name="products">
  Products
</a>

  <a href="#" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Dropdown menu for Products" track-type="nav" 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" track-name="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="//developer.android.com" track-type="nav" 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="//chromeos.dev/" track-type="nav" track-metadata-eventdetail="//chromeos.dev/" track-metadata-position="nav - products" track-metadata-module="tertiary nav" track-metadata-module_headline="develop" tooltip="">
                    
                    <div class="devsite-nav-item-title">
                      ChromeOS
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="//cloud.google.com" track-type="nav" 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="//firebase.google.com" track-type="nav" 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="//flutter.dev" track-type="nav" 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://developers.google.com/assistant" track-type="nav" 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://developers.google.com/workspace" track-type="nav" 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://developers.google.com/maps" track-type="nav" 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="//www.tensorflow.org" track-type="nav" 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://developers.google.com/web" track-type="nav" 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://developers.google.com/youtube" track-type="nav" 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="//firebase.google.com" track-type="nav" 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://developers.google.com/google-ads" track-type="nav" 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://developers.google.com/analytics" track-type="nav" 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="//developer.android.com/distribute/" track-type="nav" 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://developers.google.com/search" track-type="nav" 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://developers.google.com/web/fundamentals/engage-and-retain/push-notifications" track-type="nav" 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://developers.google.com/admob" track-type="nav" 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://developers.google.com/google-ads/api" track-type="nav" 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://developers.google.com/pay" track-type="nav" 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="//developer.android.com/google/play/billing/" track-type="nav" 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://developers.google.com/interactive-media-ads" track-type="nav" 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://developers.google.com/events" class="gc-analytics-event " track-type="nav" 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" track-name="events">
  Events
</a>

          </tab>
        
      
        
          <tab>
            <a href="https://developers.google.com/learn" class="gc-analytics-event " track-type="nav" track-metadata-eventdetail="https://developers.google.com/learn" track-metadata-position="nav - learn" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Learn" track-name="learn">
  Learn
</a>

          </tab>
        
      
        
          <tab dropdown="">
  <a href="https://developers.google.com/community" class="gc-analytics-event " track-type="nav" track-metadata-eventdetail="https://developers.google.com/community" track-metadata-position="nav - community" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Community" track-name="community">
  Community
</a>

  <a href="#" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Dropdown menu for Community" track-type="nav" track-metadata-eventdetail="https://developers.google.com/community" track-metadata-position="nav - community" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Community" track-name="community" 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="">Groups</li>
              
              
              
                <li class="devsite-nav-item">
                  <a href="https://developers.google.com/community/gdg" track-type="nav" track-metadata-eventdetail="https://developers.google.com/community/gdg" track-metadata-position="nav - community" track-metadata-module="tertiary nav" track-metadata-module_headline="groups" tooltip="">
                    
                    <div class="devsite-nav-item-title">
                      Google Developer Groups
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="https://developers.google.com/community/gdsc" track-type="nav" track-metadata-eventdetail="https://developers.google.com/community/gdsc" track-metadata-position="nav - community" track-metadata-module="tertiary nav" track-metadata-module_headline="groups" tooltip="">
                    
                    <div class="devsite-nav-item-title">
                      Google Developer Student Clubs
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="https://developers.google.com/womentechmakers" track-type="nav" track-metadata-eventdetail="https://developers.google.com/womentechmakers" track-metadata-position="nav - community" track-metadata-module="tertiary nav" track-metadata-module_headline="groups" tooltip="">
                    
                    <div class="devsite-nav-item-title">
                      Women Techmakers
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="https://developers.google.com/community/experts" track-type="nav" track-metadata-eventdetail="https://developers.google.com/community/experts" track-metadata-position="nav - community" track-metadata-module="tertiary nav" track-metadata-module_headline="groups" tooltip="">
                    
                    <div class="devsite-nav-item-title">
                      Google Developer Experts
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="https://www.techequitycollective.com" track-type="nav" track-metadata-eventdetail="https://www.techequitycollective.com" track-metadata-position="nav - community" track-metadata-module="tertiary nav" track-metadata-module_headline="groups" tooltip="">
                    
                    <div class="devsite-nav-item-title">
                      Tech Equity Collective
                    </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="">Programs</li>
              
              
              
                <li class="devsite-nav-item">
                  <a href="https://developers.google.com/community/accelerators" track-type="nav" track-metadata-eventdetail="https://developers.google.com/community/accelerators" track-metadata-position="nav - community" track-metadata-module="tertiary nav" track-metadata-module_headline="programs" tooltip="">
                    
                    <div class="devsite-nav-item-title">
                      Accelerator
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="https://codingcompetitions.withgoogle.com" track-type="nav" track-metadata-eventdetail="https://codingcompetitions.withgoogle.com" track-metadata-position="nav - community" track-metadata-module="tertiary nav" track-metadata-module_headline="programs" tooltip="">
                    
                    <div class="devsite-nav-item-title">
                      Coding Competitions
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="https://developers.google.com/community/gdsc-solution-challenge" track-type="nav" track-metadata-eventdetail="https://developers.google.com/community/gdsc-solution-challenge" track-metadata-position="nav - community" track-metadata-module="tertiary nav" track-metadata-module_headline="programs" tooltip="">
                    
                    <div class="devsite-nav-item-title">
                      Solution Challenge
                    </div>
                    
                  </a>
                </li>
              
                <li class="devsite-nav-item">
                  <a href="https://developers.google.com/community/devfest" track-type="nav" track-metadata-eventdetail="https://developers.google.com/community/devfest" track-metadata-position="nav - community" track-metadata-module="tertiary nav" track-metadata-module_headline="programs" tooltip="">
                    
                    <div class="devsite-nav-item-title">
                      DevFest
                    </div>
                    
                  </a>
                </li>
              
            </ul>
          
        </div>
      
    </div>
  </div>
</tab>
        
      
        
          <tab>
            <a href="https://developers.google.com/profile/u/me" class="gc-analytics-event " track-type="nav" 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" track-name="developer profile">
  Developer Profile
</a>

          </tab>
        
      
        
          <tab>
            <a href="https://developers.googleblog.com" class="gc-analytics-event " track-type="nav" 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" track-name="blog">
  Blog
</a>

          </tab>
        
      
    <tab overflow-tab="" hidden=""><a href="#" class="devsite-icon devsite-icon-arrow-drop-down">More</a><div class="devsite-tabs-overflow-menu" scrollbars="" hidden=""></div></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://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" autocomplete="off" class="devsite-search-field devsite-search-query" name="q" placeholder="Search" role="searchbox" type="text" value="" aria-controls="devsite-search-popout-container-id-1">
        <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>
  <div class="devsite-popout" id="devsite-search-popout-container-id-1"><div class="devsite-popout-result devsite-suggest-results-container" devsite-hide=""></div></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 class="devsite-search-background" style="opacity: 1;"></div></div>

        

        

        

        
<devsite-language-selector aria-label="Select your language preference.">
  <ul role="presentation">
    
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/" aria-current="true" lang="en">English</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=id" lang="id">Bahasa Indonesia</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=de" lang="de">Deutsch</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=es" lang="es">Español</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=es-419" lang="es-419">Español – América Latina</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=fr" lang="fr">Français</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=it" lang="it">Italiano</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=pl" lang="pl">Polski</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=pt-br" lang="pt-br">Português – Brasil</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=vi" lang="vi">Tiếng Việt</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=tr" lang="tr">Türkçe</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=ru" lang="ru">Русский</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=he" lang="he">עברית</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=ar" lang="ar">العربيّة</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=fa" lang="fa">فارسی</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=hi" lang="hi">हिंदी</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=bn" lang="bn">বাংলা</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=th" lang="th">ภาษาไทย</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=zh-cn" lang="zh-cn">中文 – 简体</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=zh-tw" lang="zh-tw">中文 – 繁體</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=ja" lang="ja">日本語</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=ko" lang="ko">한국어</a>
    </li>
    
  </ul>
</devsite-language-selector>


        

        
          
          
          <devsite-user enable-profiles="" fp-auth="" id="devsite-user" sign-in-url="https://developers.google.com/_d/signin?continue=https%3A%2F%2Fdevelopers.google.com%2F&amp;prompt=select_account" sign-out-url="https://developers.google.com/_d/signout?continue=https%3A%2F%2Fdevelopers.google.com%2F" url="https://developers.google.com/_d/signout?continue=https%3A%2F%2Fdevelopers.google.com%2F"><div class="ogb-wrapper ogb-si"><a href="https://developers.google.com/_d/signin?continue=https%3A%2F%2Fdevelopers.google.com%2F&amp;prompt=select_account" class="devsite-user-signin button devsite-top-button" track-type="globalNav" track-name="signIn" track-metadata-eventdetail="nav" track-metadata-position="nav">
  Sign in
</a></div></devsite-user>
           
        
      </div>
    </div>
  </div>



  <div class="devsite-collapsible-section
    
      devsite-header-no-lower-tabs
    " style="transform: translate3d(0px, 0px, 0px);">
    <div class="devsite-header-background">
      
      
    </div>
  </div>

</div>



  
</devsite-header>
      <div class="devsite-book-nav-bg" fixed="" hidden=""></div><devsite-book-nav scrollbars="" fixed="" style="top: 49px; max-height: 946px;" top-level-nav="" hidden="">
        
          





















<div class="devsite-book-nav-filter
            hidden">
  <input type="text" placeholder="Filter" aria-label="Type to filter" role="searchbox">
  
  <span class="filter-clear-button hidden" data-title="Clear filter" aria-label="Clear filter" role="button" tabindex="0"></span>
</div>

<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="/" 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://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/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="/products" class="devsite-nav-title gc-analytics-event
              
              " data-category="Site-Wide Custom Events" data-label="Tab: Products" track-name="products" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
  
    <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="" data-category="Site-Wide Custom Events" data-label="Tab: Products" track-name="products">
  
    <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="/events" class="devsite-nav-title gc-analytics-event
              
              " data-category="Site-Wide Custom Events" data-label="Tab: Events" track-name="events" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip="">
      Events
   </span>
    
  
  </a>
  

  
              
            </li>
          
            <li class="devsite-nav-item">
              
  
  <a href="/learn" class="devsite-nav-title gc-analytics-event
              
              " data-category="Site-Wide Custom Events" data-label="Tab: Learn" track-name="learn" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip="">
      Learn
   </span>
    
  
  </a>
  

  
              
            </li>
          
            <li class="devsite-nav-item">
              
  
  <a href="/community" class="devsite-nav-title gc-analytics-event
              
              " data-category="Site-Wide Custom Events" data-label="Tab: Community" track-name="community" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip="">
      Community
   </span>
    
  
  </a>
  

  
    <ul class="devsite-nav-responsive-tabs devsite-nav-has-menu
               ">
      
<li class="devsite-nav-item">

  
  <span class="devsite-nav-title" tooltip="" data-category="Site-Wide Custom Events" data-label="Tab: Community" track-name="community">
  
    <span class="devsite-nav-text" tooltip="" menu="Community">
      More
   </span>
    
    <span class="devsite-nav-icon material-icons" data-icon="forward" menu="Community">
    </span>
    
  
  </span>
  

</li>

    </ul>
  
              
            </li>
          
            <li class="devsite-nav-item">
              
  
  <a href="/profile/u/me" class="devsite-nav-title gc-analytics-event
              
              " data-category="Site-Wide Custom Events" data-label="Tab: Developer Profile" track-name="developer profile" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip="">
      Developer Profile
   </span>
    
  
  </a>
  

  
              
            </li>
          
            <li class="devsite-nav-item">
              
  
  <a href="https://developers.googleblog.com" class="devsite-nav-title gc-analytics-event
              
              " data-category="Site-Wide Custom Events" data-label="Tab: Blog" track-name="blog" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
  
    <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="//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">
  
    <span class="devsite-nav-text" tooltip="">
      Android
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//chromeos.dev/" class="devsite-nav-title gc-analytics-event
              
              " data-category="Site-Wide Custom Events" data-label="Responsive Tab: ChromeOS" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip="">
      ChromeOS
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//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">
  
    <span class="devsite-nav-text" tooltip="">
      Cloud
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//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">
  
    <span class="devsite-nav-text" tooltip="">
      Firebase
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//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">
  
    <span class="devsite-nav-text" tooltip="">
      Flutter
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/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">
  
    <span class="devsite-nav-text" tooltip="">
      Google Assistant
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/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">
  
    <span class="devsite-nav-text" tooltip="">
      Google Workspace
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/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">
  
    <span class="devsite-nav-text" tooltip="">
      Maps Platform
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//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">
  
    <span class="devsite-nav-text" tooltip="">
      TensorFlow
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/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">
  
    <span class="devsite-nav-text" tooltip="">
      Web
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/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">
  
    <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="//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">
  
    <span class="devsite-nav-text" tooltip="">
      Firebase
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/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">
  
    <span class="devsite-nav-text" tooltip="">
      Google Ads
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/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">
  
    <span class="devsite-nav-text" tooltip="">
      Google Analytics
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//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">
  
    <span class="devsite-nav-text" tooltip="">
      Google Play
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/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">
  
    <span class="devsite-nav-text" tooltip="">
      Search
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/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">
  
    <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="/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">
  
    <span class="devsite-nav-text" tooltip="">
      AdMob
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/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">
  
    <span class="devsite-nav-text" tooltip="">
      Google Ads API
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/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">
  
    <span class="devsite-nav-text" tooltip="">
      Google Pay
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="//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">
  
    <span class="devsite-nav-text" tooltip="">
      Google Play Billing
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/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">
  
    <span class="devsite-nav-text" tooltip="">
      Interactive Media Ads
   </span>
    
  
  </a>
  

</li>

            
          
        
      </ul>
    
  
    
  
    
  
    
      
      <ul class="devsite-nav-list" menu="Community" 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="">
      Groups
   </span>
    
  
  </span>
  

</li>

            
            
              
<li class="devsite-nav-item">

  
  <a href="/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">
  
    <span class="devsite-nav-text" tooltip="">
      Google Developer Groups
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/community/gdsc" 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">
  
    <span class="devsite-nav-text" tooltip="">
      Google Developer Student Clubs
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/womentechmakers" 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">
  
    <span class="devsite-nav-text" tooltip="">
      Women Techmakers
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/community/experts" class="devsite-nav-title gc-analytics-event
              
              " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Developer Experts" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip="">
      Google Developer Experts
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="https://www.techequitycollective.com" class="devsite-nav-title gc-analytics-event
              
              " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Tech Equity Collective" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip="">
      Tech Equity Collective
   </span>
    
  
  </a>
  

</li>

            
          
        
          
            
              
<li class="devsite-nav-item devsite-nav-heading">

  
  <span class="devsite-nav-title" tooltip="">
  
    <span class="devsite-nav-text" tooltip="">
      Programs
   </span>
    
  
  </span>
  

</li>

            
            
              
<li class="devsite-nav-item">

  
  <a href="/community/accelerators" class="devsite-nav-title gc-analytics-event
              
              " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Accelerator" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip="">
      Accelerator
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="https://codingcompetitions.withgoogle.com" class="devsite-nav-title gc-analytics-event
              
              " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Coding Competitions" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip="">
      Coding Competitions
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/community/gdsc-solution-challenge" class="devsite-nav-title gc-analytics-event
              
              " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Solution Challenge" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip="">
      Solution Challenge
   </span>
    
  
  </a>
  

</li>

            
              
<li class="devsite-nav-item">

  
  <a href="/community/devfest" class="devsite-nav-title gc-analytics-event
              
              " data-category="Site-Wide Custom Events" data-label="Responsive Tab: DevFest" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip="">
      DevFest
   </span>
    
  
  </a>
  

</li>

            
          
        
      </ul>
    
  
    
  
    
  
        
        
      </div>
    
  </div>
</nav>
        
      </devsite-book-nav><div class="devsite-book-nav-blur" fixed="" style="--devsite-js-book-nav-scrollbar-width: 0px;" hidden=""></div><button class="devsite-book-nav-toggle" aria-haspopup="menu" fixed="" aria-label="Hide side navigation" data-title="Hide side navigation" aria-expanded="true" hidden=""><span class="material-icons devsite-book-nav-toggle-icon"></span></button>
      <section id="gc-wrapper" style="margin-top: 49px;">
        <main role="main" class="devsite-main-content">
          
          <div class="devsite-sidebar" fixed="" style="--devsite-js-sidebar-max-height: 898px; --devsite-js-sidebar-offset: 0;">
            <div class="devsite-sidebar-content">
              <devsite-toc class="devsite-nav" role="navigation" aria-label="On this page" depth="2" scrollbars="" disabled=""></devsite-toc>
              <devsite-recommendations-sidebar class="nocontent devsite-nav">
              </devsite-recommendations-sidebar>
            </div>
          </div>
          <devsite-content>
            
              











<article class="devsite-article"><style>
      /* Styles inlined from /site-assets/styles/landing.css */
/* Home page template - hero promo full bleed */
.dgc-hero-promo-full-bleed,
.dgc-hero-promo-full-bleed-black-text {
  padding: 0;
}

.dgc-hero-promo-full-bleed-black-text
.devsite-landing-row-item-description-content {
  color: black;
}

.dgc-hero-promo-full-bleed .devsite-landing-row-inner,
.dgc-hero-promo-full-bleed-black-text .devsite-landing-row-inner{
  padding: 0 2.5rem;
}

.dgc-hero-promo-full-bleed-black-text a {
  color: black !important;
}

.dgc-hero-promo-full-bleed img,
.dgc-hero-promo-full-bleed-black-text img {
  border-radius: .6rem;
}

.dgc-hero-promo-full-bleed .dgc-hero-promo-full-bleed-button {
  background-color: transparent !important;
  border: 1px solid var(--tenant-inverted-text-color, white) !important;
  color: var(--tenant-inverted-text-color, white) !important;
}

.dgc-hero-promo-full-bleed-black-text .dgc-hero-promo-full-bleed-button {
  background-color: transparent !important;
  border: 1px solid var(--tenant-primary-text-color, black) !important;
  color: var(--tenant-primary-text-color, black) !important;
}

.dgc-hero-promo-full-bleed-button:hover,
.dgc-hero-promo-full-bleed-button:focus {
  background-color: rgb(0,0,0,.15) !important;
}

@media screen and (max-width: 870px) {
  .dgc-hero-promo-full-bleed,
  .dgc-hero-promo-full-bleed-black-text {
    padding: 24px 0;
  }
}

@media screen and (max-width: 600px) {
  .dgc-hero-promo-full-bleed,
  .dgc-hero-promo-full-bleed-black-text {
    padding: 1px 0 36px;
  }
}

/* Home page template - hero promo full bleed with animation */
.dgc-hero-promo-animated figure {
  background-image: url(/homepage-assets/images/build-anything-with-google.png) !important;
  background-size: contain !important;
  border-radius: .6rem;
}

.dgc-hero-promo-animated img {
  animation: heroPromo 4s;
}

@keyframes heroPromo {
  0%, 50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Home page template - hero promo stories offset */
.dgc-hero-offset-inner > div:first-child {
  margin-inline-start: -10vw;
  min-width: 50vw;
  width: 880px;
}

/* [1] Ensure the row item description slightly overlaps its media. */
.dgc-hero-offset-inner > div:last-child {
  background-color: var(--tenant-background-1);
  border-radius: 8px;
  box-shadow: 0 0 30px -10px grey;
  padding: 32px;
  z-index: 1 /* [1] */;
}

.dgc-hero-offset > div {
  padding: 0 48px;
}

.dgc-hero-offset img {
  border-radius: 8px;
  height: 400px;
  object-fit: cover;
}

@media screen and (max-width: 1310px) {
  .dgc-hero-offset-inner > div:first-child {
    margin-inline-start: -14vw;
    width: 78vw;
  }

  .dgc-hero-offset-inner > div:last-child {
    width: 40vw;
  }

  .dgc-hero-offset-inner h3 a {
    display: inline-block;
    font-size: 24px;
    line-height: 28px;
  }
}

@media screen and (max-width: 840px) {
  .dgc-hero-offset > div {
    padding: 0;
  }

  /* [1] Forces hero to display in a column with flex centering rather than a
   * row at 840px width */
  .dgc-hero-offset-inner {
    display: flex !important; /* [1] */
  }

  /* [1] Forces image container width to full screen width when resized to 840px
   * rather than having small amounts of whitespace on each side. */
  .dgc-hero-offset-inner > div:first-child {
    margin-inline-start: 0;
    width: 100% !important /* [1] */;
  }

  .dgc-hero-offset img {
    border-radius: 0;
    height: 50vh;
  }

  /* [1] Pull the description up in order to to overlap the image. */
  /* [2] Adds padding to header/description card at lower resolution width
   * because mobile breakpoints remove all padding. */
  .dgc-hero-offset-inner > div:last-child {
    margin-top: -144px !important; /* [1] */
    padding: 32px !important; /* [2] */
    width: calc(100% - 64px);
  }
}

/* Home page template - I/O Fullscreen takeover */
.dgc-hero-fullscreen {
  --dgc-hero-grid:
    '. . . .' 2fr
    '. heading . .'
    '. item . .'
    '. . . .' 1fr / 80px 8fr 10fr 80px;
  --dgc-hero-heading-font-size: 58px;
  --dgc-hero-heading-line-height: 64px;
  --dgc-hero-margin: 0 calc(-50vw + 50%);
}

/* Hide the banner on the homepage while DevCenter experiments are running. */
.dgc-hero-fullscreen .devsite-banner-announcement {
  display: none;
}

@media screen and (max-width: 1000px) {
  .dgc-hero-fullscreen {
    --dgc-hero-grid:
      '. .' 4fr
      'heading .'
      'item .'
      '. .' 1fr / 2fr 1fr;
    --dgc-hero-margin: 0;
  }
}

@media screen and (max-width: 600px) {
  .dgc-hero-fullscreen {
    --dgc-hero-grid:
      '.' 5fr
      'heading'
      'item'
      '.' 1fr / 1fr;
    --dgc-hero-heading-font-size: 36px;
    --dgc-hero-heading-line-height: 40px;
  }
}

/* [1] Override default overflow hidden property to allow sticky properties,
 * which allows fullscreen takeover to slide over the below content. */
.dgc-hero-fullscreen .devsite-wrapper {
  overflow: unset !important; /* [1] */
}

/* [1] Override primary color background so that the row has a transparent
 * background that doesn't cover up the background image. */
.dgc-hero-fullscreen-row {
  background: transparent !important; /* [1]  */
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

.dgc-hero-fullscreen-row::after,
.dgc-hero-fullscreen-row .devsite-landing-row-html {
  height: calc(100vh - 48px);
}

.dgc-hero-fullscreen-row::after {
  background: url(/homepage-assets/images/io-promo.svg) 55% top / cover;
  content: '';
  position: absolute;
  top: 0;
  width: 100vw;
}

.dgc-hero-fullscreen-row .devsite-landing-row-html {
  display: grid;
  grid: var(--dgc-hero-grid);
  margin: var(--dgc-hero-margin);
}

.dgc-hero-fullscreen-row h2,
.dgc-hero-fullscreen-item {
  z-index: 1;
}

.dgc-hero-fullscreen-row h2 {
  color: white;
  font-size: var(--dgc-hero-heading-font-size);
  grid-area: heading;
  line-height: var(--dgc-hero-heading-line-height);
}

.dgc-hero-fullscreen-item {
  background: var(--tenant-background-1);
  border: var(--tenant-primary-border);
  border-radius: 8px;
  grid-area: item;
  padding: 16px;
}

/* Home page - logo garden following fullscreen hero */
.dgc-hero-fullscreen-row + .dgc-logo-garden {
  bottom: -30vh;
  position: sticky;
}

/* Home page - hero */
/* Add a border between the hero and any following row other than .dgc-recs */
.dgc-hero + .devsite-landing-row:not(.dgc-recs) {
  border-top: 2px solid #f1f3f4;
}

.dgc-hero img {
  aspect-ratio: 720 / 416;
}

.dgc-hero .devsite-landing-row-item .devsite-landing-row-item-body h3 {
  font-size: 32px;
  line-height: 40px;
}

.dgc-hero .devsite-landing-row-item-image {
  margin: 40px auto;
}

.dgc-hero .devsite-landing-row-item-buttons {
  padding-top: 38px;
}

.dgc-recs-fallback {
  padding-top: 46px;
}

/* Reduce bottom padding for row to compensate for the extra space taken up by
 * carousel markers. */
.dgc-recs-carousel {
  padding-bottom: 16px;
}

/* Markers are only visible above 600px, so normalize the row padding for
 * mobile. */
@media screen and (max-width: 600px) {
  .dgc-recs-carousel {
    padding: 16px 26px;
  }
}

/* Home page - recommended content fallback */
.dgc-recs-fallback h2 {
  display: flex;
  font-size: 16px;
  line-height: 24px;
  margin-block: 0 24px;
}

.dgc-recs-fallback[header-position='top']
  .devsite-landing-row-header +
  .devsite-landing-row-group {
  margin: 0;
}

.dgc-recs-fallback .devsite-landing-row-item-no-media h3 {
  font-size: 20px;
  line-height: 28px;
}

.dgc-recs-fallback .devsite-landing-row-item-icon-container[size],
.dgc-recs-fallback [size] .devsite-landing-row-item-icon {
  height: 32px;
  width: 32px;
}

/* Home page - logo garden */
.dgc-logo-garden .devsite-landing-row-item-custom-image-icon {
  width: 64px;
}

.dgc-logo-garden-cta {
  padding-bottom: 100px;
}

@media screen and (max-width: 600px) {
  .dgc-hero-fullscreen-row + .dgc-logo-garden {
    bottom: -70vh;
  }

  .dgc-logo-garden-cta {
    margin-top: 40px;
  }
}

/* Home page - programs */
.dgc-programs.devsite-landing-row-item {
  overflow: visible;
}

.dgc-programs .devsite-landing-row-item-image {
  position: relative;
}

.dgc-programs .devsite-landing-row-item-image::before {
  background: center / contain no-repeat;
  content: '';
  display: block;
  height: 160px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 160px;
}

.dgc-programs--events .devsite-landing-row-item-image::before {
  background-image: url(/site-assets/images/home/events-graphic.png);
}

.dgc-programs--community .devsite-landing-row-item-image::before {
  background-image: url(/site-assets/images/home/community-graphic.png);
}

@media screen and (max-width: 840px) {
  .dgc-programs .devsite-landing-row-item-media {
    overflow: visible !important;
  }
}

/* Home page - experts */
.devsite-directory__wrapper {
  padding: 0 12px 0;
}

.devsite-directory__content {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(var(--directory-columns, 4), 1fr);
}

.devsite-directory__content__item {
  background-color: #fff;
  margin: 0;
  padding: 0;
}

.experts-row {
  overflow: hidden;
}

.experts-directory__item__profile {
  padding: 20px 20px 0;
  text-align: center;
}

.experts-directory__item__profile-pic-holder {
  background-size: cover;
  border-radius: 50%;
  display: block;
  height: 100px;
  margin: 0 auto 20px;
  overflow: hidden;
  position: relative;
  width: 100px;
}

.experts-directory__item__name {
  margin: 0;
}

.experts-directory__item__name h3 {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  padding-top: 15px;
  text-align: center;
}

.experts-directory__item__location,
.experts-directory__item__experience {
  font: 400 14px/20px;
  margin-top: 0;
}

.experts-directory__item__expertise {
  color: gray;
}

.experts-directory__item__view-profile {
  margin: auto auto 16px;
}

@media screen and (max-width: 1000px) {
  .devsite-directory__content {
    --directory-columns: 2;
  }
}

@media screen and (max-width: 500px) {
  .devsite-directory__content {
    --directory-columns: 1;
  }
}

      </style>
  
  
    <div class="devsite-banner devsite-banner-announcement">
      <div class="devsite-banner-message">
        <div class="devsite-banner-message-text">
          <style>
  .devsite-banner-announcement {
    background: #e1f3fc;
    color: #02527e;
    font-size: 16px;
    font-weight: 500;
  }
  .devsite-banner-announcement a {
    color: #02527e;
    font-weight: 700;
  }
  .devsite-banner-announcement a:link:not(.button),
  .devsite-banner-announcement a:visited:not(.button) {
    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> <span class="nocontent">Work smarter and build faster - <a href="https://developers.google.com/events" class="gc-analytics-event nocontent" data-category="Announcement" data-label="Events promotion">see how at a developer event</a> </span>

        </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://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://developers.google.com/products" 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="">
    
        Products
      
  </a>
  
    
  </li>
  
</ul>
    
  </div>
  
    
  
  <devsite-toc class="devsite-nav" depth="2" devsite-toc-embedded="" disabled="">
  </devsite-toc>

  

  






<div class="devsite-article-body clearfix
  devsite-no-page-title">

  
    
  <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-67 devsite-landing-row-hero devsite-landing-row-no-image-background dgc-hero dgc-hero-promo-full-bleed gc-analytics-event" background="google-blue" header-position="top" style="height: 341.933px;">
    <div class="devsite-landing-row-inner">

    
      

      

        <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-image">
  
  <a href="https://developers.google.com/learn" data-category="Homepage Hero Banner" data-label="Learn to build anything with Google, Main Title" data-action="link">
    
  
  
    <img alt="" src="https://developers.google.com/static/site-assets/images/home/learn_hero.jpg" srcset="https://developers.google.com/static/site-assets/images/home/learn_hero_36.jpg 36w,https://developers.google.com/static/site-assets/images/home/learn_hero_48.jpg 48w,https://developers.google.com/static/site-assets/images/home/learn_hero_72.jpg 72w,https://developers.google.com/static/site-assets/images/home/learn_hero_96.jpg 96w,https://developers.google.com/static/site-assets/images/home/learn_hero_480.jpg 480w,https://developers.google.com/static/site-assets/images/home/learn_hero_720.jpg 720w,https://developers.google.com/static/site-assets/images/home/learn_hero_856.jpg 856w,https://developers.google.com/static/site-assets/images/home/learn_hero_960.jpg 960w,https://developers.google.com/static/site-assets/images/home/learn_hero_1440.jpg 1440w,https://developers.google.com/static/site-assets/images/home/learn_hero_1920.jpg 1920w,https://developers.google.com/static/site-assets/images/home/learn_hero_2880.jpg 2880w" sizes="(max-width: 600px) 100vw, (max-width: 840px) 50vw, 464px" loading="lazy">
  
  
  </a>
  
</figure>
  
</div>


    
    <div class="devsite-landing-row-item-description">

      

      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="learn-to-build-anything-with-google" data-text="Learn to build anything with Google" class="hide-from-toc no-link">
      
  <a href="https://developers.google.com/learn" data-category="Homepage Hero Banner" data-label="Learn to build anything with Google, Main Title" data-action="link">
    
        Learn to build anything with Google
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Join the one-stop destination for self-guided coding exercises, quizzes, technical articles, and video tutorials. Gain the software skills you need to develop with Google's technology.

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://developers.google.com/learn" class="button dgc-hero-promo-full-bleed-button
      " data-category="Homepage Hero Banner" data-label="Learn to build anything with Google, Start learning">Start learning</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
        </div>
      

    
    </div>
  <devsite-dynamic-hero>

      <!---->
          <!--?lit$49103649$-->
        <div class="devsite-landing-row-inner">
          <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-image ">
                  <a data-category="Homepage Hero Banner, Dynamic" data-action="link" href="https://www.tensorflow.org/lite" data-label="TensorFlow Lite | ML for Mobile and Edge Devices">
                    <!--?lit$49103649$--><!--?lit$49103649$--><div class="devsite-recommended-content-item-icon" aria-label="TensorFlow" data-title="TensorFlow"><!--?lit$49103649$-->
        <img alt="" src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/tensorflow/images/icon.svg"></div><!--?-->
                  </a>
                </figure>
              </div>
              <div class="devsite-landing-row-item-description">
                <div class="devsite-landing-row-item-body">
                  <h3 class="hide-from-toc no-link">
                    <a data-category="Homepage Hero Banner, Dynamic" data-action="link" href="https://www.tensorflow.org/lite" data-label="TensorFlow Lite | ML for Mobile and Edge Devices, Main Title">
                      <!--?lit$49103649$-->TensorFlow Lite | ML for Mobile and Edge Devices
                    </a>
                  </h3>
                  <div class="devsite-landing-row-item-description-content">
                  <!--?lit$49103649$-->A deep learning framework for on-device inference. Train and deploy machine learning models on mobile and IoT devices, Android, iOS, Edge TPU, Raspberry Pi.
                  </div>
                  <div class="devsite-landing-row-item-buttons">
                    <a class="button button-primary" data-category="Homepage Hero Banner, Dynamic" href="https://www.tensorflow.org/lite" data-label="Read more">
                      <!--?lit$49103649$-->Read more
                    </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
    
          </devsite-dynamic-hero></section>

  

  <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-100 dgc-recs dgc-recs-carousel" background="grey" header-position="top">
    <div class="devsite-landing-row-inner">

    
      

      

        <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">

      

      <div class="devsite-landing-row-item-body">
        

        

        
          <div class="devsite-landing-row-item-description-content">
             <devsite-recommended-content fallback=".dgc-recs-fallback" carousel="4" exclude="category:a11y,language:cpp,language:css,language:dartlang,category:gaming,language:golang,language:html,language:java,language:javascript,language:kotlin,language:markdown,language:nodejs,language:objectivec,language:php,language:python,category:quantumcomputing,language:ruby,language:swift,language:typescript,product:wearos,language:yaml" display-cta="saveonprompt" dispatch-first="dispatchfirst" hatsid="HCLbGjHug0iQ84LPiVd0UaQViu8s" listnrid="5123748" query="">
  <!---->
      <!--?lit$49103649$-->
      <div class="devsite-recommended-content-header">
        <h2 class="devsite-recommended-content-heading
                    devsite-recommended-content-filters-heading">
          <!--?lit$49103649$-->
        <span class="devsite-recommended-content-heading-label">
          <!--?lit$49103649$-->Select interests to filter
        </span>
          <devsite-info-popout style="--devsite-popout-offset-x: 0px;"></devsite-info-popout>
        </h2>
        <div>
          <!--?lit$49103649$--><!--?-->
          <!--?lit$49103649$--><!--?-->
        </div>
      </div>
      <devsite-carousel data-items-per-slide="auto" data-content-type="filters" data-first-slide="true" data-last-slide="false">
        <!--?lit$49103649$-->
        <form class="devsite-recommended-content-filters" role="list">
          <!--?lit$49103649$--><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="category:ads" id="category-ads">
              <label for="category-ads"><!--?lit$49103649$-->Ads</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="category:aiandmachinelearning" id="category-aiandmachinelearning">
              <label for="category-aiandmachinelearning"><!--?lit$49103649$-->AI &amp; Machine Learning</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="product:android" id="product-android">
              <label for="product-android"><!--?lit$49103649$-->Android</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="category:augmentedrealityandvirtualreality" id="category-augmentedrealityandvirtualreality">
              <label for="category-augmentedrealityandvirtualreality"><!--?lit$49103649$-->AR/VR</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="product:chromeos" id="product-chromeos">
              <label for="product-chromeos"><!--?lit$49103649$-->ChromeOS</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="category:cloud" id="category-cloud">
              <label for="category-cloud"><!--?lit$49103649$-->Cloud</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="category:design" id="category-design">
              <label for="category-design"><!--?lit$49103649$-->Design</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="product:firebase" id="product-firebase">
              <label for="product-firebase"><!--?lit$49103649$-->Firebase</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="product:flutter" id="product-flutter">
              <label for="product-flutter"><!--?lit$49103649$-->Flutter</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="product:assistant" id="product-assistant">
              <label for="product-assistant"><!--?lit$49103649$-->Google Assistant</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="product:googleplay" id="product-googleplay">
              <label for="product-googleplay"><!--?lit$49103649$-->Google Play</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="category:internetofthings" id="category-internetofthings">
              <label for="category-internetofthings"><!--?lit$49103649$-->Internet of Things (IoT)</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="category:ios" id="category-ios">
              <label for="category-ios"><!--?lit$49103649$-->iOS</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="category:locationormaps" id="category-locationormaps">
              <label for="category-locationormaps"><!--?lit$49103649$-->Location/Maps</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="category:mobile" id="category-mobile">
              <label for="category-mobile"><!--?lit$49103649$-->Mobile</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="category:opensource" id="category-opensource">
              <label for="category-opensource"><!--?lit$49103649$-->Open Source</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="category:payments" id="category-payments">
              <label for="category-payments"><!--?lit$49103649$-->Payments</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="category:search" id="category-search">
              <label for="category-search"><!--?lit$49103649$-->Search</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="category:smarthomeecosystem" id="category-smarthomeecosystem">
              <label for="category-smarthomeecosystem"><!--?lit$49103649$-->Smart Home Ecosystem</label>
            </div><!----><!---->
            <div class="devsite-recommended-content-filters-item" role="listitem">
              <input type="checkbox" name="query" value="category:web" id="category-web">
              <label for="category-web"><!--?lit$49103649$-->Web</label>
            </div><!---->
        <div role="listitem" aria-hidden="true"></div></form>
      </devsite-carousel>
      <!--?lit$49103649$-->
      <devsite-carousel data-content-type="recommendations" data-items-per-slide="4" data-first-slide="true" data-last-slide="false" style="--devsite-carousel-item-width: 342px;">
        <div class="devsite-recommended-content-list" role="list">
        <!--?lit$49103649$--><!---->
        <div class="devsite-recommended-content-item" role="listitem">
          <h3 class="devsite-recommended-content-item-heading" tooltip="">
            <!--?lit$49103649$-->
        <a href="https://developers.google.com/maps/documentation/places/web-service/details?rec=Ch5odHRwczovL2RldmVsb3BlcnMuZ29vZ2xlLmNvbS8QAhgcIAEoAjAdOgdkYy1ybmQ0"><!--?lit$49103649$-->Place Details
        </a>
      
          </h3>
          <p class="devsite-recommended-content-item-description">
            <!--?lit$49103649$-->The Places API is also available with the Java Client, Python Client, Go Client and Node.js Client for Google Maps Services. The Places API and the client libraries are for use in server applications. If you're building a client-side application,
          </p>
          <div class="devsite-recommended-content-item-products">
            <!--?lit$49103649$--><!--?lit$49103649$--><div class="devsite-recommended-content-item-icon" aria-label="Google Developers" data-title="Google Developers"><!--?lit$49103649$-->
        <img alt="" src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/images/icon.svg"></div><!--?-->
            <!--?lit$49103649$-->
        <!--?lit$49103649$-->
        <div class="devsite-recommended-content-item-product-tag">
          <!--?lit$49103649$-->Mobile
        </div>
      
        <!--?lit$49103649$-->
          <devsite-rich-tooltip allow-overflow="" material-icon="more_horiz">
            <ul slot="text">
              <!--?lit$49103649$--><!----><li><!--?lit$49103649$-->Location/Maps</li><!----><!----><li><!--?lit$49103649$-->Cloud</li><!----><!----><li><!--?lit$49103649$-->Android</li><!---->
            </ul>
          </devsite-rich-tooltip>
        
      
          </div>
        </div>
      <!----><!---->
        <div class="devsite-recommended-content-item" role="listitem">
          <h3 class="devsite-recommended-content-item-heading" tooltip="">
            <!--?lit$49103649$-->
        <a href="https://cloud.google.com/access-transparency?rec=Ch5odHRwczovL2RldmVsb3BlcnMuZ29vZ2xlLmNvbS8QAxgcIAEoAjAOOgdkYy1ybmQ0"><!--?lit$49103649$-->Access Transparency
        </a>
      
          </h3>
          <p class="devsite-recommended-content-item-description">
            <!--?lit$49103649$-->Access Transparency surfaces near real-time logs of Google Cloud administrator accesses to your systems and data.
          </p>
          <div class="devsite-recommended-content-item-products">
            <!--?lit$49103649$--><!--?lit$49103649$--><div class="devsite-recommended-content-item-icon" aria-label="Google Cloud" data-title="Google Cloud"><!--?lit$49103649$-->
        <img alt="" src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/cloud/images/icon.svg"></div><!--?-->
            <!--?lit$49103649$-->
        <!--?lit$49103649$-->
        <div class="devsite-recommended-content-item-product-tag">
          <!--?lit$49103649$-->Cloud
        </div>
      
        <!--?lit$49103649$--><!--?-->
      
          </div>
        </div>
      <!----><!---->
        <div class="devsite-recommended-content-item" role="listitem">
          <h3 class="devsite-recommended-content-item-heading" tooltip="">
            <!--?lit$49103649$-->
        <a href="https://developers.google.com/custom-search-ads?rec=Ch5odHRwczovL2RldmVsb3BlcnMuZ29vZ2xlLmNvbS8QBBgcIAEwDDoHZGMtcm5kNA"><!--?lit$49103649$-->AdSense Custom Search Ads
        </a>
      
          </h3>
          <p class="devsite-recommended-content-item-description">
            <!--?lit$49103649$-->Implementations that provide delivery of targeted ads along with your search results.
          </p>
          <div class="devsite-recommended-content-item-products">
            <!--?lit$49103649$--><!--?lit$49103649$--><div class="devsite-recommended-content-item-icon" aria-label="AdSense Custom Search Ads" data-title="AdSense Custom Search Ads"><!--?lit$49103649$-->
        <img alt="" src="https://www.gstatic.com/images/branding/product/2x/adsense_64dp.png"></div><!--?-->
            <!--?lit$49103649$-->
        <!--?lit$49103649$-->
        <div class="devsite-recommended-content-item-product-tag">
          <!--?lit$49103649$-->Ads
        </div>
      
        <!--?lit$49103649$-->
          <devsite-rich-tooltip allow-overflow="" material-icon="more_horiz">
            <ul slot="text">
              <!--?lit$49103649$--><!----><li><!--?lit$49103649$-->Search</li><!---->
            </ul>
          </devsite-rich-tooltip>
        
      
          </div>
        </div>
      <!----><!---->
        <div class="devsite-recommended-content-item" role="listitem">
          <h3 class="devsite-recommended-content-item-heading" tooltip="">
            <!--?lit$49103649$-->
        <a href="https://www.tensorflow.org/tfx?rec=Ch5odHRwczovL2RldmVsb3BlcnMuZ29vZ2xlLmNvbS8QBRgcIAEoBDANOgdkYy1ybmQ0"><!--?lit$49103649$-->TFX | ML Production Pipelines
        </a>
      
          </h3>
          <p class="devsite-recommended-content-item-description">
            <!--?lit$49103649$-->Build and manage end-to-end production ML pipelines. TFX components enable scalable, high-performance data processing, model training and deployment.
          </p>
          <div class="devsite-recommended-content-item-products">
            <!--?lit$49103649$--><!--?lit$49103649$--><div class="devsite-recommended-content-item-icon" aria-label="TensorFlow" data-title="TensorFlow"><!--?lit$49103649$-->
        <img alt="" src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/tensorflow/images/icon.svg"></div><!--?-->
            <!--?lit$49103649$-->
        <!--?lit$49103649$-->
        <div class="devsite-recommended-content-item-product-tag">
          <!--?lit$49103649$-->AI &amp; Machine Learning
        </div>
      
        <!--?lit$49103649$-->
          <devsite-rich-tooltip allow-overflow="" material-icon="more_horiz">
            <ul slot="text">
              <!--?lit$49103649$--><!----><li><!--?lit$49103649$-->Open Source</li><!---->
            </ul>
          </devsite-rich-tooltip>
        
      
          </div>
        </div>
      <!----><!---->
        <div class="devsite-recommended-content-item" role="listitem">
          <h3 class="devsite-recommended-content-item-heading" tooltip="">
            <!--?lit$49103649$-->
        <a href="https://developers.google.com/maps/documentation/ios-sdk/streetview?rec=Ch5odHRwczovL2RldmVsb3BlcnMuZ29vZ2xlLmNvbS8QBhgcIAEoAjAbOgdkYy1ybmQ0"><!--?lit$49103649$-->Street View
        </a>
      
          </h3>
          <p class="devsite-recommended-content-item-description">
            <!--?lit$49103649$-->Google Maps Street View lets you explore places around the world through
360-degree, street-level imagery. You can explore world landmarks, view natural
wonders, navigate a trip, or show the outside of your business. Google Street View provides
          </p>
          <div class="devsite-recommended-content-item-products">
            <!--?lit$49103649$--><!--?lit$49103649$--><div class="devsite-recommended-content-item-icon" aria-label="Google Developers" data-title="Google Developers"><!--?lit$49103649$-->
        <img alt="" src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/images/icon.svg"></div><!--?-->
            <!--?lit$49103649$-->
        <!--?lit$49103649$-->
        <div class="devsite-recommended-content-item-product-tag">
          <!--?lit$49103649$-->iOS
        </div>
      
        <!--?lit$49103649$-->
          <devsite-rich-tooltip allow-overflow="" material-icon="more_horiz">
            <ul slot="text">
              <!--?lit$49103649$--><!----><li><!--?lit$49103649$-->Mobile</li><!----><!----><li><!--?lit$49103649$-->Cloud</li><!----><!----><li><!--?lit$49103649$-->Location/Maps</li><!---->
            </ul>
          </devsite-rich-tooltip>
        
      
          </div>
        </div>
      <!----><!---->
        <div class="devsite-recommended-content-item" role="listitem">
          <h3 class="devsite-recommended-content-item-heading" tooltip="">
            <!--?lit$49103649$-->
        <a href="https://developers.google.com/maps/documentation/javascript/places?rec=Ch5odHRwczovL2RldmVsb3BlcnMuZ29vZ2xlLmNvbS8QBxgcIAEoAjAdOgdkYy1ybmQ0"><!--?lit$49103649$-->Places Library
        </a>
      
          </h3>
          <p class="devsite-recommended-content-item-description">
            <!--?lit$49103649$-->The functions in the Places Library, Maps JavaScript API enable your application to search for places (defined in this API as establishments, geographic locations, or prominent points of interest) contained within a defined area, such as the bounds
          </p>
          <div class="devsite-recommended-content-item-products">
            <!--?lit$49103649$--><!--?lit$49103649$--><div class="devsite-recommended-content-item-icon" aria-label="Google Developers" data-title="Google Developers"><!--?lit$49103649$-->
        <img alt="" src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/images/icon.svg"></div><!--?-->
            <!--?lit$49103649$-->
        <!--?lit$49103649$-->
        <div class="devsite-recommended-content-item-product-tag">
          <!--?lit$49103649$-->Web
        </div>
      
        <!--?lit$49103649$-->
          <devsite-rich-tooltip allow-overflow="" material-icon="more_horiz">
            <ul slot="text">
              <!--?lit$49103649$--><!----><li><!--?lit$49103649$-->Cloud</li><!----><!----><li><!--?lit$49103649$-->Location/Maps</li><!---->
            </ul>
          </devsite-rich-tooltip>
        
      
          </div>
        </div>
      <!----><!---->
        <div class="devsite-recommended-content-item" role="listitem">
          <h3 class="devsite-recommended-content-item-heading" tooltip="">
            <!--?lit$49103649$-->
        <a href="https://cloud.google.com/vertex-ai?rec=Ch5odHRwczovL2RldmVsb3BlcnMuZ29vZ2xlLmNvbS8QCBgcIAEoAjAQOgdkYy1ybmQ0"><!--?lit$49103649$-->Vertex AI
        </a>
      
          </h3>
          <p class="devsite-recommended-content-item-description">
            <!--?lit$49103649$-->Fast, scalable, and easy-to-use AI technologies. Branches of AI, network AI and artificial intelligence fields in depth on Google Cloud.
          </p>
          <div class="devsite-recommended-content-item-products">
            <!--?lit$49103649$--><!--?lit$49103649$--><div class="devsite-recommended-content-item-icon" aria-label="Google Cloud" data-title="Google Cloud"><!--?lit$49103649$-->
        <img alt="" src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/cloud/images/icon.svg"></div><!--?-->
            <!--?lit$49103649$-->
        <!--?lit$49103649$-->
        <div class="devsite-recommended-content-item-product-tag">
          <!--?lit$49103649$-->Cloud
        </div>
      
        <!--?lit$49103649$--><!--?-->
      
          </div>
        </div>
      <!----><!---->
        <div class="devsite-recommended-content-item" role="listitem">
          <h3 class="devsite-recommended-content-item-heading" tooltip="">
            <!--?lit$49103649$-->
        <a href="https://cloud.google.com/dialogflow?rec=Ch5odHRwczovL2RldmVsb3BlcnMuZ29vZ2xlLmNvbS8QCRgcIAEoATATOgdkYy1ybmQ0"><!--?lit$49103649$-->Dialogflow
        </a>
      
          </h3>
          <p class="devsite-recommended-content-item-description">
            <!--?lit$49103649$-->Easily add likelife conversational&nbsp;AI&nbsp;to your websites, applications, messaging platforms, and contact center&nbsp;with intuitive, advanced virtual agents.
          </p>
          <div class="devsite-recommended-content-item-products">
            <!--?lit$49103649$--><!--?lit$49103649$--><div class="devsite-recommended-content-item-icon" aria-label="Google Cloud" data-title="Google Cloud"><!--?lit$49103649$-->
        <img alt="" src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/cloud/images/icon.svg"></div><!--?-->
            <!--?lit$49103649$-->
        <!--?lit$49103649$-->
        <div class="devsite-recommended-content-item-product-tag">
          <!--?lit$49103649$-->AI &amp; Machine Learning
        </div>
      
        <!--?lit$49103649$-->
          <devsite-rich-tooltip allow-overflow="" material-icon="more_horiz">
            <ul slot="text">
              <!--?lit$49103649$--><!----><li><!--?lit$49103649$-->Cloud</li><!---->
            </ul>
          </devsite-rich-tooltip>
        
      
          </div>
        </div>
      <!----><!---->
        <div class="devsite-recommended-content-item" role="listitem">
          <h3 class="devsite-recommended-content-item-heading" tooltip="">
            <!--?lit$49103649$-->
        <a href="https://cloud.google.com/vision?rec=Ch5odHRwczovL2RldmVsb3BlcnMuZ29vZ2xlLmNvbS8QChgcIAEoAjAPOgdkYy1ybmQ0"><!--?lit$49103649$-->Vision AI
        </a>
      
          </h3>
          <p class="devsite-recommended-content-item-description">
            <!--?lit$49103649$-->Derive insights from images with AutoML Vision, or use pre-trained Vision API models or create computer vision applications with Vertex AI Vision
          </p>
          <div class="devsite-recommended-content-item-products">
            <!--?lit$49103649$--><!--?lit$49103649$--><div class="devsite-recommended-content-item-icon" aria-label="Google Cloud" data-title="Google Cloud"><!--?lit$49103649$-->
        <img alt="" src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/cloud/images/icon.svg"></div><!--?-->
            <!--?lit$49103649$-->
        <!--?lit$49103649$-->
        <div class="devsite-recommended-content-item-product-tag">
          <!--?lit$49103649$-->Cloud
        </div>
      
        <!--?lit$49103649$-->
          <devsite-rich-tooltip allow-overflow="" material-icon="more_horiz">
            <ul slot="text">
              <!--?lit$49103649$--><!----><li><!--?lit$49103649$-->AI &amp; Machine Learning</li><!---->
            </ul>
          </devsite-rich-tooltip>
        
      
          </div>
        </div>
      <!----><!---->
        <div class="devsite-recommended-content-item" role="listitem">
          <h3 class="devsite-recommended-content-item-heading" tooltip="">
            <!--?lit$49103649$-->
        <a href="https://cloud.google.com/document-ai?rec=Ch5odHRwczovL2RldmVsb3BlcnMuZ29vZ2xlLmNvbS8QCxgcIAEoAjAPOgdkYy1ybmQ0"><!--?lit$49103649$-->Document AI
        </a>
      
          </h3>
          <p class="devsite-recommended-content-item-description">
            <!--?lit$49103649$-->The Document AI solutions suite includes pre-trained models for document processing, Workbench for custom models and Warehouse to search and store.
          </p>
          <div class="devsite-recommended-content-item-products">
            <!--?lit$49103649$--><!--?lit$49103649$--><div class="devsite-recommended-content-item-icon" aria-label="Google Cloud" data-title="Google Cloud"><!--?lit$49103649$-->
        <img alt="" src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/cloud/images/icon.svg"></div><!--?-->
            <!--?lit$49103649$-->
        <!--?lit$49103649$-->
        <div class="devsite-recommended-content-item-product-tag">
          <!--?lit$49103649$-->Cloud
        </div>
      
        <!--?lit$49103649$--><!--?-->
      
          </div>
        </div>
      <!----><!---->
        <div class="devsite-recommended-content-item" role="listitem">
          <h3 class="devsite-recommended-content-item-heading" tooltip="">
            <!--?lit$49103649$-->
        <a href="https://developers.google.com/android?rec=Ch5odHRwczovL2RldmVsb3BlcnMuZ29vZ2xlLmNvbS8QDBgcIAEwDzoHZGMtcm5kNA"><!--?lit$49103649$-->Google Play services
        </a>
      
          </h3>
          <p class="devsite-recommended-content-item-description">
            <!--?lit$49103649$-->Simplify your Android development, grow your user base, and monetize more effectively with Google Play services.
          </p>
          <div class="devsite-recommended-content-item-products">
            <!--?lit$49103649$--><!--?lit$49103649$--><div class="devsite-recommended-content-item-icon" aria-label="Google Play services" data-title="Google Play services"><!--?lit$49103649$-->
        <img alt="" src="https://developers.google.com/static/android/images/icons/play_services_24dp.svg"></div><!--?-->
            <!--?lit$49103649$-->
        <!--?lit$49103649$-->
        <div class="devsite-recommended-content-item-product-tag">
          <!--?lit$49103649$-->Google Play
        </div>
      
        <!--?lit$49103649$-->
          <devsite-rich-tooltip allow-overflow="" material-icon="more_horiz">
            <ul slot="text">
              <!--?lit$49103649$--><!----><li><!--?lit$49103649$-->Mobile</li><!---->
            </ul>
          </devsite-rich-tooltip>
        
      
          </div>
        </div>
      <!---->
        </div>
      </devsite-carousel>
      <!--?lit$49103649$-->
        <devsite-hats-survey class="nocontent" hats-id="HCLbGjHug0iQ84LPiVd0UaQViu8s" listnr-id="5123748">
        </devsite-hats-survey>
      
      
    </devsite-recommended-content>
          </div>
        

        

        
      </div>
    </div>
    
  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-4-up devsite-landing-row-cards dgc-recs-fallback hidden" background="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="top-updates" data-text="Top updates">
      
    
        Top updates
      
  
    </h2>
  

          
        </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="bottom-left">

      
  
  <a href="https://cloud.google.com/docs/get-started">
    
  <div class="devsite-landing-row-item-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/devcenter/icons/icon-cloud.svg" srcset="" sizes="64px" loading="lazy">
    
  
  </div>
  
  </a>
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="get-started-with-google-cloud" data-text="Get started with Google Cloud" class="hide-from-toc no-link">
      
  <a href="https://cloud.google.com/docs/get-started">
    
        Get started with Google Cloud
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Discover quickstarts, interactive tutorials, technical documentation, videos, and architectural diagrams to help you get started using Google Cloud.

          </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="bottom-left">

      
  
  <a href="https://developer.android.com/guide">
    
  <div class="devsite-landing-row-item-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/devcenter/icons/icon-android.svg" srcset="" sizes="64px" loading="lazy">
    
  
  </div>
  
  </a>
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="learn-android-development-essentials" data-text="Learn Android development essentials" class="hide-from-toc no-link">
      
  <a href="https://developer.android.com/guide">
    
        Learn Android development essentials
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            The Android developer guides teach you how to build Android apps using APIs in the Android framework and other libraries.

          </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="bottom-left">

      
  
  <a href="https://developers.google.com/search/docs/basics/get-started">
    
  <div class="devsite-landing-row-item-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/search/images/google-search-central-logo_96.png" srcset="https://developers.google.com/static/search/images/google-search-central-logo_96_36.png 36w,https://developers.google.com/static/search/images/google-search-central-logo_96_48.png 48w,https://developers.google.com/static/search/images/google-search-central-logo_96_72.png 72w,https://developers.google.com/static/search/images/google-search-central-logo_96_96.png 96w,https://developers.google.com/static/search/images/google-search-central-logo_96_480.png 480w,https://developers.google.com/static/search/images/google-search-central-logo_96_720.png 720w,https://developers.google.com/static/search/images/google-search-central-logo_96_856.png 856w,https://developers.google.com/static/search/images/google-search-central-logo_96_960.png 960w,https://developers.google.com/static/search/images/google-search-central-logo_96_1440.png 1440w,https://developers.google.com/static/search/images/google-search-central-logo_96_1920.png 1920w,https://developers.google.com/static/search/images/google-search-central-logo_96_2880.png 2880w" sizes="64px" loading="lazy">
    
  
  </div>
  
  </a>
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="learn-the-basics-of-google-search" data-text="Learn the basics of Google Search" class="hide-from-toc no-link">
      
  <a href="https://developers.google.com/search/docs/basics/get-started">
    
        Learn the basics of Google Search
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            It's worth learning the basics of managing your presence in search engines. A little knowledge can go a long way toward helping people find your site.

          </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="bottom-left">

      
  
  <a href="https://developers.google.com/maps">
    
  <div class="devsite-landing-row-item-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/maps/images/maps-icon.svg" srcset="" sizes="64px" loading="lazy">
    
  
  </div>
  
  </a>
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="google-maps-platform" data-text="Google Maps Platform" class="hide-from-toc no-link">
      
  <a href="https://developers.google.com/maps">
    
        Google Maps Platform
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Create real-world, real-time experiences with the latest Maps, Routes, and Places features from Google Maps Platform.

          </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="bottom-left">

      
  
  <a href="https://codelabs.developers.google.com/codelabs/first-flutter-app-pt1">
    
  <div class="devsite-landing-row-item-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/devcenter/icons/icon-codelabs.svg" srcset="" sizes="64px" loading="lazy">
    
  
  </div>
  
  </a>
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="write-your-first-flutter-app" data-text="Write your first Flutter app" class="hide-from-toc no-link">
      
  <a href="https://codelabs.developers.google.com/codelabs/first-flutter-app-pt1">
    
        Write your first Flutter app
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Create a simple mobile app using Flutter, Google's UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

          </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="bottom-left">

      
  
  <a href="https://firebase.google.com/docs/guides">
    
  <div class="devsite-landing-row-item-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/devcenter/icons/icon-firebase.svg" srcset="" sizes="64px" loading="lazy">
    
  
  </div>
  
  </a>
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="learn-the-fundamentals-of-firebase" data-text="Learn the fundamentals of Firebase" class="hide-from-toc no-link">
      
  <a href="https://firebase.google.com/docs/guides">
    
        Learn the fundamentals of Firebase
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Get started with a Firebase project, explore best practices, and master additional concepts beyond the basics.

          </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="bottom-left">

      
  
  <a href="https://cloud.google.com/products">
    
  <div class="devsite-landing-row-item-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/devcenter/icons/icon-cloud.svg" srcset="" sizes="64px" loading="lazy">
    
  
  </div>
  
  </a>
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="google-cloud-products" data-text="Google Cloud products" class="hide-from-toc no-link">
      
  <a href="https://cloud.google.com/products">
    
        Google Cloud products
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Browse over 100 Google Cloud products. New customers get $300 in free credits to start running workloads and conduct an assessment.

          </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="bottom-left">

      
  
  <a href="https://developers.google.com/identity/protocols/oauth2/web-server">
    
  <div class="devsite-landing-row-item-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/devcenter/icons/icon-developers.svg" srcset="" sizes="64px" loading="lazy">
    
  
  </div>
  
  </a>
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="using-oauth-20" data-text="Using OAuth 2.0" class="hide-from-toc no-link">
      
  <a href="https://developers.google.com/identity/protocols/oauth2/web-server">
    
        Using OAuth 2.0
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Learn how web server applications use Google API Client Libraries or Google OAuth 2.0 endpoints to implement OAuth 2.0 authorization to access Google APIs.

          </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="bottom-left">

      
  
  <a href="https://developer.android.com/kotlin/androidbasics">
    
  <div class="devsite-landing-row-item-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/devcenter/icons/icon-android.svg" srcset="" sizes="64px" loading="lazy">
    
  
  </div>
  
  </a>
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="android-basics-in-kotlin" data-text="Android Basics in Kotlin" class="hide-from-toc no-link">
      
  <a href="https://developer.android.com/kotlin/androidbasics">
    
        Android Basics in Kotlin
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            This course teaches people with no programming experience how to build simple Android apps. Learn the fundamentals of programming and the basics of Kotlin.

          </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="bottom-left">

      
  
  <a href="https://www.tensorflow.org/overview/">
    
  <div class="devsite-landing-row-item-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/devcenter/icons/icon-tensorflow.svg" srcset="" sizes="64px" loading="lazy">
    
  
  </div>
  
  </a>
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="get-started-with-tensorflow" data-text="Get started with TensorFlow" class="hide-from-toc no-link">
      
  <a href="https://www.tensorflow.org/overview/">
    
        Get started with TensorFlow
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            TensorFlow is an end-to-end open source platform that makes it easy for beginners and experts to create machine learning models.

          </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="bottom-left">

      
  
  <a href="https://developer.android.com/codelabs/jetpack-compose-basics">
    
  <div class="devsite-landing-row-item-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/devcenter/icons/icon-android.svg" srcset="" sizes="64px" loading="lazy">
    
  
  </div>
  
  </a>
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="jetpack-compose-basics" data-text="Jetpack Compose basics" class="hide-from-toc no-link">
      
  <a href="https://developer.android.com/codelabs/jetpack-compose-basics">
    
        Jetpack Compose basics
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Jetpack Compose is a modern toolkit designed to simplify UI development. It combines a reactive programming model with the conciseness and ease of use of the Kotlin language.

          </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="bottom-left">

      
  
  <a href="https://codelabs.developers.google.com/codelabs/structured-data">
    
  <div class="devsite-landing-row-item-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-icon" alt="" src="https://developers.google.com/static/devcenter/icons/icon-codelabs.svg" srcset="" sizes="64px" loading="lazy">
    
  
  </div>
  
  </a>
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="add-structured-data-to-your-web-pages" data-text="Add structured data to your web pages" class="hide-from-toc no-link">
      
  <a href="https://codelabs.developers.google.com/codelabs/structured-data">
    
        Add structured data to your web pages
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Google Search works hard to understand the content of a web page. Provide explicit clues about the meaning of a page with structured data.

          </div>
        

        

        
      </div>
    </div>
    
  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-4-up devsite-landing-row-header-centered devsite-landing-row-large-headings devsite-landing-row-logos dgc-logo-garden" background="white" header-position="top">
    <div class="devsite-landing-row-inner">

    
      
      <header class="devsite-landing-row-header">

        

        
        <div class="devsite-landing-row-header-text">

          
    <h2 id="build-stronganythingstrong-with-google" data-text="Build anything with Google">
      
    
        Build <strong>anything</strong> with Google
      
  
    </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://developer.android.com" data-category="Homepage Logo Garden" data-label="Android">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://developer.android.com/images/brand/Android_Robot.png" srcset="https://developer.android.com/images/brand/Android_Robot_36.png 36w,https://developer.android.com/images/brand/Android_Robot_48.png 48w,https://developer.android.com/images/brand/Android_Robot_72.png 72w,https://developer.android.com/images/brand/Android_Robot_96.png 96w,https://developer.android.com/images/brand/Android_Robot_480.png 480w,https://developer.android.com/images/brand/Android_Robot_720.png 720w,https://developer.android.com/images/brand/Android_Robot_856.png 856w,https://developer.android.com/images/brand/Android_Robot_960.png 960w,https://developer.android.com/images/brand/Android_Robot_1440.png 1440w,https://developer.android.com/images/brand/Android_Robot_1920.png 1920w,https://developer.android.com/images/brand/Android_Robot_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">
        

        

        
          <div class="devsite-landing-row-item-description-content">
            Android
          </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://cloud.google.com/developers" data-category="Homepage Logo Garden" data-label="Google Cloud">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="//www.gstatic.com/images/branding/product/2x/google_cloud_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">
        

        

        
          <div class="devsite-landing-row-item-description-content">
            Google Cloud
          </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://firebase.google.com/docs" data-category="Homepage Logo Garden" data-label="Firebase">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://www.gstatic.com/images/branding/product/2x/firebase_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">
        

        

        
          <div class="devsite-landing-row-item-description-content">
            Firebase
          </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://flutter.dev/docs" data-category="Homepage Logo Garden" data-label="Flutter">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://www.gstatic.com/images/branding/product/2x/flutter_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">
        

        

        
          <div class="devsite-landing-row-item-description-content">
            Flutter
          </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://developers.google.com/assistant" data-category="Homepage Logo Garden" data-label="Google Assistant">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="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">
        

        

        
          <div class="devsite-landing-row-item-description-content">
            Google Assistant
          </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://developers.google.com/maps" data-category="Homepage Logo Garden" data-label="Maps">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://www.gstatic.com/images/branding/product/2x/maps_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">
        

        

        
          <div class="devsite-landing-row-item-description-content">
            Maps Platform
          </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://www.tensorflow.org/tutorials" data-category="Homepage Logo Garden" data-label="TensorFlow">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://developers.google.com/static/site-assets/images/products/tensorflow-logo-196.png" srcset="https://developers.google.com/static/site-assets/images/products/tensorflow-logo-196_36.png 36w,https://developers.google.com/static/site-assets/images/products/tensorflow-logo-196_48.png 48w,https://developers.google.com/static/site-assets/images/products/tensorflow-logo-196_72.png 72w,https://developers.google.com/static/site-assets/images/products/tensorflow-logo-196_96.png 96w,https://developers.google.com/static/site-assets/images/products/tensorflow-logo-196_480.png 480w,https://developers.google.com/static/site-assets/images/products/tensorflow-logo-196_720.png 720w,https://developers.google.com/static/site-assets/images/products/tensorflow-logo-196_856.png 856w,https://developers.google.com/static/site-assets/images/products/tensorflow-logo-196_960.png 960w,https://developers.google.com/static/site-assets/images/products/tensorflow-logo-196_1440.png 1440w,https://developers.google.com/static/site-assets/images/products/tensorflow-logo-196_1920.png 1920w,https://developers.google.com/static/site-assets/images/products/tensorflow-logo-196_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">
        

        

        
          <div class="devsite-landing-row-item-description-content">
            TensorFlow
          </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://developers.google.com/web" data-category="Homepage Logo Garden" data-label="Web">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://developers.google.com/static/web/images/web-fundamentals-icon192x192.png" srcset="https://developers.google.com/static/web/images/web-fundamentals-icon192x192_36.png 36w,https://developers.google.com/static/web/images/web-fundamentals-icon192x192_48.png 48w,https://developers.google.com/static/web/images/web-fundamentals-icon192x192_72.png 72w,https://developers.google.com/static/web/images/web-fundamentals-icon192x192_96.png 96w,https://developers.google.com/static/web/images/web-fundamentals-icon192x192_480.png 480w,https://developers.google.com/static/web/images/web-fundamentals-icon192x192_720.png 720w,https://developers.google.com/static/web/images/web-fundamentals-icon192x192_856.png 856w,https://developers.google.com/static/web/images/web-fundamentals-icon192x192_960.png 960w,https://developers.google.com/static/web/images/web-fundamentals-icon192x192_1440.png 1440w,https://developers.google.com/static/web/images/web-fundamentals-icon192x192_1920.png 1920w,https://developers.google.com/static/web/images/web-fundamentals-icon192x192_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">
        

        

        
          <div class="devsite-landing-row-item-description-content">
            Web
          </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://developers.google.com/google-ads" data-category="Homepage Logo Garden" data-label="Google Ads">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://developers.google.com/static/ads/images/ads_192px_clr.svg" srcset="" sizes="192px" loading="lazy">
    
  
  </div>
  
  

  
  </a>
  
  </div>
</figure>
  
  
</div>


    
    <div class="devsite-landing-row-item-description">

      

      <div class="devsite-landing-row-item-body">
        

        

        
          <div class="devsite-landing-row-item-description-content">
            Google Ads
          </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://chromeos.dev" data-category="Homepage Logo Garden" data-label="ChromeOS">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://developers.google.com/static/homepage-assets/images/chromeos-logo.svg" srcset="" sizes="192px" loading="lazy">
    
  
  </div>
  
  

  
  </a>
  
  </div>
</figure>
  
  
</div>


    
    <div class="devsite-landing-row-item-description">

      

      <div class="devsite-landing-row-item-body">
        

        

        
          <div class="devsite-landing-row-item-description-content">
            ChromeOS
          </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://play.google.com/console/about/" data-category="Homepage Logo Garden" data-label="Google Play">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://www.gstatic.com/images/branding/product/2x/play_prism_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">
        

        

        
          <div class="devsite-landing-row-item-description-content">
            Google Play
          </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://developers.google.com/youtube" data-category="Homepage Logo Garden" data-label="YouTube">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://www.gstatic.com/images/branding/product/2x/youtube_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">
        

        

        
          <div class="devsite-landing-row-item-description-content">
            YouTube
          </div>
        

        

        
      </div>
    </div>
    
  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-item-centered devsite-landing-row-100 dgc-logo-garden-cta" header-position="top">
    <div class="devsite-landing-row-inner">

    
      

      

        <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">

      

      <div class="devsite-landing-row-item-body">
        

        

        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://developers.google.com/products" class="button button-primary
      " data-category="Homepage Logo Garden" data-label="View all developer products">View all developer products</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-cta" header-position="top">
    <div class="devsite-landing-row-inner">

    
      

      

        <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">

      

      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="work-smarter-and-build-faster" data-text="Work smarter and build faster" class="hide-from-toc no-link">
      
  <a href="https://developers.google.com/events">
    
        Work smarter and build faster
      
  </a>
  
    </h3>
  

        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://developers.google.com/events" class="button gc-analytics-event
      " data-label="Capella promotion" data-category="Banner Announcement">See how at a developer event</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-2-up devsite-landing-row-cards devsite-landing-row-header-centered devsite-landing-row-no-image-background" header-position="top">
    <div class="devsite-landing-row-inner">

    
      

      

        <div class="devsite-landing-row-group">
        
          <div class="devsite-landing-row-item dgc-programs dgc-programs--events" description-position="bottom">

  

    
<div class="devsite-landing-row-item-media
            ">
  
    <figure class="devsite-landing-row-item-image">
  
  <a href="https://developers.google.com/events" data-category="Homepage Promo Banner" data-label="Events, Main Title" data-action="link">
    
  
  
    <img alt="" src="https://developers.google.com/static/site-assets/images/home/card-header-grid.png" srcset="https://developers.google.com/static/site-assets/images/home/card-header-grid_36.png 36w,https://developers.google.com/static/site-assets/images/home/card-header-grid_48.png 48w,https://developers.google.com/static/site-assets/images/home/card-header-grid_72.png 72w,https://developers.google.com/static/site-assets/images/home/card-header-grid_96.png 96w,https://developers.google.com/static/site-assets/images/home/card-header-grid_480.png 480w,https://developers.google.com/static/site-assets/images/home/card-header-grid_720.png 720w,https://developers.google.com/static/site-assets/images/home/card-header-grid_856.png 856w,https://developers.google.com/static/site-assets/images/home/card-header-grid_960.png 960w,https://developers.google.com/static/site-assets/images/home/card-header-grid_1440.png 1440w,https://developers.google.com/static/site-assets/images/home/card-header-grid_1920.png 1920w,https://developers.google.com/static/site-assets/images/home/card-header-grid_2880.png 2880w" sizes="(max-width: 600px) 100vw, (max-width: 840px) 50vw, 708px" loading="lazy">
  
  
  </a>
  
</figure>
  
</div>


    
    <div class="devsite-landing-row-item-description">

      

      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="events" data-text="Events" class="hide-from-toc no-link">
      
  <a href="https://developers.google.com/events" data-category="Homepage Promo Banner" data-label="Events, Main Title" data-action="link">
    
        Events
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Bringing developers together in-person and online. Stay in the know about upcoming events, catch up on content you missed, and connect with Google experts.

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://developers.google.com/events" class="button
      " data-label="Events, See Events" data-category="Homepage Promo Banner">See events</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
          <div class="devsite-landing-row-item dgc-programs dgc-programs--community" description-position="bottom">

  

    
<div class="devsite-landing-row-item-media
            ">
  
    <figure class="devsite-landing-row-item-image">
  
  <a href="https://developers.google.com/community" data-category="Homepage Promo Banner" data-label="Community, Main Title" data-action="link">
    
  
  
    <img alt="" src="https://developers.google.com/static/site-assets/images/home/card-header-grid.png" srcset="https://developers.google.com/static/site-assets/images/home/card-header-grid_36.png 36w,https://developers.google.com/static/site-assets/images/home/card-header-grid_48.png 48w,https://developers.google.com/static/site-assets/images/home/card-header-grid_72.png 72w,https://developers.google.com/static/site-assets/images/home/card-header-grid_96.png 96w,https://developers.google.com/static/site-assets/images/home/card-header-grid_480.png 480w,https://developers.google.com/static/site-assets/images/home/card-header-grid_720.png 720w,https://developers.google.com/static/site-assets/images/home/card-header-grid_856.png 856w,https://developers.google.com/static/site-assets/images/home/card-header-grid_960.png 960w,https://developers.google.com/static/site-assets/images/home/card-header-grid_1440.png 1440w,https://developers.google.com/static/site-assets/images/home/card-header-grid_1920.png 1920w,https://developers.google.com/static/site-assets/images/home/card-header-grid_2880.png 2880w" sizes="(max-width: 600px) 100vw, (max-width: 840px) 50vw, 708px" loading="lazy">
  
  
  </a>
  
</figure>
  
</div>


    
    <div class="devsite-landing-row-item-description">

      

      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="community" data-text="Community" class="hide-from-toc no-link">
      
  <a href="https://developers.google.com/community" data-category="Homepage Promo Banner" data-label="Community, Main Title" data-action="link">
    
        Community
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Connect with fellow developers and startups in your area, hear from industry experts, share your skills, and learn new ones.

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://developers.google.com/community" class="button
      " data-label="Community, Find community" data-category="Homepage Promo Banner">Find community</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="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="news" data-text="News">
      
    
        News
      
  
    </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" background="white">
  <div class="devsite-landing-row-item-custom-image-icon-wrapper">
  
  <a href="https://android-developers.googleblog.com/2022/05/whats-new-in-jetpack-compose.html" data-category="Homepage Promo Banner" data-label="Compose 1.2 Beta, Main title" data-action="link">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" background="white" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://developer.android.com/images/brand/Android_Robot.png" srcset="https://developer.android.com/images/brand/Android_Robot_36.png 36w,https://developer.android.com/images/brand/Android_Robot_48.png 48w,https://developer.android.com/images/brand/Android_Robot_72.png 72w,https://developer.android.com/images/brand/Android_Robot_96.png 96w,https://developer.android.com/images/brand/Android_Robot_480.png 480w,https://developer.android.com/images/brand/Android_Robot_720.png 720w,https://developer.android.com/images/brand/Android_Robot_856.png 856w,https://developer.android.com/images/brand/Android_Robot_960.png 960w,https://developer.android.com/images/brand/Android_Robot_1440.png 1440w,https://developer.android.com/images/brand/Android_Robot_1920.png 1920w,https://developer.android.com/images/brand/Android_Robot_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="compose-12-beta" data-text="Compose 1.2 Beta" class="hide-from-toc no-link">
      
  <a href="https://android-developers.googleblog.com/2022/05/whats-new-in-jetpack-compose.html" data-category="Homepage Promo Banner" data-label="Compose 1.2 Beta, Main title" data-action="link">
    
        Compose 1.2 Beta
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Learn about the features and APIs added in the new 1.2 beta release.

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://android-developers.googleblog.com/2022/05/whats-new-in-jetpack-compose.html" class="button
             button-white
             " data-label="Compose 1.2 Beta, Learn more" data-action="button" data-category="Homepage Promo Banner">Learn more</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" background="white">
  <div class="devsite-landing-row-item-custom-image-icon-wrapper">
  
  <a href="https://m3.material.io/foundations/accessible-design/overview" data-category="Homepage Promo Banner" data-label="Design for everyone, Main title" data-action="link">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" background="white" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://developers.google.com/static/homepage-assets/images/material-design.png" srcset="https://developers.google.com/static/homepage-assets/images/material-design_36.png 36w,https://developers.google.com/static/homepage-assets/images/material-design_48.png 48w,https://developers.google.com/static/homepage-assets/images/material-design_72.png 72w,https://developers.google.com/static/homepage-assets/images/material-design_96.png 96w,https://developers.google.com/static/homepage-assets/images/material-design_480.png 480w,https://developers.google.com/static/homepage-assets/images/material-design_720.png 720w,https://developers.google.com/static/homepage-assets/images/material-design_856.png 856w,https://developers.google.com/static/homepage-assets/images/material-design_960.png 960w,https://developers.google.com/static/homepage-assets/images/material-design_1440.png 1440w,https://developers.google.com/static/homepage-assets/images/material-design_1920.png 1920w,https://developers.google.com/static/homepage-assets/images/material-design_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="design-for-everyone" data-text="Design for everyone" class="hide-from-toc no-link">
      
  <a href="https://m3.material.io/foundations/accessible-design/overview" data-category="Homepage Promo Banner" data-label="Design for everyone, Main title" data-action="link">
    
        Design for everyone
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Create beautiful, usable experiences that scale with Material Design 3's new accessibility guidance and patterns.

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://m3.material.io/foundations/accessible-design/overview" class="button
             button-white
             " data-category="Homepage Promo Banner" data-label="Design for everyone, Learn more" data-action="button">Learn more</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" background="white">
  <div class="devsite-landing-row-item-custom-image-icon-wrapper">
  
  <a href="https://medium.com/flutter/announcing-flutter-3-3-at-flutter-vikings-6f213e068793" data-category="Homepage Promo Banner" data-label="Explore Flutter 3.3 and Wonderous, Main title" data-action="link">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" background="white" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://developers.google.com/static/site-assets/logo-flutter.svg" 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="explore-flutter-33-and-wonderous" data-text="Explore Flutter 3.3 and Wonderous" class="hide-from-toc no-link">
      
  <a href="https://medium.com/flutter/announcing-flutter-3-3-at-flutter-vikings-6f213e068793" data-category="Homepage Promo Banner" data-label="Explore Flutter 3.3 and Wonderous, Main title" data-action="link">
    
        Explore Flutter 3.3 and Wonderous
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Learn about the improvements that reinforce the features in Flutter 3 as well as the new reference app, Wonderous.

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://medium.com/flutter/announcing-flutter-3-3-at-flutter-vikings-6f213e068793" class="button
             button-white
             " data-category="Homepage Promo Banner" data-action="button" data-label="Explore Flutter 3.3 and Wonderous, Learn more">Learn more</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" background="white">
  <div class="devsite-landing-row-item-custom-image-icon-wrapper">
  
  <a href="https://developers.google.com/wallet" data-category="Homepage Promo Banner" data-label="New Google Wallet documentation, Main title" data-action="link">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" background="white" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://fonts.gstatic.com/s/i/productlogos/wallet/v8/192px.svg" 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="new-google-wallet-documentation" data-text="New Google Wallet documentation" class="hide-from-toc no-link">
      
  <a href="https://developers.google.com/wallet" data-category="Homepage Promo Banner" data-label="New Google Wallet documentation, Main title" data-action="link">
    
        New Google Wallet documentation
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Explore new use cases and developer documentation for Google Wallet.

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://developers.google.com/wallet" class="button
             button-white
             " data-action="button" data-label="New Google Wallet documentation, Learn more" data-category="Homepage Promo Banner">Learn more</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" background="white">
  <div class="devsite-landing-row-item-custom-image-icon-wrapper">
  
  <a href="https://android-developers.googleblog.com/2022/11/play-it-forward.html" data-category="Homepage Promo Banner" data-label="See what's new in Google Play, Main title" data-action="link">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" background="white" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://developers.google.com/static/site-assets/images/news/new-play-logo.png" srcset="https://developers.google.com/static/site-assets/images/news/new-play-logo_36.png 36w,https://developers.google.com/static/site-assets/images/news/new-play-logo_48.png 48w,https://developers.google.com/static/site-assets/images/news/new-play-logo_72.png 72w,https://developers.google.com/static/site-assets/images/news/new-play-logo_96.png 96w,https://developers.google.com/static/site-assets/images/news/new-play-logo_480.png 480w,https://developers.google.com/static/site-assets/images/news/new-play-logo_720.png 720w,https://developers.google.com/static/site-assets/images/news/new-play-logo_856.png 856w,https://developers.google.com/static/site-assets/images/news/new-play-logo_960.png 960w,https://developers.google.com/static/site-assets/images/news/new-play-logo_1440.png 1440w,https://developers.google.com/static/site-assets/images/news/new-play-logo_1920.png 1920w,https://developers.google.com/static/site-assets/images/news/new-play-logo_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="see-whats-new-in-google-play" data-text="See what's new in Google Play" class="hide-from-toc no-link">
      
  <a href="https://android-developers.googleblog.com/2022/11/play-it-forward.html" data-category="Homepage Promo Banner" data-label="See what's new in Google Play, Main title" data-action="link">
    
        See what's new in Google Play
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Learn how new tools and features can help you build sustainable businesses into the next decade and beyond.

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://android-developers.googleblog.com/2022/11/play-it-forward.html" class="button
             button-white
             " data-action="button" data-label="See what's new in Google Play, Learn more" data-category="Homepage Promo Banner">Learn more</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" background="white">
  <div class="devsite-landing-row-item-custom-image-icon-wrapper">
  
  <a href="https://opensource.google/projects" data-category="Homepage Promo Banner" data-label="Innovate now with open source, Main title" data-action="link">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" background="white" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://developers.google.com/static/homepage-assets/images/open-source.png" srcset="https://developers.google.com/static/homepage-assets/images/open-source_36.png 36w,https://developers.google.com/static/homepage-assets/images/open-source_48.png 48w,https://developers.google.com/static/homepage-assets/images/open-source_72.png 72w,https://developers.google.com/static/homepage-assets/images/open-source_96.png 96w,https://developers.google.com/static/homepage-assets/images/open-source_480.png 480w,https://developers.google.com/static/homepage-assets/images/open-source_720.png 720w,https://developers.google.com/static/homepage-assets/images/open-source_856.png 856w,https://developers.google.com/static/homepage-assets/images/open-source_960.png 960w,https://developers.google.com/static/homepage-assets/images/open-source_1440.png 1440w,https://developers.google.com/static/homepage-assets/images/open-source_1920.png 1920w,https://developers.google.com/static/homepage-assets/images/open-source_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="innovate-now-with-open-source" data-text="Innovate now with open source" class="hide-from-toc no-link">
      
  <a href="https://opensource.google/projects" data-category="Homepage Promo Banner" data-label="Innovate now with open source, Main title" data-action="link">
    
        Innovate now with open source
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            From machine learning to mobile and beyond, browse Google's open source projects to use, share, and build on.

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://opensource.google/projects" class="button
             button-white
             " data-category="Homepage Promo Banner" data-label="Innovate now with open source, Learn more" data-action="button">Learn more</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" background="white">
  <div class="devsite-landing-row-item-custom-image-icon-wrapper">
  
  <a href="https://developer.android.com/ml" data-category="Homepage Promo Banner" data-label="Smarter apps with on-device ML, Main title" data-action="link">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" background="white" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://developers.google.com/static/site-assets/logo-tensorflow.svg" 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="smarter-apps-with-on-device-ml" data-text="Smarter apps with on-device ML" class="hide-from-toc no-link">
      
  <a href="https://developer.android.com/ml" data-category="Homepage Promo Banner" data-label="Smarter apps with on-device ML, Main title" data-action="link">
    
        Smarter apps with on-device ML
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Enable custom features with essential APIs and services in Android's ML stack featuring TensorFlow Lite.

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://developer.android.com/ml" class="button
             button-white
             " data-label="Smarter apps with on-device ML, Learn more" data-category="Homepage Promo Banner" data-action="button">Learn more</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" background="white">
  <div class="devsite-landing-row-item-custom-image-icon-wrapper">
  
  <a href="https://devlibrary.withgoogle.com/?utm_source=referral&amp;utm_medium=card&amp;utm_campaign=newscard" data-category="Homepage Promo Banner" data-label="Discover beginner-friendly content, Main title" data-action="link">
    
    
  
    
  <div class="devsite-landing-row-item-custom-image-icon-container" background="white" size="medium">
  
    
      <img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://developers.google.com/static/site-assets/developers-logo-color.svg" 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="discover-beginner-friendly-content" data-text="Discover beginner-friendly content" class="hide-from-toc no-link">
      
  <a href="https://devlibrary.withgoogle.com/?utm_source=referral&amp;utm_medium=card&amp;utm_campaign=newscard" data-category="Homepage Promo Banner" data-label="Discover beginner-friendly content, Main title" data-action="link">
    
        Discover beginner-friendly content
      
  </a>
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Filter and discover content by level of expertise, contributed by more than 500 developers.

          </div>
        

        

        
          <div class="devsite-landing-row-item-buttons">
  

  
  <a href="https://devlibrary.withgoogle.com/?utm_source=referral&amp;utm_medium=card&amp;utm_campaign=newscard" class="button
             button-white
             " data-category="Homepage Promo Banner" data-label="Discover beginner-friendly content, Learn more" data-action="button">Learn more</a>

</div>
        
      </div>
    </div>
    
  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-1-up 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="find-a-google-developer-expert" data-text="Find a Google developer expert">
      
    
        Find a Google developer expert
      
  
    </h2>
  

          
            <div class="devsite-landing-row-description">
              Browse our directory of developer experts who have been recognized by Google for their depth of tech knowledge and skills.

            </div>
          
        </div>
        

        
          <div class="devsite-landing-row-header-buttons">
  

  
  <a href="https://developers.google.com/community/experts/directory" class="button
      " data-label="Find a Google Developers Expert" data-category="Homepage Google Developers Expert">View all developer experts</a>

</div>
        
      </header>
      

      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-1-up experts-row" header-position="top">
    <div class="devsite-landing-row-inner">

    
      <div class="devsite-landing-row-html">
        <devsite-iframe class="devsite-directory" height="340px" style="height: 340px;"><iframe src="/root_7cf188d65b4b79fd6a11af1f8db957b5692e99134c002f6102ee852a65a656cc.frame" allow="clipboard-write https://developers-dot-devsite-v2-prod.appspot.com" allowfullscreen="" name="goog_1217540292"></iframe></devsite-iframe>
      </div>

    
    </div>
  </section>

  

  
    <devsite-hats-survey class="nocontent" hats-id="bjsTtKeRY0iQ84LPiVd0R1iwHqXF" listnr-id="5123748"></devsite-hats-survey>
  
</div>

  

  

  
  
</article>



<devsite-notification>
</devsite-notification>


  
<div class="devsite-content-data">
  <template class="devsite-thumb-rating-down-categories">
  [{
      "type": "thumb-down",
      "id": "missingTheInformationINeed",
      "label":"Missing the information I need"
    },{
      "type": "thumb-down",
      "id": "tooComplicatedTooManySteps",
      "label":"Too complicated / too many steps"
    },{
      "type": "thumb-down",
      "id": "outOfDate",
      "label":"Out of date"
    },{
      "type": "thumb-down",
      "id": "samplesCodeIssue",
      "label":"Samples / code issue"
    },{
      "type": "thumb-down",
      "id": "otherDown",
      "label":"Other"
    }]
  </template>
  <template class="devsite-thumb-rating-up-categories">
  [{
      "type": "thumb-up",
      "id": "easyToUnderstand",
      "label":"Easy to understand"
    },{
      "type": "thumb-up",
      "id": "solvedMyProblem",
      "label":"Solved my problem"
    },{
      "type": "thumb-up",
      "id": "otherUp",
      "label":"Other"
    }]
  </template>
  
</div>
            
          </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="//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="//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="//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="//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="//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="//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="/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="/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="/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="/community/gdsc" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)">
            
              
              
            
          
            Google 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="//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="//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="//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="//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="//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="//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="//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://developers.google.com/" class="devsite-footer-sites-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Developers Link">
      <picture>
        <source srcset="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/images/lockup-developers-dark-theme.svg" media="(prefers-color-scheme: none)" class="devsite-dark-theme" loading="lazy" alt="Google Developers">
        <img class="devsite-footer-sites-logo" src="https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/images/lockup-developers.svg" loading="lazy" alt="Google Developers">
      </picture>
    </a>
    <ul class="devsite-footer-sites-list">
      
      <li class="devsite-footer-sites-item">
        <a href="//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="//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="//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="//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="/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="/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="//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="//services.google.com/fb/forms/googledevelopersnewsletter/?utm_medium=referral&amp;utm_source=google-products&amp;utm_team=googledevs&amp;utm_campaign=201611-newsletter-launch" data-category="Site-Wide Custom Events" data-label="Footer Subscribe link">
          Subscribe
        </a>
        
      </li>
      
    </ul>
    
    
<devsite-language-selector aria-label="Select your language preference.">
  <ul role="presentation">
    
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/" aria-current="true" lang="en">English</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=id" lang="id">Bahasa Indonesia</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=de" lang="de">Deutsch</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=es" lang="es">Español</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=es-419" lang="es-419">Español – América Latina</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=fr" lang="fr">Français</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=it" lang="it">Italiano</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=pl" lang="pl">Polski</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=pt-br" lang="pt-br">Português – Brasil</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=vi" lang="vi">Tiếng Việt</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=tr" lang="tr">Türkçe</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=ru" lang="ru">Русский</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=he" lang="he">עברית</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=ar" lang="ar">العربيّة</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=fa" lang="fa">فارسی</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=hi" lang="hi">हिंदी</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=bn" lang="bn">বাংলা</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=th" lang="th">ภาษาไทย</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=zh-cn" lang="zh-cn">中文 – 简体</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=zh-tw" lang="zh-tw">中文 – 繁體</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=ja" lang="ja">日本語</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" href="https://developers.google.com/?hl=ko" lang="ko">한국어</a>
    </li>
    
  </ul>
</devsite-language-selector>

  </nav>
</div>
          
        </devsite-footer-utility>
        <devsite-panel style="height: auto;"></devsite-panel>
      </section></section>
    <devsite-sitemask></devsite-sitemask>
    <devsite-snackbar style="bottom: 0px;">
</devsite-snackbar>
    
    <devsite-heading-link></devsite-heading-link>
    <devsite-analytics analytics-iframe="">
      
        <script type="application/json" analytics="">[{&#34;dimensions&#34;: {&#34;dimension11&#34;: false, &#34;dimension5&#34;: &#34;en&#34;, &#34;dimension3&#34;: false, &#34;dimension1&#34;: &#34;Signed out&#34;, &#34;dimension6&#34;: &#34;en&#34;, &#34;dimension4&#34;: &#34;Google Developers&#34;}, &#34;gaid&#34;: &#34;UA-24532603-1&#34;, &#34;metrics&#34;: {&#34;ratings_value&#34;: &#34;metric1&#34;, &#34;ratings_count&#34;: &#34;metric2&#34;}}, {&#34;dimensions&#34;: {&#34;dimension0&#34;: 39300251}, &#34;gaid&#34;: &#34;&#34;, &#34;metrics&#34;: {}}]</script>
<script type="application/json" gtm="">{&#34;parameters&#34;: {&#34;internalUser&#34;: &#34;False&#34;, &#34;language&#34;: {&#34;machineTranslated&#34;: &#34;False&#34;, &#34;requested&#34;: &#34;en&#34;, &#34;served&#34;: &#34;en&#34;}, &#34;pageType&#34;: &#34;article&#34;, &#34;projectName&#34;: &#34;Google Developers&#34;, &#34;signedIn&#34;: &#34;False&#34;, &#34;tenant&#34;: &#34;developers&#34;, &#34;recommendations&#34;: {&#34;sourcePage&#34;: &#34;&#34;, &#34;sourceType&#34;: 0, &#34;sourceRank&#34;: 0, &#34;sourceIdenticalDescriptions&#34;: 0, &#34;sourceTitleWords&#34;: 0, &#34;sourceDescriptionWords&#34;: 0, &#34;experiment&#34;: &#34;&#34;}, &#34;experiment&#34;: {&#34;ids&#34;: &#34;39300426&#34;}}, &#34;tags&#34;: []}</script>
      
    <iframe src="https://developers.google.com/_d/analytics-iframe"></iframe></devsite-analytics>
    
      <devsite-badger></devsite-badger>
    
    
    <script nonce="">
  
  (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://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/js/app_loader.js', '[1,"en",null,"/js/devsite_app_module.js","https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305","https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers","https://developers-dot-devsite-v2-prod.appspot.com",1,null,["/_pwa/developers/manifest.json","https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/images/video-placeholder.svg","https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/images/favicon.png","https://www.gstatic.com/devrel-devsite/prod/vefe830b4ddbb6fbf9f8f84fc45bd4079738c13cea1a4dbeb400bd711e695c305/developers/images/lockup.svg","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,52,63,70,75,76,80,87,91,92,93,97,98,100,101,102,103,104,105,107,108,109,110,111,112,113,115,117,118,120,122,124,125,126,127,129,130,131,132,133,134,135,136,138,140,141,144,147,148,149,150,151,152,154,155,156,157,158,159,161,163,164,165,168,169,170,172,173,179,180,182,183,186,190,191,193,196],"AIzaSyAP-jjEJBzmIyKR4F-3XITp8yM9T1gEEI8","AIzaSyB6xiKGDR5O3Ak2okS4rLkauxGUG7XP0hg","developers.google.com","AIzaSyAQk0fBONSGUqCNznf6Krs82Ap1-NV6J4o","AIzaSyCCxcqdrZ_7QMeLCRY20bh_SXdAYqy70KY",null,null,null,["BookNav__enable_book_nav_filtering","SignIn__enable_auto_signin_oauth","Search__enable_devsite_serp","Cloud__enable_cloud_shell","Experiments__enable_experiments","BookNav__enable_collapsible_book_nav","Experiments__reqs_query_experiments","Significatio__enable_experiment_id_caching","Profiles__enable_page_saving","MiscFeatureFlags__enable_tls_version_for_gaia_calls","Search__enable_suggestions_from_borg","Profiles__require_profile_eligibility_for_signin","Profiles__enable_developer_profiles_interests","MiscFeatureFlags__emergency_css","Badges__enable_delete_badges","Profiles__enable_developer_profiles_dashboard_recommendations","Cloud__enable_cloud_dlp_service","Profiles__enable_profile_collections","Significatio__enable_by_tenant","MiscFeatureFlags__enable_footprints_record_views","Profiles__enable_profile_notifications_ui","Badges__enable_drag_and_drop_badges","Cloud__enable_cloud_shell_fte_user_flow","Profiles__enable_public_developer_profiles","Search__enable_page_map","Cloud__enable_cloud_facet_chat","Cloud__enable_cloudx_experiment_ids","Search__enable_faceted_search","Profiles__enable_developer_profiles_callout","Search__enable_acl_suggestions"]]')
  
</script>
    <devsite-a11y-announce aria-live="assertive" aria-atomic="true"></devsite-a11y-announce>
  
<iframe id="apiproxyf89dd6e2e680a4829667e04f487fe9f1c3387a8c0.2074357485" name="apiproxyf89dd6e2e680a4829667e04f487fe9f1c3387a8c0.2074357485" style="width: 1px; height: 1px; position: absolute; top: -100px; display: none;" src="https://scone-pa.clients6.google.com/static/proxy.html?usegapi=1&amp;jsh=m%3B%2F_%2Fscs%2Fabc-static%2F_%2Fjs%2Fk%3Dgapi.lb.en.P0B2vZm_jJk.O%2Fd%3D1%2Frs%3DAHpOoo_nmCaDbrwZCe_WiNZEgKVKQ-FnSA%2Fm%3D__features__#parent=https%3A%2F%2Fdevelopers.google.com&amp;rpctoken=409828072" tabindex="-1" aria-hidden="true"></iframe></body></html>

                             

Screenshot: