Codelab Google Developers menyediakan panduan, tutorial, dan praktik langsung pengalaman {i>coding<i}. Sebagian besar codelab akan memandu Anda dalam proses pembuatan aplikasi kecil, atau menambahkan fitur baru ke aplikasi yang sudah ada. Mereka mencakup berbagai topik seperti Android Wear, Google Compute Engine, ARCore, dan Google API di iOS.
Alat codelab di GitHubKenali Firebase untuk Flutter
53 menit
Updated 2 Maret 2025
Pelajari cara mem-build aplikasi seluler Flutter dengan Firebase.
Firebase Performance Monitoring untuk web
32 menit
Updated 2 Maret 2025
Dalam codelab ini, Anda akan menyiapkan Firebase Performance Monitoring di aplikasi web dan mempelajari cara menggunakannya untuk memastikan aplikasi Anda berjalan dengan baik bagi pengguna akhir.
Codelab web AngularFire
1 jam 25 menit
Updated 2 Maret 2025
Dalam codelab ini, Anda akan mempelajari cara menggunakan platform Firebase di web dengan mem-build aplikasi chat.
Fitur Autentikasi Lanjutan
29 menit
Updated 2 Maret 2025
Pelajari cara menerapkan autentikasi multi-faktor dan membuat persyaratan autentikasi kustom dengan fungsi pemblokiran
Kenali Firebase untuk web
52 menit
Updated 2 Maret 2025
Build aplikasi web dari awal dengan Firebase dan editor online StackBlitz. Anda akan menggunakan HTML dan JavaScript dasar untuk terhubung ke Firebase. Ini adalah cara efektif untuk memperkenalkan penggunaan Firebase console dan integrasi Firebase ke dalam aplikasi. Anda tidak memerlukan pengetahuan sebelumnya yang luas atau penginstalan software.
Tingkatkan performa aplikasi web Anda dengan bermigrasi ke Firebase JS SDK modular
32 menit
Updated 2 Maret 2025
Dalam codelab ini, Anda akan memigrasikan aplikasi web Firebase yang ada ke Firebase JS SDK modular baru untuk melakukan tree shake pada kode yang tidak Anda gunakan dan membuat aplikasi dimuat dengan cepat.
Menambahkan alur autentikasi pengguna ke aplikasi Flutter menggunakan FirebaseUI
8 menit
Updated 2 Maret 2025
Dalam codelab ini, Anda akan mempelajari cara menambahkan Firebase Authentication ke aplikasi Flutter hanya dengan beberapa baris kode.
Mengirim notifikasi untuk aplikasi web menggunakan Cloud Messaging dan Cloud Functions
1 jam 2 menit
Updated 2 Maret 2025
Dalam codelab ini, Anda akan mempelajari cara menggunakan Cloud Functions for Firebase untuk mengirim notifikasi kepada pengguna aplikasi chat.
Menayangkan Gambar AVIF
Updated 24 Februari 2025
Gambar menyumbang lebih dari 60% byte yang dibutuhkan rata-rata untuk memuat halaman web. Dengan menggunakan AVIF, Anda dapat memperkecil ukuran gambar dan membuat situs Anda memuat lebih cepat. AVIF adalah format gambar yang berasal dari bitstream
Menggunakan Layanan Agregasi di AWS
Updated 30 Januari 2025
Untuk menjalankan Codelab ini, beberapa prasyarat diperlukan. Setiap persyaratan ditandai sesuai dengan apakah persyaratan tersebut diperlukan untuk "Pengujian Lokal" atau "Layanan Agregasi". Pengujian Lokal akan memerlukan download Alat Pengujian
Menggunakan Layanan Agregasi di Google Cloud Platform (GCP)
Updated 30 Januari 2025
Estimasi waktu penyelesaian: 1-2 jam Ada 2 mode untuk menjalankan codelab ini: Pengujian Lokal atau Layanan Agregasi. Mode Pengujian Lokal memerlukan komputer lokal dan browser Chrome (tidak ada pembuatan/penggunaan resource Google Cloud). Mode
Menambahkan pembelian dalam aplikasi ke aplikasi Flutter Anda
Updated 23 Januari 2025
Dalam codelab ini, Anda akan menambahkan pembelian dalam aplikasi ke aplikasi Flutter yang diverifikasi dan dikelola menggunakan layanan backend Dart.
Codelab Web Cloud Firestore
52 menit
Updated 23 Januari 2025
Dalam codelab ini, Anda akan mempelajari cara mem-build aplikasi web yang menggunakan Cloud Firestore.
Animasi di Flutter
24 menit
Updated 14 Januari 2025
Dalam codelab ini, Anda akan mempelajari cara menggunakan animasi di Flutter. Anda akan mem-build widget yang menganimasikan ukuran dan warna, menambahkan efek flip kartu 3D, menggunakan efek dari paket animasi, dan menambahkan dukungan gestur kembali prediktif Android.
Pipeline Multi-cabang Jenkins di GKE
44 menit
Updated 13 Januari 2025
Codelab ini akan memandu pengguna melalui langkah-langkah yang akan men-deploy instance Jenkins di GKE, termasuk agen builder penskalaan otomatis.
Menguji B&A untuk Web secara menyeluruh secara lokal
45 menit
Updated 22 Desember 2024
Layanan Bidding & Lelang (B&A) terdiri dari 4 layanan bagi pembeli dan penjual untuk memfasilitasi lelang Protected Audience: Stack pembeli: Stack penjual: Codelab ini akan memandu Anda menyiapkan dan menguji penyiapan menyeluruh di
Transfer Agen Langsung
4 menit
Updated 21 Desember 2024
Dalam codelab ini, Anda akan mempelajari cara mengelola transfer dalam percakapan antara perwakilan agen langsung dan perwakilan bot. Di bagian akhir, Anda akan memiliki antarmuka web dasar yang dapat digunakan untuk melihat semua percakapan yang sedang berlangsung dengan agen Anda, serta bergabung atau meninggalkan percakapan sebagai agen langsung.
Memvalidasi permintaan Places API dengan Firebase AppCheck dan reCAPTCHA
41 menit
Updated 21 Desember 2024
Dalam codelab ini, Anda akan mempelajari cara memvalidasi aplikasi Web dengan Firebase AppCheck dan reCAPTCHA sebelum membuat permintaan ke Places API
Google Pay API for Web 201: Advanced
22 menit
Updated 6 Desember 2024
Codelab ini adalah kelanjutan dari Google Pay API untuk Web 101: Dasar-Dasar dan mengandalkan kode yang ditulis dalam codelab tersebut. Untuk menyelesaikan codelab ini, pastikan Anda menyelesaikan codelab tersebut terlebih dahulu. Berikut adalah
Menggunakan textembedding-gecko@003 untuk Vector Embeddings
7 menit
Updated 30 November 2024
Dalam codelab ini, Anda akan mempelajari apa yang dimaksud dengan model gecko@003 dan kasus penggunaan nyata untuk aplikasinya.
Menggunakan Procurement Document AI untuk Mengurai Invoice Anda Menggunakan AI Platform Notebooks
7 menit
Updated 22 November 2024
Anda akan mempelajari cara menggunakan DocAI Pengadaan untuk menguraikan faktur secara cerdas.
Dasar-Dasar Google Pay API untuk Web: Dasar-Dasar
21 menit
Updated 15 November 2024
Setelah menyelesaikan codelab ini, Anda akan memiliki situs minimum viable dengan integrasi Google Pay yang berfungsi. Project ini mengambil token pembayaran yang dapat dikirim ke penyedia layanan pembayaran untuk diproses. Permintaan pembayaran
Menambahkan suara dan musik ke game Flutter Anda
42 menit
Updated 9 November 2024
Pelajari cara menambahkan efek suara, musik latar belakang, dan audio dinamis ke game dengan Flutter.
Memulai Komponen Mandiri
Updated 8 November 2024
Dalam codelab yang cocok untuk pemula ini, Anda akan mempelajari cara membuat aplikasi contoh menggunakan Komponen Mandiri Angular v14
Web MDC-112: Mengintegrasikan MDC dengan Framework Web
17 menit
Updated 8 November 2024
Pelajari cara memperluas Komponen Material siap pakai ke dalam komponen untuk framework web apa pun.
Melindungi data Firestore Anda dengan Aturan Keamanan Firebase
58 menit
Updated 4 November 2024
Pelajari cara melindungi data Firestore dengan Aturan Keamanan
Web MDC-111: Menggabungkan Komponen Material ke dalam codebase Anda (Web)
21 menit
Updated 4 November 2024
Pelajari cara menggabungkan setiap Komponen Material ke dalam code base web yang ada tanpa memulai dari awal.
Pengembangan Lokal dengan Firebase Emulator Suite
47 menit
Updated 4 November 2024
Pelajari cara mengembangkan aplikasi web dengan Firebase Emulator Suite.
Web MDC-102: Tata Letak dan Struktur Material (Web)
17 menit
Updated 4 November 2024
Pelajari cara menggunakan Material untuk struktur dan tata letak di web.
Model Keras pertama Anda, dengan pemelajaran transfer
33 menit
Updated 4 November 2024
Di lab ini, Anda akan mempelajari cara membangun pengklasifikasi Keras. Alih-alih mencoba mengetahui kombinasi sempurna dari lapisan jaringan neural untuk mengenali bunga, pertama-tama kita akan menggunakan teknik yang disebut pemelajaran transfer (transfer learning) untuk menyesuaikan model terlatih yang canggih ke set data kita. Lab ini mencakup penjelasan teoretis yang diperlukan tentang jaringan neural dan merupakan titik awal yang baik bagi developer yang mempelajari deep learning.
Memulai Web Serial API
16 menit
Updated 16 Oktober 2024
Dalam codelab ini, Anda akan membuat halaman web yang berinteraksi dengan papan micro:bit BBC untuk menampilkan gambar pada layar LED 5x5. Anda akan mempelajari Web Serial API dan cara menggunakan streaming yang dapat dibaca, ditulis, dan diubah untuk berkomunikasi dengan perangkat serial melalui browser.
Pengembangan lokal untuk aplikasi Flutter Anda menggunakan Firebase Emulator Suite
8 menit
Updated 10 Oktober 2024
Codelab yang menguraikan cara menggunakan Firebase Emulator Suite selama pengembangan dengan Flutter. Codelab ini akan menggunakan emulator Auth dan Firestore untuk mendemonstrasikan penggunaan emulator.
Membangun tata letak aplikasi animasi yang responsif dengan Material 3
53 menit
Updated 20 September 2024
Dalam codelab ini, Anda akan mendapatkan pengalaman membangun aplikasi menggunakan Material 3 di keenam platform yang didukung Flutter, yang akan menghasilkan aplikasi dengan desain adaptif dan animasi yang lancar.
Membuat elemen penggeser gambar menggunakan Angular
Updated 18 September 2024
Di codelab ini, Anda akan membuat penggeser gambar, yang berfungsi secara terpisah dari framework Angular, dapat diimpor di framework mana pun, dan sangat mudah diintegrasikan.
Aplikasi Flutter pertama Anda
Updated 16 September 2024
Dalam codelab ini, Anda akan mempelajari cara membangun aplikasi Flutter yang menghasilkan nama acak yang terdengar keren.
Ringkasan Pencegahan Kebocoran Data Cloud
20 menit
Updated 9 September 2024
Codelab ini akan memperkenalkan pengguna ke DLP API melalui antarmuka command line. Pengguna akan mendownload kode project dan meninjau beberapa alat di direktori contoh dan fungsi dasarnya.
Codelab Kemampuan Web
31 menit
Updated 9 September 2024
Dalam codelab ini, Anda akan bermain-main dengan beberapa API web yang baru atau hanya tersedia di belakang flag.
Memulai Web Serial API
16 menit
Updated 9 September 2024
Dalam codelab ini, Anda akan membuat halaman web yang berinteraksi dengan papan micro:bit BBC untuk menampilkan gambar pada layar LED 5x5. Anda akan mempelajari Web Serial API dan cara menggunakan streaming yang dapat dibaca, ditulis, dan diubah untuk berkomunikasi dengan perangkat serial melalui browser.
Membangun antarmuka adaptif pengguna dengan kueri media preferensi
34 menit
Updated 9 September 2024
Pelajari cara membangun formulir web adaptif, yang memungkinkan setiap pengguna menerima antarmuka yang disesuaikan dan mencerminkan preferensi mereka pada waktu tertentu.
Menambahkan widget Layar Utama ke Aplikasi Flutter Anda
35 menit
Updated 29 Agustus 2024
Dalam codelab ini, Anda akan membuat widget Layar Utama untuk aplikasi Flutter iOS atau Android Anda. Anda akan memulai dengan aplikasi berita Flutter dasar. Kemudian, Anda akan menggunakan framework native untuk membuat UI widget itu sendiri. Terakhir, Anda akan mempelajari cara berbagi resource dan membangun komunikasi antara widget dan aplikasi utama.
Membuat model Spark ML dengan Google Dataproc
31 menit
Updated 29 Agustus 2024
Dalam codelab ini, Anda akan mengirimkan tugas Spark ML ke layanan Dataproc Google.
Dataproc di Google Compute Engine
16 menit
Updated 29 Agustus 2024
Dalam codelab ini, Anda akan mempelajari cara menggunakan Dataproc di Google Compute Engine (GCE).
Dataproc Serverless
37 menit
Updated 29 Agustus 2024
Dalam codelab ini, Anda akan mempelajari semua hal tentang Dataproc Serverless, termasuk cara memulai dan cara mengakses rangkaian fiturnya yang lengkap.
Membuat Bot Suara untuk Android dengan Dialogflow Essentials & Kepakan
1 jam 5 menit
Updated 29 Agustus 2024
Dialogflow yang siap pakai dilengkapi dengan banyak integrasi, untuk web, Asisten Google, media sosial, dan gateway ponsel. Namun, saat ingin menghadirkan chatbot ke perangkat seluler, Anda harus membuat integrasi kustom. Lab ini akan mengajari Anda cara mengintegrasikan Dialogflow Essentials ke dalam aplikasi Flutter.
Dari Komponen Web ke Elemen Lit
43 menit
Updated 29 Agustus 2024
Dalam codelab ini, Anda akan mempelajari & membuat Komponen Web dari awal, lalu meningkatkannya secara bertahap menjadi Elemen Lit.
Memicu DAG dengan Node.JS dan Google Cloud Functions
27 menit
Updated 29 Agustus 2024
Codelab ini menunjukkan cara menggunakan Google Cloud Functions untuk memicu alur kerja Apache Airflow (DAG) di Google Cloud Composer. DAG di sini menjalankan perintah {i>bash<i} sederhana menggunakan BashOperator
Mengontrol lilin PLAYBULB dengan Web Bluetooth
36 menit
Updated 23 Agustus 2024
Dengan hanya menggunakan JavaScript, buat aplikasi web yang mengontrol lilin tanpa nyala LED berkat Web Bluetooth API yang masih baru.
Codelab CEL-Go: Ekspresi tersemat yang cepat dan aman
1 jam 1 menit
Updated 23 Agustus 2024
Dalam codelab ini, Anda akan menulis ekspresi dalam Common Expression Language, yang diimplementasikan di Go. Anda akan membuat variabel, menggunakan operator logika dan/atau, membangun json, membangun proto, dan menyesuaikan ekspresi.
Bigtable dan Dataflow: Art Monitoring Database (Klien Java HBase)
Updated 23 Agustus 2024
Dalam codelab ini, Anda akan mempelajari cara memantau operasi tulis/baca Bigtable saat dimuat dan membaca data dalam jumlah besar menggunakan Dataflow.
TensorFlow.js: Latih ulang model deteksi spam komentar untuk menangani kasus ekstrem
44 menit
Updated 23 Agustus 2024
Dalam codelab ini, Anda akan mempelajari cara menggunakan Model Maker untuk melatih ulang model spam komentar untuk memperhitungkan kasus ekstrem yang tidak dapat ditangani model terlatih, lalu men-deploy ulang model baru ke aplikasi web.
Membuat webcam cerdas di JavaScript dengan model Machine Learning terlatih TensorFlow.js
52 menit
Updated 23 Agustus 2024
Dalam codelab ini, Anda akan mempelajari cara memuat dan menggunakan salah satu model terlatih TensorFlow.js (COCO-SSD) serta menggunakannya untuk mengenali objek umum yang telah dilatihkan.
Membangun game fisika 2D dengan Flutter dan Flame
32 menit
Updated 22 Agustus 2024
Pelajari cara membuat mekanika game di game Flutter dan Flame dengan Forge2D, mesin fisika 2D.
Pengantar Flame dengan Flutter
55 menit
Updated 22 Agustus 2024
Dalam codelab ini, Anda akan mempelajari cara menggunakan Flame, game engine yang dibangun di Flutter. Anda akan diperkenalkan dengan Komponen dan efek Flame, serta cara mengintegrasikan Flame dengan manajemen status Flutter.
Membuat teka-teki kata dengan Flutter
53 menit
Updated 22 Agustus 2024
Pelajari cara membangun aplikasi Flutter yang membutuhkan komputasi intensif dan tetap mempertahankan interaktivitas Flutter yang lancar.
MDC-101 Web: Dasar-Dasar Komponen Material (MDC) (Web)
17 menit
Updated 21 Agustus 2024
Pelajari dasar-dasar penggunaan Komponen Material untuk web dengan membuat aplikasi sederhana menggunakan komponen inti.
Web MDC-103: Penerapan Tema Material dengan Warna, Bentuk, Ketinggian, dan Jenis (Web)
35 menit
Updated 21 Agustus 2024
Temukan cara Komponen Material untuk web mempermudah Anda membedakan produk dan mengekspresikan merek melalui desain.
TensorFlow.js: Mengonversi Python TersimpanModel ke format TensorFlow.js
58 menit
Updated 21 Agustus 2024
Dalam codelab ini, Anda akan mempelajari cara menggunakan model ML Python yang ada dalam format TersimpanModel dan mengonversinya ke format TensorFlow.js sehingga dapat berjalan di browser web sambil mempelajari cara mengatasi masalah umum yang mungkin terjadi dalam konversi.
Menambahkan notifikasi push ke aplikasi web
Updated 20 Agustus 2024
Dalam codelab ini, Anda akan mempelajari cara menambahkan notifikasi push ke aplikasi web.
Membuat tema dan merek yang mudah diakses dan dipersonalisasi dengan Desain Material 3
Updated 30 Mei 2024
Pelajari cara membuat tema dan merek yang mudah diakses dan dipersonalisasi dengan Material 3.
Merancang Tata Letak Adaptif dengan Desain Material
Updated 30 Mei 2024
Pelajari cara menggunakan prinsip desain adaptif dalam Desain Material untuk mencapai konsistensi di seluruh ukuran layar. Dalam codelab ini, Anda akan mengubah desain seluler ke format tablet, serta mempelajari grid yang responsif, pola komposisi yang adaptif, dan komponen yang benar.
MDC-102 Flutter: Struktur dan Tata Letak Material
Updated 9 Mei 2023
Pelajari cara menggunakan Material untuk membuat struktur dan membuat tata letak aplikasi Flutter.
Memulai Sinyal Angular
Updated 9 Mei 2023
Memperkenalkan sinyal, model reaktivitas baru di Angular. Sinyal membekali Anda dengan lebih banyak alat berkualitas tinggi untuk reaktivitas yang lebih mendetail
MDC-101 Flutter: Dasar-Dasar Komponen Material
Updated 9 Mei 2023
Pelajari dasar-dasar penggunaan Komponen Material dengan membuat halaman login untuk aplikasi Flutter sederhana.
Menggunakan FFI di plugin Flutter
Updated 8 Mei 2023
Dalam codelab ini, Anda akan membangun plugin Flutter untuk platform seluler dan desktop dengan FFI untuk menggunakan library native C yang ada.
Membangun game dengan Flutter dan Flame
Updated 8 Mei 2023
Dalam codelab ini, Anda akan membuat game platformer bernama Doodle Dash menggunakan Flutter dan Flame Engine.
Aplikasi Adaptif di Flutter
Updated 5 Mei 2023
Dalam codelab ini, Anda akan membangun aplikasi Flutter yang dapat beradaptasi dengan keenam platform yang didukung Flutter - Android, iOS, web, Windows, macOS, dan Linux.
Cara menguji aplikasi Flutter
Updated 5 Mei 2023
Di codelab ini, Anda akan mem-build dan menguji aplikasi Flutter sederhana.
MDC-103 Flutter: Penerapan Tema Material dengan Warna, Bentuk, Ketinggian, dan Jenis
Updated 3 Mei 2023
Temukan cara Komponen Material untuk Flutter dapat mempermudah Anda mendiferensiasikan produk dan mengekspresikan merek melalui desain.
MDC-104 Flutter: Komponen Lanjutan Material
Updated 3 Mei 2023
Tingkatkan kualitas desain Anda dan pelajari cara menggunakan menu tampilan latar komponen lanjutan kami untuk Flutter.
Menambahkan iklan AdMob ke aplikasi Flutter
Updated 27 April 2023
Dalam codelab ini, Anda akan mempelajari cara menambahkan iklan banner, interstisial, dan reward ke aplikasi Flutter.
Mem-build Transisi yang Indah dengan Gerakan Material untuk Flutter
Updated 25 April 2023
Mem-build sistem gerakan Material ke aplikasi Reply menggunakan transisi dari paket animasi.
Amankan situs Anda dengan autentikasi 2 langkah dengan kunci keamanan (WebAuthn)
Updated 22 September 2022
Dalam codelab ini, Anda akan menambahkan autentikasi faktor kedua ke situs atau aplikasi web Anda dengan kunci keamanan.
TensorFlow.js: Menggunakan Firebase Hosting untuk men-deploy dan menghosting model machine learning dalam skala besar
Updated 29 Juli 2022
Dalam codelab ini, Anda akan mempelajari cara menggunakan infrastruktur Firebase untuk men-deploy model ML sehingga dapat digunakan dan dimanfaatkan di situs Anda menggunakan TensorFlow.js
Pengantar Angular
Updated 12 Mei 2022
Dalam codelab yang cocok untuk pemula ini, Anda akan mempelajari cara membuat aplikasi web dengan Angular
Melatih model deteksi spam komentar dengan TensorFlow Lite Model Maker
Updated 9 Mei 2022
Pelajari cara melatih model deteksi spam komentar dengan TensorFlow Lite Model Maker.
Membuat tampilan aplikasi Flutter menjadi lebih menarik
Updated 8 Mei 2022
Flutter adalah toolkit UI Google untuk membuat aplikasi yang menarik dan dikompilasi secara native dari satu codebase untuk seluler, web, dan desktop. Flutter berfungsi dengan kode yang sudah ada, digunakan oleh developer dan organisasi di seluruh
TensorFlow.js: Melatih kembali model deteksi spam komentar untuk menangani kasus ekstrem
Updated 7 Mei 2022
Dalam codelab ini, Anda akan mempelajari cara menggunakan Model Maker untuk melatih ulang model spam komentar untuk memperhitungkan kasus ekstrem yang tidak dapat ditangani model terlatih, lalu men-deploy ulang model baru ke aplikasi web.
TensorFlow.js: Membuat sistem deteksi spam komentar
Updated 7 Mei 2022
Dalam codelab ini, Anda akan mempelajari cara membuat halaman web sederhana yang memiliki kemampuan mengomentari seperti artikel postingan blog dan mengintegrasikannya dengan model machine learning terlatih untuk mendeteksi postingan spam komentar, sehingga Anda dapat memfilternya bahkan sebelum disimpan di database backend, sehingga mengurangi waktu dan biaya pemrosesan server.
Buat situs sederhana yang mengklasifikasikan gambar
Updated 7 Mei 2022
Pelajari cara membuat situs sederhana yang mengklasifikasikan gambar dengan Penayangan TensorFlow.
Menambahkan peta ke situs Anda (JavaScript)
Updated 7 Mei 2022
Dalam codelab ini, Anda akan mempelajari semua yang dibutuhkan untuk mulai menggunakan Google Maps Platform untuk web. Anda akan mempelajari semua dasar-dasarnya, mulai dari melakukan persiapan hingga memuat Maps JavaScript API, menampilkan peta
Mem-build aplikasi WebAuthn pertama Anda
Updated 5 Mei 2022
Pelajari cara mem-build situs dengan fungsi autentikasi ulang sederhana yang menggunakan sensor sidik jari.
Menambahkan navigasi instan dan transisi halaman yang lancar ke aplikasi web
Updated 4 Mei 2022
Pelajari cara menambahkan navigasi instan dan transisi halaman yang lancar ke aplikasi web dengan API terbaru yang tersedia di Google Chrome.
Membuat model klasifikasi teks kustom dengan TensorFlow Lite Model Maker
Updated 3 Mei 2022
Pelajari cara melatih ulang model deteksi spam untuk mendeteksi jenis spam tertentu dengan TensorFlow Lite Model Maker.
Membuat aplikasi Flutter untuk mengklasifikasikan teks
Updated 3 Mei 2022
Pelajari cara mem-build aplikasi Flutter yang mengklasifikasikan teks dan menampilkan hasil di UI-nya.
Membuat pencari toko full stack dengan Google Maps Platform dan Google Cloud
Updated 2 Mei 2022
Bayangkan Anda memiliki banyak tempat untuk diletakkan di peta dan Anda ingin pengguna dapat melihat lokasi tempat tersebut dan mengidentifikasi tempat yang ingin mereka kunjungi. Contoh umumnya mencakup: Di codelab ini, Anda akan membuat pencari
Membuat peta versi 3D dengan Tampilan Overlay WebGL
Updated 1 Mei 2022
Codelab ini mengajarkan cara menggunakan fitur dengan teknologi WebGL dari Maps JavaScript API untuk mengontrol dan merender pada peta vektor dalam tiga dimensi. Codelab ini mengasumsikan bahwa Anda memiliki pengetahuan yang cukup terkait JavaScript
Mem-build aplikasi web dengan Angular dan Firebase
Updated 1 Mei 2022
Dalam codelab ini, kita akan bersama-sama mem-build aplikasi web real-time dengan Firebase dan Angular.
Mendesain dengan warna yang mudah diakses
Updated 29 April 2022
Dalam codelab ini, Anda akan mempelajari hubungan antara warna dengan aksesibilitas, pedoman kontras warna, dan cara Builder Tema Material membuat tema yang mudah diakses dan dapat digunakan untuk memudahkan pemeriksaan kontras.
Melakukan migrasi ke Font variabel
Updated 29 April 2022
Dalam codelab ini, Anda akan mempelajari font variabel, manfaatnya, cara mendesain dengan font variabel, serta cara menerapkannya menggunakan Google Fonts API dan di CSS.
Menambahkan Google Maps ke aplikasi Flutter
Updated 29 April 2022
Dalam codelab ini, Anda akan mem-build pengalaman Google Maps menggunakan SDK aplikasi seluler Flutter untuk membuat pengalaman native berkualitas tinggi di iOS dan Android.
Cara men-debug Petak CSS dengan Chrome DevTools
Updated 28 April 2022
DevTools kini memiliki dukungan yang lebih baik untuk proses debug petak CSS. Saat elemen HTML di halaman Anda menerapkan display: grid atau display: inline-grid, panel Elemen menawarkan sejumlah opsi untuk membantu Anda memeriksa petak dengan lebih
Mem-build aplikasi Angular yang lebih mudah diakses
Updated 28 April 2022
Pelajari cara mengikuti praktik terbaik aksesibilitas di aplikasi Angular Anda dengan kumpulan alat yang di-build ke dalam framework.
Menemukan dan memperbaiki teks kontras rendah dengan Chrome DevTools
Updated 28 April 2022
Kontras yang buruk adalah masalah aksesibilitas nomor satu di Web. Mari pelajari cara DevTools membantu Anda memahami, menemukan, dan memperbaiki masalah ini. Anda akan memperbaiki masalah kontras rendah pada halaman web. Klik link berikut untuk
Memvisualisasikan data dengan Google Maps Platform dan deck.gl
Updated 28 April 2022
Codelab ini akan mengajarkan cara membuat visualisasi data geospasial bervolume tinggi menggunakan Maps JavaScript API dan deck.gl, sebuah framework visualisasi data open source yang diakselerasi oleh WebGL. Jika Anda belum pernah menggunakan Google
Membuat pencari toko sederhana dengan Google Maps Platform (JavaScript)
Updated 28 April 2022
Salah satu fitur paling umum pada situs adalah menampilkan peta Google yang menandai satu atau beberapa lokasi untuk bisnis, tempat usaha, atau sejumlah entitas lainnya dengan kehadiran fisik. Cara penerapan peta ini dapat sangat bervariasi
Merekam, memutar ulang, dan mengukur alur penggunaan dengan Chrome DevTools
Updated 27 April 2022
Gunakan panel Perekam untuk merekam, memutar ulang, dan mengukur alur penggunaan. Lihat sekilas panel Perekam (fitur pratinjau) dalam video di bawah ini. Buka panel Perekam dengan langkah-langkah berikut Kita akan menggunakan halaman demo pemesanan
Menambahkan WebView ke aplikasi Flutter
Updated 26 April 2022
Dalam codelab ini, Anda akan mempelajari cara menambahkan plugin webview_flutter ke aplikasi Flutter.
Menulis aplikasi desktop Flutter
Updated 26 April 2022
Dalam codelab ini, Anda akan mem-build klien GitHub di Flutter untuk desktop.
Mem-build aplikasi augmented reality (AR) menggunakan WebXR Device API
Updated 18 April 2022
Pelajari cara menggunakan fitur augmented reality dengan WebXR Device API, dan gunakan pemahaman scene untuk menempatkan objek 3D yang diposisikan di dunia nyata.
编写您的第一款 Flutter 应用(第 1 部分)
38 menit
Updated 18 September 2024
Flutter 是 Google 的界面工具包,可用于通过单一代码库为移动设备、网络和桌面设备制作本机编译的精美应用程序。在此 Codelab 中,您将学习如何构建移动端的 Flutter 应用,此应用可使用能生成随机词对的软件包延迟加载无限列表。
编写您的第一款 Flutter 应用(第 2 部分)
43 menit
Updated 18 September 2024
Flutter 是 Google 的界面工具包,可用于通过单一代码库为移动设备、网络和桌面设备制作本机编译的精美应用程序。在本 Codelab 中,您将扩展简单的移动应用,以添加交互性和导航,并更改其主题颜色。
MDC-103 Flutter:Material 主题中的颜色、形状、高度和类型 (Flutter)
34 menit
Updated 18 September 2024
了解 Material Components for Flutter 如何让您的产品与众不同并通过设计表达您的品牌。
MDC-101 Flutter:Material Components (MDC) 基础知识 (Flutter)
14 menit
Updated 18 September 2024
利用核心组件构建一个简单的应用,学习使用 Material Components for Flutter 的基础知识。
MDC-102 Flutter:Material 结构和布局 (Flutter)
14 menit
Updated 18 September 2024
学习如何将 Material 用于 Flutter 上的结构和布局。
使用 Document AI 智能处理手写表单 (Python)
Updated 29 Juli 2022
在此 Codelab 中,我将创建一个以 Python 编写的 Document AI API 教程。