Aprenda a criar um app Flutter para dispositivos móveis com o Firebase.

Neste codelab, você vai aprender a usar a plataforma do Firebase na Web criando um app de chat.

Crie um app da Web do zero com o Firebase e o editor on-line StackBlitz. Você vai usar HTML e JavaScript básicos para se comunicar com o Firebase. Esta é uma ótima maneira de conhecer o uso do Console do Firebase e a integração do Firebase a um app. Não é necessário ter conhecimento prévio extensivo ou instalar softwares.

Saiba como implementar a autenticação multifator e criar requisitos de autenticação personalizados com funções de bloqueio

Neste codelab, você vai migrar um app da Web do Firebase para o novo SDK modular do Firebase para JavaScript e fazer o tree shake de código que você não usa para que o app carregue rapidamente.

Neste codelab, você vai configurar o Monitoramento de desempenho do Firebase em um app da Web e aprender a usá-lo para garantir que o app funcione bem para os usuários finais.

Neste codelab, você vai aprender a adicionar o Firebase Authentication a um app Flutter com apenas algumas linhas de código.

Neste codelab, você vai aprender a usar o Cloud Functions para Firebase para enviar notificações aos usuários de um app de chat.

As imagens representam mais de 60% dos bytes necessários, em média, para carregar uma página da Web. Com o AVIF, você pode reduzir o tamanho das imagens e fazer o site carregar mais rápido. O AVIF é um formato de imagem derivado do bitstream de vídeo

Para realizar este codelab, alguns pré-requisitos são necessários. Cada requisito é marcado de acordo com se ele é necessário para "Testes locais" ou "Serviço de agregação". O teste local exige o download da ferramenta de teste local. A ferramenta

Tempo estimado para a conclusão: de uma a duas horas Há dois modos para realizar este codelab: teste local ou serviço de agregação. O modo de teste local exige uma máquina local e o navegador Chrome (sem criação/uso de recursos do Google Cloud). O

Neste codelab, você vai adicionar compras no app do Flutter que são verificadas e gerenciadas com um serviço de back-end do Dart.

Neste codelab, você aprenderá a criar um app da Web que usa o Cloud Firestore.

Neste codelab, você vai aprender a usar animações no Flutter. Você vai criar um widget que anima o tamanho e a cor, adiciona um efeito de virada de cartão 3D, utiliza efeitos do pacote de animações e adiciona suporte ao gesto de volta preditiva do Android.

Este codelab vai orientar o usuário nas etapas de implantação de uma instância do Jenkins no GKE, incluindo agentes de criação de escalonamento automático.

Os serviços de lances e leilões (B&A) são compostos por quatro serviços para compradores e vendedores facilitarem um leilão de público-alvo protegido: Stack do comprador: Pilha do vendedor: Este codelab mostra como configurar e testar a

Neste codelab, você vai aprender a gerenciar transferências em conversas entre representantes de agentes ao vivo e representantes de bots. Ao final, você terá uma interface da Web básica em que poderá ver todas as conversas em andamento com seu agente e entrar ou sair de qualquer conversa como agente ao vivo.

Neste codelab, você vai aprender a validar um aplicativo da Web com o Firebase App Check e o reCAPTCHA antes de fazer solicitações à API Places.

Este codelab é uma continuação de API Google Pay para Web 101: noções básicas e depende do código escrito nesse codelab. Para concluir este codelab, primeiro conclua o outro. Esta é uma breve descrição do ButtonOptions. Consulte a documentação para

Neste codelab, você aprenderá qual é o modelo gecko@003 e um caso de uso real para seu aplicativo.

Você vai aprender a usar o Procurement DocAI para analisar uma fatura de forma inteligente.

Ao concluir este codelab, você terá um site mínimo viável com uma integração funcional do Google Pay. Esse projeto recupera um token de pagamento que pode ser enviado a um provedor de serviços de pagamento para processamento. Uma solicitação de

Aprenda a adicionar efeitos sonoros, música de fundo e áudio dinâmico a jogos com o Flutter.

Codelab que descreve como usar o Pacote de emuladores do Firebase durante o desenvolvimento com o Flutter. O codelab usará os emuladores do Auth e do Firestore para demonstrar o uso do emulador.

Neste codelab para iniciantes, você vai aprender a criar um aplicativo de exemplo usando componentes autônomos do Angular v14

Aprenda a estender os componentes pré-criados do Material Design para qualquer framework da Web.

Aprenda a incorporar componentes individuais do Material Design a uma base de código da Web sem começar de novo.

Aprenda a desenvolver um app da Web com o Pacote de emuladores do Firebase.

Aprenda a usar o Material Design para criar a estrutura e o layout na Web.

Neste laboratório, você vai aprender a criar um classificador do Keras. Em vez de tentar descobrir a combinação perfeita de camadas de rede neural para reconhecer flores, primeiro usaremos uma técnica chamada aprendizado por transferência para adaptar um poderoso modelo pré-treinado ao nosso conjunto de dados. Este laboratório inclui as explicações teóricas necessárias sobre redes neurais e é um bom ponto de partida para desenvolvedores que estão aprendendo sobre aprendizado profundo.

Saiba como proteger seus dados do Firestore com regras de segurança

Neste codelab, você vai criar uma página da Web que interage com uma placa micro:bit da BBC para mostrar imagens na tela de LED 5x5. Você vai aprender sobre a API Web Serial e como usar streams legíveis, graváveis e de transformação para se comunicar com dispositivos seriais pelo navegador.

Neste codelab, você vai ganhar experiência com a criação de um aplicativo com design adaptável e animado de forma fluida com o Material Design 3 nas seis plataformas que têm o suporte do Flutter.

Neste codelab, você criará um controle deslizante de imagem que terá um funcionamento independente do framework Angular, pode ser importado para qualquer framework e é muito fácil de integrar.

Neste codelab, você aprenderá a criar um app do Flutter que gera nomes aleatórios e legais.

Este codelab apresentará a API DLP ao usuário por uma interface de linha de comando. O usuário fará o download do código do projeto e revisará algumas das ferramentas no diretório de exemplos e suas funções subjacentes.

Neste codelab, você vai testar várias APIs da Web que são novas ou estão disponíveis apenas atrás de uma flag.

Neste codelab, você vai criar um aplicativo da Web, restringir o acesso a grupos específicos de usuários e usar a identidade do usuário autenticado no programa.

Saiba como fazer streaming de mídia e dados entre dois navegadores. Conheça as principais APIs e tecnologias do WebRTC. Capture e manipule imagens usando getUserMedia, CSS e o elemento "canvas". Configure uma conexão de peering e troque dados diretamente entre navegadores usando canais de dados. Por fim, configure um servidor de sinalização usando Node.js.

Neste codelab, você vai criar uma página da Web que interage com uma placa micro:bit da BBC para mostrar imagens na tela de LED 5x5. Você vai aprender sobre a API Web Serial e como usar streams legíveis, graváveis e de transformação para se comunicar com dispositivos seriais pelo navegador.

Aprenda a criar um formulário da Web adaptável, em que cada usuário recebe uma interface personalizada que reflete as preferências dele naquele momento.

Neste codelab, você aprenderá a adicionar anúncios de banner e nativos in-line da AdMob a um app Flutter.

Neste codelab, você vai aprender a enviar eventos externos ao GA4 usando o Measurement Protocol(Web).

Este codelab apresentará os principais conceitos das Accelerated Mobile Pages e como elas diferem dos documentos HTML tradicionais. Para isso, vamos criar e validar documentos AMP.

Este codelab apresentará os principais conceitos das Accelerated Mobile Pages e como elas diferem dos documentos HTML tradicionais. Para isso, vamos criar e validar documentos AMP.

Neste codelab, você vai criar um widget de tela inicial para seu app do Flutter para iOS ou Android. Você vai começar com um app básico de notícias do Flutter. Depois você vai usar frameworks nativos para criar a IU para os próprios widgets. Por fim, você aprenderá a compartilhar recursos e estabelecer uma comunicação entre seus widgets e o aplicativo principal.

Neste codelab, você vai aprender a usar o Dataproc no Google Compute Engine (GCE).

Neste codelab, você enviará jobs do Spark ML para o serviço Dataproc do Google.

Neste codelab, você vai aprender tudo sobre o Dataproc sem servidor, incluindo como começar e como acessar o conjunto avançado de recursos.

O Dialogflow pronto para uso vem com muitas integrações, para gateways da Web, do Google Assistente, de mídias sociais e de telefone. No entanto, para levar os chatbots a dispositivos móveis, é preciso criar uma integração personalizada. Neste laboratório, você aprenderá a integrar o Dialogflow Essentials a um app do Flutter.

Neste codelab, você vai aprender sobre & criar um componente da Web do zero e aprimorá-lo progressivamente para um elemento Lit.

Este codelab mostra como usar o Google Cloud Functions para acionar um fluxo de trabalho do Apache Airflow (DAG) no Google Cloud Composer. O DAG executa um comando bash simples usando o BashOperator

Com apenas JavaScript, crie um app da Web que controle uma vela de LED sem chamas graças à nova API Web Bluetooth.

Neste codelab, você vai escrever expressões na Common Expression Language, implementada em Go. Você criará variáveis, usará operadores lógicos e/ou, criará json, criará protos e ajustará suas expressões.

Neste codelab, você vai aprender a monitorar gravações/leituras do Bigtable conforme elas são carregadas e ler uma grande quantidade de dados usando o Dataflow.

Neste codelab, você aprenderá a usar o Model Maker para treinar novamente um modelo de spam de comentários para lidar com casos extremos que o modelo pré-treinado não consegue processar e, em seguida, implantar novamente o novo modelo no aplicativo da Web.

Neste codelab, você aprenderá a carregar e usar um dos modelos pré-treinados do TensorFlow.js (COCO-SSD) e a usá-lo para reconhecer objetos comuns em que ele foi treinado.

Aprenda a criar mecânicas nos jogos do Flutter e do Flame com o Forge2D, um mecanismo de física 2D.

Neste codelab, você vai aprender a usar o Flame, um mecanismo de jogo criado com base no Flutter. Você vai conhecer os componentes e efeitos do Flame, além de aprender a integrar o Flame ao gerenciamento de estado do Flutter.

Aprenda a criar um app do Flutter com uso intenso de computação e manter a interatividade fluida dele.

Aprenda os conceitos básicos do uso de componentes do Material Design na Web criando um app simples com componentes principais.

Veja como os componentes do Material Design da Web facilitam o diferencial do seu produto e expressam sua marca com o design.

Neste codelab, você aprenderá a converter um modelo de ML em Python que está no formato SavedModel e convertê-lo no formato TensorFlow.js para que ele possa ser executado em um navegador da Web, além de aprender a resolver problemas comuns que podem ocorrer nas conversões.

Neste codelab, você aprenderá a adicionar notificações push ao seu app da Web.

Aprenda a usar princípios de design adaptável no Material Design para alcançar consistência em todos os tamanhos de tela. Neste codelab, você transformará um design para dispositivo móvel em formato tablet e aprenderá sobre a grade responsiva, os padrões de composição adaptáveis e os componentes corretos.

Aprenda a criar um tema e uma marca acessíveis e personalizados com o Material 3.

Neste codelab, você vai criar um app do Flutter que se adapta às seis plataformas para as quais o Flutter oferece suporte: Android, iOS, Web, Windows, macOS e Linux.

Neste codelab, você vai criar um jogo de plataforma chamado Doodle Dash usando o Flutter e o mecanismo do Flame.

Neste codelab, você criará um plug-in do Flutter para plataformas móveis e de computador usando a FFI para aproveitar uma biblioteca C nativa.

Aprenda os conceitos básicos do uso de componentes do Material Design criando uma página de login para um app simples do Flutter.

Apresentamos os indicadores, um novo modelo de reatividade no Angular. Os indicadores oferecem ferramentas de alta qualidade para uma reatividade detalhada

Aprenda a usar o Material Design para criar a estrutura e o layout de um app do Flutter.

Neste codelab, você criará e testará um app simples do Flutter.

Veja como os componentes do Material Design do Flutter podem ajudar a expressar sua marca e destacar seu produto com escolhas de design.

Melhore o design e aprenda a usar o componente de menu avançado de pano de fundo do Flutter.

Crie o sistema de movimento do Material Design no app Reply usando as transições do pacote de animações.

Neste codelab, você vai aprender a adicionar anúncios intersticiais, premiados e de banner a um app do Flutter.

Neste codelab, você vai adicionar uma autenticação de dois fatores ao seu site ou app da Web com uma chave de segurança.

Neste codelab, você aprenderá a usar a infraestrutura do Firebase para implantar um modelo de ML a fim de usá-lo e consumi-lo no seu site usando o TensorFlow.js

Neste codelab, vamos focar na criação de um tutorial que usa a API Document AI com Python

Neste codelab para iniciantes, você aprenderá a criar apps da Web com o Angular

Este codelab ensina a usar os recursos da API Maps JavaScript com a tecnologia WebGL para renderizar e controlar o mapa vetorial em três dimensões. Este codelab pressupõe que você tem conhecimento intermediário de JavaScript e da API Maps JavaScript.

Imagine que você tenha muitos lugares para colocar em um mapa e quer permitir que os usuários vejam onde esses lugares estão e decidam qual deles querem visitar. Como exemplos, podemos mencionar: Neste codelab, você criará um localizador que usa um

O Flutter é um kit de ferramentas de IU do Google para criar apps incríveis e nativos para dispositivos móveis, Web e computadores com uma única base de código. Ele funciona com código existente, é usado por desenvolvedores e organizações do mundo

Neste codelab, você aprenderá a criar uma página da Web simples, com recursos de comentários, como em um artigo de postagem de blog, e integrar com um modelo de machine learning pré-treinado para detectar postagens de spam de comentários. Assim, você poderá filtrá-las antes mesmo de fazerem isso. são armazenadas em qualquer banco de dados de back-end, reduzindo o tempo e o custo de processamento do servidor.

Neste codelab, você aprenderá a usar o Model Maker para treinar novamente um modelo de spam de comentários para lidar com casos extremos que o modelo pré-treinado não consegue processar e, em seguida, implantar novamente o novo modelo no aplicativo da Web.

Aprenda a criar um app do Flutter que classifica textos e exibe os resultados na IU.

Saiba como criar um site simples que classifica imagens com o TensorFlow Serving.

Saiba como treinar novamente o modelo de detecção de spam para detectar tipos específicos de spam com o TensorFlow Lite Model Maker.

Neste codelab, você aprenderá tudo que precisa para começar a usar a Plataforma Google Maps na Web. Você verá todos os princípios básicos, desde a configuração até o carregamento da API Maps JavaScript, a exibição do primeiro mapa, como trabalhar com

Saiba como treinar um modelo de detecção de spam de comentários com o TensorFlow Lite Model Maker.

Neste codelab, vamos criar um aplicativo da Web em tempo real com o Firebase e o Angular.

Neste codelab, você vai aprender a adicionar o plug-in webview_flutter a um app do Flutter.

Neste codelab, você vai criar um cliente do GitHub no Flutter para computador.

Aprenda a criar um site com uma funcionalidade simples de reautenticação que usa um sensor de impressão digital.

Um dos recursos mais comuns em um site é exibir um mapa do Google que destaca um ou mais locais de uma empresa, estabelecimento ou outra entidade com presença física. A forma como esses mapas são implementados pode variar muito dependendo dos

Neste codelab, você vai aprender sobre fontes variáveis, os benefícios delas e como criá-las e implementá-las usando a API Google Fonts e em CSS.

Neste codelab, você criará uma experiência do Google Maps usando o SDK de apps para dispositivos móveis do Flutter para criar experiências nativas de alta qualidade no iOS e no Android.

Neste codelab, você vai aprender como as cores estão relacionadas à acessibilidade, sobre as diretrizes de contraste de cores e como o Material Theme Builder cria um tema acessível e pode ser usado para verificar o contraste facilmente.

Aprenda a adicionar a navegação instantânea e as transições suaves entre páginas a um app da Web usando as APIs mais recentes disponíveis no Google Chrome.

Neste codelab, você vai aprender a criar uma visualização de um grande volume de dados geoespaciais usando a API Maps JavaScript e o deck.gl, um framework de visualização de dados de código aberto, otimizado pelo WebGL. Se você nunca usou a

Saiba como seguir as práticas recomendadas de acessibilidade nos seus aplicativos do Angular com o conjunto de ferramentas integrado ao framework.

Use o painel do Gravador para gravar, repetir e medir os fluxos de usuários. Assista o vídeo abaixo para conhecer o novo painel do Gravador (recurso de visualização). Abra o painel do Gravador com as seguintes etapas: Usaremos esta página de

O DevTools agora tem um suporte melhor para a depuração da grade CSS (link em inglês). Quando um elemento HTML na sua página tem display: grid ou display: inline-grid aplicado, o painel Elementos oferece várias opções para ajudar você a inspecionar

O uso do contraste incorreto é o maior inimigo da acessibilidade na Web (link em inglês). Vejamos como o DevTools pode ajudar a entender, descobrir e corrigir esse problema. Você vai corrigir os problemas de baixo contraste de uma página da Web.

Saiba como usar os recursos de realidade aumentada com a API WebXR Device e utilizar a compreensão de cena para posicionar um objeto 3D no mundo real.

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

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

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

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

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

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