Görseller, bir web sayfasının yüklenmesi için gereken baytların ortalama %60'ından fazlasını oluşturur. AVIF ile görsellerinizi küçültebilir ve web sitenizin daha hızlı yüklenmesini sağlayabilirsiniz. AVIF, AV1 video bit akışından türetilen bir resim

Bu Codelab'i tamamlamak için birkaç ön koşulu karşılamanız gerekir. Her şart, "Yerel Test" veya "Toplama Hizmeti" için gerekli olup olmadığına göre işaretlenir. Yerel test için Yerel Test Aracı'nın indirilmesi gerekir. Araç, şifrelenmemiş hata

Tahmini tamamlama süresi: 1-2 saat Bu kod laboratuvarını gerçekleştirmenin 2 modu vardır: Yerel Test veya Toplama Hizmeti. Yerel test modu için yerel bir makine ve Chrome tarayıcı gerekir (Google Cloud kaynağı oluşturma/kullanımı yoktur). Aggregation

Bu codelab'de, Dart arka uç hizmeti kullanılarak doğrulanan ve yönetilen bir Flutter uygulamasına uygulama içi satın alma işlemi ekleyeceksiniz.

Bu codelab'de, Cloud Firestore kullanan bir web uygulaması geliştirmeyi öğreneceksiniz.

Bu codelab'de bir sohbet uygulaması oluşturarak Firebase platformunu web'de nasıl kullanacağınızı öğreneceksiniz.

Bu codelab'de, Flutter'da animasyonları nasıl kullanacağınızı öğreneceksiniz. Hem boyutu hem de rengi animasyonlu hale getiren, 3D kart çevirme efekti ekleyen, animasyon paketindeki efektleri kullanan ve Android'in tahmini geri hareket desteğini ekleyen bir widget oluşturacaksınız.

Bu codelab'de rastgele, hoş adlar üreten Flutter uygulamasını nasıl oluşturacağınızı öğreneceksiniz.

Bu kod laboratuvarı, kullanıcıya otomatik ölçeklendirme oluşturucu aracıları da dahil olmak üzere GKE'de Jenkins örneği dağıtacak adımlarda rehberlik eder.

Bu codelab'de, yalnızca birkaç satır kodla Flutter uygulamasına Firebase Authentication'ı nasıl ekleyeceğinizi öğreneceksiniz.

Teklifli Sistem ve Açık Artırma Hizmetleri (T&A), Protected Audience açık artırmasını kolaylaştırmak için alıcılar ve satıcılara sunulan 4 hizmetten oluşur: Alıcı grubu: Satıcı grubu: Bu kod laboratuvarı, uçtan uca kurulumu yerel ortamınızda

Bu codelab'de canlı müşteri temsilcileri ile bot temsilcileri arasındaki karşılıklı görüşmelerin nasıl yönetileceğini öğreneceksiniz. Son olarak, temsilcinizle devam eden tüm görüşmeleri görebileceğiniz ve herhangi bir görüşmeyi canlı aracı olarak değerlendirebileceğiniz temel bir web arayüzüne sahip olacaksınız.

Bu codelab'de, Places API'ye istek göndermeden önce bir web uygulamasını Firebase Uygulama Kontrolü ve reCAPTCHA ile nasıl doğrulayacağınızı öğreneceksiniz.

Bu codelab, Web için Google Pay API 101: Temel Bilgiler codelab'inin devamı niteliğindedir ve bu codelab'de yazılan koda dayanır. Bu codelab'i tamamlamak için önce bu codelab'i tamamladığınızdan emin olun. Bu, ButtonOptions 'a kısa bir genel

Bu codelab'de, gecko@003 modelinin ne olduğunu ve bu modelin gerçek bir kullanım alanını öğreneceksiniz.

Bu codelab'de, ML modeli dağıtmak için Firebase altyapısını nasıl kullanacağınızı öğreneceksiniz. Bu sayede model, TensorFlow.js aracılığıyla web sitenizde kullanılabilecek ve tüketici kullanılabilecektir.

Bu codelab'de, değişken yazı tipleri, avantajları, bu özelliklerle tasarım yapma ve Google Fonts API'yi ve CSS'yi kullanarak değişkenleri uygulamayı öğreneceksiniz.

Bu codelab'de, bir web uygulamasında Firebase Performance Monitoring'i kuracak ve uygulamanızın son kullanıcılar için iyi çalışmasını sağlamak amacıyla bu API'yi nasıl kullanacağınızı öğreneceksiniz.

Firebase ile Flutter mobil uygulaması geliştirmeyi öğrenin.

Firebase ve StackBlitz online düzenleyiciyle sıfırdan bir web uygulaması oluşturun. Firebase ile iletişim kurmak için temel HTML ve JavaScript kullanacaksınız. Bu, Firebase konsolunu kullanmaya ve Firebase'i bir uygulamaya entegre etmeye harika bir giriştir. Kapsamlı bilgi birikimi veya yazılım yüklemeleri gerekmez.

Bu codelab'de, bir sohbet uygulamasının kullanıcılarına bildirim göndermek için Cloud Functions for Firebase'i nasıl kullanacağınızı öğreneceksiniz.

Procurement DocAI'ı kullanarak faturaların akıllı bir şekilde ayrıştırılmasını öğreneceksiniz.

Çok öğeli kimlik doğrulamasını uygulamayı ve engelleme işlevleriyle özel kimlik doğrulama gereksinimleri oluşturmayı öğrenin

Bu codelab'de, mevcut bir Firebase web uygulamasını yeni modüler Firebase JS SDK'ya, kullanmadığınız ağaç sallama koduna taşıyacak ve uygulamanın hızlı bir şekilde yüklenmesini sağlayacaksınız.

Bu codelab'in tamamlanmasıyla, çalışan bir Google Pay entegrasyonuna sahip minimum düzeyde uygulanabilir bir web siteniz olacak. Bu proje, işleme alınması için bir ödeme hizmeti sağlayıcıya gönderilebilecek bir ödeme jetonu alır. Google Pay ödeme

Flutter ile oyunlara nasıl ses efekti, arka plan müziği ve dinamik ses ekleyeceğinizi öğrenin.

Flutter ile geliştirme sırasında Firebase Emulator Suite'in nasıl kullanılacağını özetleyen Codelab. Codelab, emülatör kullanımını göstermek için Auth ve Firestore emülatörlerini kullanır.

Yeni başlayanlara uygun bu codelab'de, Angular v14 Bağımsız Bileşenleri kullanarak örnek uygulama derlemeyi öğreneceksiniz.

Artırılmış gerçeklik özelliklerini WebXR Device API ile kullanmayı ve sahne anlama özelliğini kullanarak gerçek dünyaya uygun bir 3D nesne yerleştirmeyi öğrenin.

Angular'ın yeni tepki modeli olan "sinyaller" ile tanışın. Sinyaller, ayrıntılı reaktiflik için daha yüksek kaliteli araçlara sahip olmanızı sağlar.

Bu çerçevede yerleşik olarak bulunan araç setiyle Angular uygulamalarınızda erişilebilirlikle ilgili en iyi uygulamaları nasıl takip edeceğinizi öğrenin.

Önceden oluşturulmuş Materyal Bileşenlerini herhangi bir web çerçevesi için bileşenlere nasıl genişleteceğinizi öğrenin.

Bu codelab'de React kavramlarını Lit'e nasıl çevireceğinizi öğreneceksiniz.

Güvenlik Kuralları ile Firestore verilerinizi nasıl koruyacağınızı öğrenin

Ayrı Materyal Bileşenlerini, baştan başlamak zorunda kalmadan mevcut bir web kodu tabanına nasıl ekleyeceğinizi öğrenin.

Animasyon paketindeki geçişleri kullanarak Yanıtla uygulamasına Material'ın hareket sistemini oluşturun.

Flutter uygulamanızın tasarımını iyileştirin ve Flutter'da gelişmiş bir arka plan menüsü bileşeni ekleyin.

Flutter uygulaması oluşturmak ve düzenlemek için Material'ı nasıl kullanacağınızı öğrenin.

Web'de yapı ve düzen için Materyal'i nasıl kullanacağınızı öğrenin.

Bu laboratuvarda, Keras sınıflandırıcısının nasıl oluşturulacağını öğreneceksiniz. Çiçekleri tanımak için nöral ağ katmanlarının mükemmel kombinasyonunu bulmaya çalışmak yerine, önceden eğitilmiş güçlü bir modeli veri kümemize uyarlamak için önce aktarım öğrenme adlı bir teknik kullanacağız. Bu laboratuvar, nöral ağlarla ilgili gerekli teorik açıklamaları içerir ve derin öğrenme hakkında bilgi edinen geliştiriciler için iyi bir başlangıç noktasıdır.

Firebase Emulator Suite ile nasıl web uygulaması geliştireceğinizi öğrenin.

Bu codelab'de, 5x5 LED ekranında BBC micro:bit panosuyla etkileşim kuran bir web sayfası oluşturacaksınız. Web Serial API hakkında bilgi edinecek ve seri cihazlarla tarayıcı üzerinden iletişim kurmak için okunabilir, yazılabilir ve dönüştürülebilir akışları nasıl kullanacağınızı öğreneceksiniz.

Bu Codelab, kullanıcıya bir komut satırı arayüzü üzerinden DLP API'yi tanıtır. Kullanıcı proje kodunu indirecek ve örnek dizinindeki bazı araçları ve bunların temel işlevlerini inceleyecektir.

Bu codelab'de, yeni olan veya yalnızca bir işaretin ardında bulunan çeşitli web API'leriyle denemeler yapacaksınız.

Bu codelab'de bir web uygulaması oluşturacak, erişimi yalnızca belirli kullanıcı gruplarıyla sınırlandıracak ve kimliği doğrulanmış kullanıcının programdaki kimliğini kullanacaksınız.

Medya ve veri akışını iki tarayıcı arasında nasıl yapacağınızı öğrenin. WebRTC'nin temel API'lerini ve teknolojilerini öğrenin. getUserMedia, CSS ve tuval öğesini kullanarak resimleri yakalayın ve değiştirin. Eşler bağlantısı kurun ve veri kanallarını kullanarak doğrudan tarayıcılar arasında veri alışverişi yapın. Son olarak, Node.js kullanarak bir sinyal sunucusu oluşturun.

Bu codelab'de, 5x5 LED ekranında BBC micro:bit panosuyla etkileşim kuran bir web sayfası oluşturacaksınız. Web Serial API hakkında bilgi edinecek ve seri cihazlarla tarayıcı üzerinden iletişim kurmak için okunabilir, yazılabilir ve dönüştürülebilir akışları nasıl kullanacağınızı öğreneceksiniz.

Google Chrome'daki en yeni API'leri kullanarak web uygulamasına anında gezinme ve sorunsuz sayfa geçişleri eklemeyi öğrenin.

Her kullanıcının belirli bir zamandaki tercihlerini yansıtan özelleştirilmiş bir arayüze sahip olduğu uyarlanabilir web formunu nasıl oluşturacağınızı öğrenin.

Bu codelab'de, flutter uygulamasına AdMob satır içi reklamları (Banner ve Yerel) nasıl ekleyeceğinizi öğreneceksiniz.

Bu codelab'de Accelerated Mobile Pages'ın temel kavramları ve geleneksel HTML dokümanlarından farkları açıklanmaktadır. Bunu, AMP dokümanlarını oluşturup doğrulayarak elde edeceğiz.

Bu codelab'de Accelerated Mobile Pages'ın temel kavramları ve geleneksel HTML dokümanlarından farkları açıklanmaktadır. Bunu, AMP dokümanlarını oluşturup doğrulayarak elde edeceğiz.

Bu codelab'de, (WEB) Measurement Protocol kullanarak harici etkinlikleri GA4'e nasıl göndereceğinizi öğreneceksiniz.

Bu codelab'de, Flutter uygulamasına banner, geçiş reklamı ve ödüllü reklam eklemeyi öğreneceksiniz.

Bu codelab'de iOS veya Android Flutter uygulamanız için bir Ana Ekran widget'ı oluşturacaksınız. Temel bir Flutter haber uygulamasıyla başlarsınız. Ardından widget'ların kullanıcı arayüzünü oluşturmak için yerel çerçeveleri kullanacaksınız. Son olarak, kaynakları nasıl paylaşacağınızı ve widget'larınız ile ana uygulamanız arasında nasıl iletişim kuracağınızı öğreneceksiniz.

Bu codelab'de, Google Compute Engine'de (GCE) Dataproc'u kullanmayı öğreneceksiniz.

Bu codelab'de, Spark ML işlerini Google'ın Dataproc hizmetine göndereceksiniz.

Bu codelab'de, kullanmaya nasıl başlayacağınız ve zengin özellik kümesine nasıl erişeceğiniz dahil olmak üzere Dataproc Serverless hakkında her şeyi öğreneceksiniz.

Flutter'da kullanıcı arayüzü tasarım stilinizi yeniden tasarlamak için Dart 3'ün kalıpları, kayıtları ve diğer yeni özelliklerini kullanın.

Dialogflow; web, Google Asistan, sosyal medya ve telefon ağ geçitleri için birçok entegrasyon içerir. Ancak, chatbot'larınızı mobil cihazlara taşımak istediğinizde özel bir entegrasyon oluşturmanız gerekir. Bu laboratuvarda, Dialogflow Essentials'ı bir Flutter uygulamasına nasıl entegre edeceğiniz açıklanmaktadır.

Bu codelab'de, & sıfırdan bir Web Bileşeni oluşturacak ve daha sonra bunu kademeli olarak Edebiyat Öğesi olacak şekilde iyileştirebileceksiniz.

Bu codelab'de, Google Cloud Composer'da Apache Airflow iş akışını (DAG) tetiklemek için Google Cloud Functions'ın nasıl kullanılacağı gösterilmektedir. Buradaki DAG, BashOperator aracını kullanarak basit bir bash komutu yürütür

Yeni ortaya çıkan Web Bluetooth API'si sayesinde, JavaScript dışında hiçbir şey yapmadan, LED alevsiz mumları kontrol eden bir web uygulaması geliştirin.

Bu codelab'de, Go'da uygulanmış olan Common Expression Language dilinde ifadeler yazacaksınız. Değişkenleri, mantıksal operatörleri ve/veya operatörleri kullanacak, json'ları derleyecek, protolar derleyecek ve ifadelerinizi ayarlayacaksınız.

Bu codelab'de, Dataflow'u kullanarak büyük miktarda veri yüklenirken ve okurken Bigtable yazma/okuma işlemlerini nasıl izleyeceğinizi öğreneceksiniz.

Bu codelab'de, önceden eğitilmiş modelin işleyemediği uç durumları hesaba katmak için yorum spam'ı modelini yeniden eğitmek üzere Model Oluşturucu'yu kullanmayı ve ardından yeni modeli web uygulamasına yeniden dağıtmayı öğreneceksiniz.

Bu codelab'de iOS, Android ve web'de yüksek kaliteli yerel deneyimler oluşturmak için Flutter mobil uygulama SDK'sını kullanarak bir Google Haritalar deneyimi geliştireceksiniz.

Bu codelab'de, TensorFlow.js önceden eğitilmiş modellerinden (COCO-SSD) birini yükleyip kullanmayı ve eğitildiği yaygın nesneleri tanımak için bu modeli nasıl kullanacağınızı öğreneceksiniz.

Flutter, Google'ın tek bir kod tabanından mobil, web ve masaüstü için yerel olarak derlenmiş, güzel uygulamalar geliştirmeye yönelik kullanıcı arayüzü araç setidir. Bu codelab'de sade bir müzik uygulamasıyla başlayacak ve (Material 3'ü kullanarak) tüm platformlar için daha güzel ve duyarlı hale getireceksiniz.

Bu codelab'de, Flutter'ın desteklediği Android, iOS, web, Windows, macOS ve Linux olmak üzere altı platforma da uyum sağlayan bir Flutter uygulaması oluşturacaksınız.

Bu codelab'de, Flutter'ın desteklediği altı platformun hepsinde Material 3 ile akıcı bir şekilde animasyon yapan uyarlanabilir tasarıma sahip bir uygulama derleme konusunda deneyim kazanacaksınız.

Bu codelab'de basit bir Flutter uygulaması derleyip test edeceksiniz.

Bu codelab'de, mevcut bir yerel C kitaplığından yararlanmak için FFI kullanarak hem mobil hem de masaüstü platformlara yönelik bir Flutter eklentisi oluşturacaksınız.

Bu codelab'de, webview_flutter eklentisini bir Flutter uygulamasına nasıl ekleyeceğinizi öğreneceksiniz.

2D fizik motoru olan Forge2D ile Flutter ve Flame oyunlarında oyun mekaniği oluşturmayı öğrenin.

Bu codelab'de, Flutter üzerine kurulmuş bir oyun motoru olan Flame'i nasıl kullanacağınızı öğreneceksiniz. Flame'in bileşenleri ve efektlerinin yanı sıra Flame'i Flutter'ın durum yönetimiyle nasıl entegre edeceğinizle ilgili bilgi edineceksiniz.

Flutter'ın altı platformunun tümünde çalışan animasyonlar, gölgelendiriciler ve parçacık efektleriyle Flutter kullanıcı arayüzlerini nasıl oluşturacağınızı öğrenin.

Yoğun bilgi işlem gerektiren Flutter uygulamasını nasıl geliştireceğinizi ve aynı zamanda Flutter'ın akıcı etkileşim düzeyini nasıl sürdüreceğinizi öğrenin.

Temel bileşenlere sahip basit bir uygulama oluşturarak web için Malzeme Bileşenleri'ni kullanma ile ilgili temel bilgileri öğrenin.

Material Flutter kitaplığının, ürününüzü farklılaştırmayı ve markanızı tasarım aracılığıyla ifade etmeyi nasıl kolaylaştırdığını keşfedin.

Basit bir Flutter uygulaması için giriş sayfası oluşturarak Malzeme Bileşenleri'ni kullanmayla ilgili temel bilgileri öğrenin.

Web için Materyal Bileşenlerin ürününüzü farklılaştırmayı ve tasarım yoluyla markanızı ifade etmeyi nasıl kolaylaştırdığını keşfedin.

Bu codelab'de, SavedModel biçimindeki mevcut Python ML modelini alıp TensorFlow.js biçimine dönüştürerek web tarayıcısında çalıştırılabilmesini ve dönüşümlerde oluşabilecek yaygın sorunların nasıl giderileceğini öğreneceksiniz.

Bu codelab'de, web uygulamanıza push bildirimlerini nasıl ekleyeceğinizi öğreneceksiniz.

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

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

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

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

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

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

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

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

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

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

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

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