Le immagini rappresentano più del 60% dei byte necessari in media per caricare una pagina web. Con AVIF puoi ridurre le dimensioni delle immagini e velocizzare il caricamento del tuo sito web. AVIF è un formato di immagine derivato dal flusso di dati

Tempo stimato per il completamento: 1-2 ore Esistono due modalità per eseguire questo codelab: Test locale o Servizio di aggregazione. La modalità di test locale richiede un computer locale e il browser Chrome (nessuna creazione/utilizzo di risorse

Per eseguire questo codelab, sono necessari alcuni prerequisiti. Ogni requisito è contrassegnato di conseguenza in base al fatto che sia necessario per "Test locali" o "Servizio di aggregazione". Per i test locali è necessario scaricare lo strumento

In questo codelab, aggiungerai gli acquisti in-app a un'app Flutter che viene verificata e gestita utilizzando un servizio di backend Dart.

In questo codelab imparerai a creare un'app web che utilizza Cloud Firestore.

In questo codelab imparerai a utilizzare la piattaforma Firebase sul web creando un'app di chat.

In questo codelab imparerai a utilizzare le animazioni in Flutter. Creerai un widget che anima sia le dimensioni che il colore, aggiunge un effetto di ribaltamento della scheda 3D, utilizza gli effetti del pacchetto di animazioni e aggiunge il supporto del gesto di ritorno predittivo di Android.

In questo codelab, imparerai a creare un'app Flutter che genera nomi casuali e dal suono accattivante.

In questo codelab, configurerai Firebase Performance Monitoring in un'app web e imparerai a utilizzarlo per assicurarti che la tua app funzioni correttamente per gli utenti finali.

In questo codelab imparerai a utilizzare Cloud Functions for Firebase per inviare notifiche agli utenti di un'app di chat.

Questo codelab guiderà l'utente attraverso i passaggi per eseguire il deployment di un'istanza di Jenkins su GKE, inclusi gli agenti di compilazione con scalabilità automatica.

In questo codelab, imparerai ad aggiungere Firebase Authentication a un'app Flutter con poche righe di codice.

I servizi di offerte e aste sono composti da quattro servizi che consentono ad acquirenti e venditori di facilitare un'asta Protected Audience: Stack dell'acquirente: Serie di venditori: Questo codelab illustra la configurazione e il test della

In questo codelab, imparerai a gestire i trasferimenti nelle conversazioni tra i rappresentanti degli agenti e i rappresentanti dei bot. Alla fine, avrai un'interfaccia web di base in cui puoi visualizzare tutte le conversazioni in corso con il tuo agente e partecipare o lasciare qualsiasi conversazione come agente in tempo reale.

In questo codelab imparerai a convalidare un'applicazione web con Firebase App Check e reCAPTCHA prima di effettuare richieste all'API Places

Questo codelab è il seguito di API Google Pay per il web 101: nozioni di base e si basa sul codice scritto in quel codelab. Per completare questo codelab, assicurati di completare prima quello. Questa è una breve panoramica del ButtonOptions. Per una

In questo codelab, imparerai a utilizzare l'infrastruttura Firebase per eseguire il deployment di un modello ML in modo che possa essere utilizzato e utilizzato sul tuo sito web utilizzando TensorFlow.js

In questo codelab, scoprirai cos'è il modello gecko@003 e un caso d'uso reale per la sua applicazione.

In questo codelab, scoprirai i caratteri variabili, i loro vantaggi, come progettare con questi caratteri e come implementarli utilizzando l'API Google Fonts e in CSS.

Scopri come creare un'app mobile Flutter con Firebase.

Crea un'app web da zero con Firebase e l'editor online StackBlitz. Utilizzerai HTML e JavaScript di base per comunicare con Firebase. Questa è un'ottima introduzione all'utilizzo della Console Firebase e all'integrazione di Firebase in un'app. Non sono necessarie conoscenze preliminari approfondite o installazioni di software.

Scopri come implementare l'autenticazione a più fattori e creare requisiti di autenticazione personalizzati con le funzioni di blocco

Imparerai a utilizzare Procurement DocAI per analizzare in modo intelligente una fattura.

In questo codelab eseguirai la migrazione di un'app web Firebase esistente al nuovo SDK Firebase JS modulare per eseguire il tree shake del codice che non utilizzi e velocizzare il caricamento dell'app.

Al termine di questo codelab, avrai un sito web minimamente fattibile con un'integrazione di Google Pay funzionante. Questo progetto recupera un token di pagamento che può essere inviato a un fornitore di servizi di pagamento per l'elaborazione. Una

Scopri come aggiungere effetti sonori, musica di sottofondo e audio dinamico ai giochi con Flutter.

Codelab che illustra come utilizzare Firebase Emulator Suite durante lo sviluppo con Flutter. Il codelab utilizzerà gli emulatori Auth e Firestore per dimostrare l'uso dell'emulatore.

In questo codelab adatto ai principianti, imparerai come creare un'applicazione di esempio utilizzando i componenti autonomi Angular v14

Scopri come utilizzare le funzionalità di realtà aumentata con l'API WebXR Device e utilizza la comprensione delle scene per posizionare un oggetto 3D posizionato nel mondo reale.

Introduzione degli indicatori, un nuovo modello di reattività in Angular. Gli indicatori ti offrono strumenti di alta qualità per una reattività più granulare

Scopri come seguire le best practice sull'accessibilità nelle tue app Angular con il set di strumenti integrato nel framework.

Scopri come estendere i componenti Material predefiniti nei componenti per qualsiasi framework web.

In questo codelab, imparerai a tradurre in Lit i concetti di React

Scopri come incorporare singoli componenti Material in un codebase web esistente senza ricominciare da capo.

Integra il sistema di movimento di Material nell'app Reply utilizzando le transizioni dal pacchetto di animazioni.

Migliora il design della tua app Flutter e implementa in Flutter un componente avanzato del menu Sfondo.

Scopri come utilizzare Material per creare struttura e layout di un'app Flutter.

Scopri come sviluppare un'app web con Firebase Emulator Suite.

Scopri come utilizzare il materiale per la struttura e il layout sul Web.

In questo lab imparerai a creare un classificatore Keras. Anziché cercare di trovare la combinazione perfetta di livelli di rete neurale per riconoscere i fiori, useremo prima una tecnica chiamata transfer learning per adattare un potente modello preaddestrato al nostro set di dati. Questo lab include le spiegazioni teoriche necessarie sulle reti neurali ed è un buon punto di partenza per gli sviluppatori che vogliono imparare a conoscere il deep learning.

Scopri come proteggere i dati di Firestore con le regole di sicurezza

In questo codelab, creerai una pagina web che interagisce con una scheda micro:bit della BBC per mostrare le immagini sul suo display LED 5x5. Scoprirai l'API Web Serial e come utilizzare flussi leggibili, scrivibili e trasformabili per comunicare con i dispositivi seriali tramite il browser.

Questo codelab introduce all'utente l'API DLP tramite un'interfaccia a riga di comando. L'utente scaricherà il codice del progetto ed esaminerà alcuni degli strumenti nella directory di esempio e le relative funzioni sottostanti.

In questo codelab, esplorerai diverse API web che sono nuove di zecca o disponibili solo dietro un flag.

In questo codelab creerai un'applicazione web, limiterai l'accesso solo a gruppi specifici di utenti e utilizzerai l'identità dell'utente autenticato nel programma

Scopri come trasmettere contenuti multimediali e dati in streaming tra due browser. Impara a conoscere le API e le tecnologie principali di WebRTC. Acquisisci e manipola le immagini utilizzando getUserMedia, CSS e l'elemento canvas. Configura una connessione peer e scambia dati direttamente tra i browser utilizzando canali di dati. Infine, configura un server di segnalazione utilizzando Node.js.

In questo codelab, creerai una pagina web che interagisce con una scheda micro:bit della BBC per mostrare le immagini sul suo display LED 5x5. Scoprirai l'API Web Serial e come utilizzare flussi leggibili, scrivibili e trasformabili per comunicare con i dispositivi seriali tramite il browser.

Scopri come aggiungere una navigazione istantanea e transizioni di pagina perfette a un'app web con le API più recenti disponibili in Google Chrome.

Scopri come creare un modulo web adattivo, in cui ogni utente riceve un'interfaccia personalizzata che riflette le sue preferenze in quel momento.

In questo codelab, imparerai ad aggiungere gli annunci in linea di AdMob (banner e nativi) a un'app Flutter.

Questo codelab ti presenterà i concetti principali di Accelerated Mobile Pages e la loro differenza rispetto ai documenti HTML tradizionali. A questo scopo, creeremo e convalideremo i documenti AMP.

Questo codelab ti presenterà i concetti principali di Accelerated Mobile Pages e la loro differenza rispetto ai documenti HTML tradizionali. A questo scopo, creeremo e convalideremo i documenti AMP.

In questo codelab imparerai a inviare eventi esterni a GA4 utilizzando Measurement Protocol(WEB).

In questo codelab, imparerai ad aggiungere banner, annunci interstitial e annunci con premio a un'app Flutter.

In questo codelab imparerai a utilizzare Dataproc su Google Compute Engine (GCE).

In questo codelab, creerai un widget della schermata Home per la tua app Flutter per iOS o Android. Inizierai con un'app di notizie di base Flutter. Utilizzerai quindi i framework nativi per creare l'UI per i widget stessi. Infine, imparerai a condividere le risorse e a stabilire la comunicazione tra i widget e l'app principale.

In questo codelab scoprirai tutto su Dataproc Serverless, tra cui come iniziare e come accedere al suo ricco set di caratteristiche.

In questo codelab, invierai i job Spark ML al servizio Dataproc di Google.

Dialogflow include già molte integrazioni predefinite per il web, l'Assistente Google, i social media e i gateway telefonici. Tuttavia, quando vuoi portare i chatbot sui dispositivi mobili, dovrai creare un'integrazione personalizzata. Questo lab ti insegnerà come integrare Dialogflow Essentials in un'app Flutter.

Utilizza pattern, record e altre nuove funzionalità di Dart 3 per riprogettare lo stile di progettazione dell'interfaccia utente in Flutter.

In questo codelab, scoprirai che cos'è e come funziona creare un componente web da zero per poi migliorarlo progressivamente trasformandolo in elemento luminoso.

Questo codelab mostra come utilizzare Google Cloud Functions per attivare un flusso di lavoro di Apache Airflow (DAG) in Google Cloud Composer. Il DAG qui esegue un semplice comando bash utilizzando BashOperator

Con nient'altro che JavaScript, puoi creare un'app web che controlla una candela LED senza fiamma grazie all'API Web Bluetooth iniziale.

In questo codelab, scriverai espressioni nel Common Expression Language, implementato in Go. Dovrai creare variabili, utilizzare operatori logici e/o operatori, creare json, creare protos e ottimizzare le espressioni.

In questo codelab, imparerai a monitorare le scritture e le letture di Bigtable durante il caricamento e la lettura di una grande quantità di dati utilizzando Dataflow.

In questo codelab, imparerai come utilizzare Model Maker per reimpostare un modello di commenti spam per tenere conto dei casi limite che il modello preaddestrato non è riuscito a gestire e quindi eseguire nuovamente il deployment del nuovo modello nell'applicazione web.

In questo codelab, creerai un'esperienza di Google Maps utilizzando l'SDK dell'app mobile Flutter per creare esperienze native di alta qualità su iOS, Android e sul web.

In questo codelab, imparerai a caricare e utilizzare uno dei modelli preaddestrati TensorFlow.js (COCO-SSD) e a utilizzarlo per riconoscere oggetti comuni su cui è stato addestrato.

In questo codelab, acquisirai esperienza nella creazione di un'applicazione con design adattivo che si anima in modo fluido con Material 3 su tutte e sei le piattaforme supportate da Flutter.

Flutter è il toolkit dell'interfaccia utente di Google che consente di creare splendide applicazioni compilate in modo nativo per dispositivi mobili, web e computer a partire da un unico codebase. In questo codelab, inizierai con un'app di musica semplice e (utilizzando Material 3) la rendi più bella e più reattiva per tutte le piattaforme.

In questo codelab, creerai un'app Flutter che si adatta a tutte e sei le piattaforme supportate da Flutter: Android, iOS, il web, Windows, macOS e Linux.

In questo codelab, creerai e testerai una semplice app Flutter.

In questo codelab, creerai un plug-in Flutter per piattaforme mobile e desktop utilizzando FFI per sfruttare una libreria C nativa esistente.

In questo codelab, imparerai ad aggiungere il plug-in webview_flutter a un'app Flutter.

In questo codelab imparerai a usare Flame, un motore grafico basato su Flutter. Scoprirai i componenti e gli effetti di Flame, nonché le modalità di integrazione di Flame con la gestione dello stato di Flutter.

Scopri le nozioni di base sull'utilizzo dei componenti Material per il Web creando un'app semplice con componenti di base.

Apprendi le nozioni di base sull'utilizzo dei componenti del materiale creando una pagina di accesso per una semplice app Flutter.

Scopri in che modo la libreria Material Flutter ti consente di differenziare facilmente il tuo prodotto ed esprimere il tuo brand attraverso il design.

In questo codelab, imparerai a convertire un modello ML Python esistente nel formato SavedModel nel formato TensorFlow.js in modo che possa essere eseguito in un browser web e a risolvere i problemi comuni che possono verificarsi nelle conversioni.

In questo codelab, imparerai ad aggiungere notifiche push alla tua app web.

Flutter 是 Google 的界面工具包，可用于通过单一代码库为移动设备、网络和桌面设备制作本机编译的精美应用程序。在此 Codelab 中，您将学习如何构建移动端的 Flutter 应用，此应用可使用能生成随机词对的软件包延迟加载无限列表。

Flutter 是 Google 的界面工具包，可用于通过单一代码库为移动设备、网络和桌面设备制作本机编译的精美应用程序。在本 Codelab 中，您将扩展简单的移动应用，以添加交互性和导航，并更改其主题颜色。

了解如何将用 Java 编写的简单示例转换为 Dart 代码，后者简洁、常用且易于学习。

了解 Material Components for Flutter 如何让您的产品与众不同并通过设计表达您的品牌。

利用核心组件构建一个简单的应用，学习使用 Material Components for Flutter 的基础知识。

在此 Codelab 中，您将构建一个独立于 Angular 框架运行、可以导入到任何框架中并且非常易于集成的图像滑块。

学习如何将 Material 用于 Flutter 上的结构和布局。

了解如何使用 2D 物理引擎 Forge2D 在 Flutter 和 Flame 游戏中构建游戏机制。

了解如何构建计算密集型 Flutter 应用，同时仍然保持 Flutter 流畅的互动性。

了解 Material Components for Flutter 如何帮助您轻松地通过设计来传达品牌特色并使您的产品脱颖而出。

了解如何在 Material Design 中运用自适应设计原则，以便在不同屏幕尺寸间实现一致性。在此 Codelab 中，您将学习如何将移动设计转换为平板电脑格式，并了解自适应网格、自适应组合模式以及相关组件。

了解如何使用 Material 3 创建符合无障碍标准的个性化主题和品牌。

在此 Codelab 中，您将使用 Flutter 和 Flame 引擎创建一个名称为 Doodle Dash 的平台游戏。

在此 Codelab 中，我将创建一个以 Python 编写的 Document AI API 教程。

了解如何保护自己的在线信息、识别钓鱼式攻击、为 Google 帐号启用高级保护，以及如何在社交媒体上确保安全。

在此 Codelab 的新手入门 Codelab 中，您将学习如何使用 Angular 构建 Web 应用

了解如何使用 TensorFlow Lite Model Maker 训练垃圾评论检测模型。

了解如何构建一个 Flutter 应用，用于对文本进行分类并在界面中显示结果。

在此 Codelab 中，您将学习如何构建具有博文功能的简单评论功能的网页，并将其与预训练的机器学习模型集成，以检测垃圾评论，从而让您在垃圾评论出现之前将其滤除存储在任何后端数据库中，可缩短服务器处理时间和费用。

在此 Codelab 中，您将学习如何使用 Model Maker 重新训练垃圾评论模型，使之涵盖预训练模型无法处理的极端情况，然后将新模型重新部署到 Web 应用。

在此 Codelab 中，您将学习在 Web 平台上开始使用 Google Maps Platform 需知的内容。您将学习所有基础知识，从准备工作到加载 Maps JavaScript API、显示您的第一个地图、使用标记和标记聚类、在地图上绘图，以及处理用户互动等，面面俱到。 在此 Codelab 中，您将构建 Web 应用，用于执行以下操作： 您必须熟悉以下各项内容，才能完成此 Codelab。如果您已经能够熟练使用 Google Maps Platform，请直接跳到该 Codelab！

了解如何创建一个简单的网站，以使用 TensorFlow Serving 对图片进行分类。

此 Codelab 会教您如何使用由 WebGL 提供支持的 Maps JavaScript API 功能控制三维矢量地图并在地图上渲染对象。 此 Codelab 假定您熟悉 JavaScript 和 Maps JavaScript API 方面的知识。如需了解使用 Maps JS API 的基础知识，不妨试着学习 向网站添加地图 (JavaScript) Codelab 。 若要完成下面的启用步骤，您需要启用 Maps JavaScript API 。 如果您还没有已启用结算功能的

了解如何使用 TensorFlow Lite Model Maker 重新训练垃圾内容检测模型，以检测特定类型的垃圾内容。

了解如何构建一个使用指纹传感器实现简单的身份重新验证功能的网站。

在此 Codelab 中，您将了解颜色与无障碍功能、颜色对比度参考值之间的关系，以及 Material Theme Builder 如何创建易于访问的主题并用于轻松检查对比度。

您可以使用“Recorder”面板录制、重放和衡量用户流。 请观看下方视频，大致了解新的“Recorder”面板（预览版功能）。 按照以下步骤打开“Recorder”面板 我们将使用下方的咖啡订购演示页面。结账是购物网站中常见的用户流。 在接下来的部分中，我们将向您演示如何使用“Recorder”面板录制、重放和衡量以下结账流程： 录制完用户流后，您可以点击 Replay 按钮重放用户流。 您在页面上可以看到用户流的重放过程。重放进度也会显示在 Recorder 面板中。 您可以通过配置