รูปภาพคิดเป็น มากกว่า 60% ของจำนวนไบต์โดยเฉลี่ยที่จำเป็นต่อการโหลดหน้าเว็บ การใช้ AVIF จะช่วยให้รูปภาพมีขนาดเล็กลงและทำให้เว็บไซต์โหลดเร็วขึ้น AVIF คือรูปแบบรูปภาพที่มาจากบิตสตรีมวิดีโอ AV1 AVIF สร้างขึ้นเพื่อประสิทธิภาพการบีบอัด รูปภาพ AVIF

ในการทํา Codelab นี้ คุณต้องมีข้อกําหนดเบื้องต้นบางอย่าง แต่ละข้อกำหนดจะมีเครื่องหมายกำกับไว้ว่าจำเป็นสำหรับ "การทดสอบในเครื่อง" หรือ "บริการรวบรวมข้อมูล" การทดสอบในเครื่องจะต้องดาวน์โหลดเครื่องมือทดสอบในเครื่อง

เวลาที่ใช้โดยประมาณ: 1-2 ชั่วโมง โค้ดแล็บนี้ทําได้ 2 โหมด ได้แก่ การทดสอบในเครื่อง หรือ บริการรวบรวมข้อมูล โหมดการทดสอบในเครื่องต้องใช้เครื่องในเครื่องและเบราว์เซอร์ Chrome (ไม่มีการสร้าง/การใช้ทรัพยากร Google Cloud)

ใน Codelab นี้ คุณจะเพิ่มการซื้อในแอปลงในแอป Flutter ที่ได้รับการยืนยันและจัดการโดยใช้บริการแบ็กเอนด์ของ Dart ได้

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีการสร้างเว็บแอปที่ใช้ Cloud Firestore

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีใช้แพลตฟอร์ม Firebase บนเว็บโดยการสร้างแอปแชท

ในโค้ดแล็บนี้ คุณจะได้เรียนรู้วิธีใช้ภาพเคลื่อนไหวใน Flutter คุณจะได้สร้างวิดเจ็ตที่มีทั้งขนาดและสีที่เคลื่อนไหว เพิ่มเอฟเฟกต์การพลิกการ์ด 3 มิติ ใช้เอฟเฟกต์จากแพ็กเกจภาพเคลื่อนไหว และเพิ่มการรองรับท่าทางสัมผัสเพื่อกลับไปยังหน้าก่อนหน้าแบบคาดการณ์ของ Android

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีการสร้างแอป Flutter ที่จะสร้างชื่อแบบสุ่มที่ให้ฟังดูเก๋ไก๋

โค้ดแล็บนี้จะแนะนำผู้ใช้ผ่านขั้นตอนต่างๆ ที่จะติดตั้งใช้งานอินสแตนซ์ของ Jenkins ใน GKE รวมถึงตัวแทนเครื่องมือสร้างที่ปรับขนาดอัตโนมัติ

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีเพิ่มการตรวจสอบสิทธิ์ Firebase ลงในแอป Flutter ด้วยโค้ดเพียงไม่กี่บรรทัด

บริการเสนอราคาและประมูล (B&A) ประกอบด้วยบริการ 4 รายการสำหรับผู้ซื้อและผู้ขายเพื่ออำนวยความสะดวกในการประมูล Protected Audience ดังนี้ สแต็กผู้ซื้อ กองของผู้ขาย โค้ดแล็บนี้จะแนะนำการตั้งค่าและการทดสอบการตั้งค่าจากต้นทางถึงปลายทางในสภาพแวดล้อมภายใน

ใน Codelab นี้ คุณจะได้ดูวิธีจัดการการโอนการสนทนาระหว่างตัวแทนแบบเรียลไทม์และตัวแทนบ็อต ในตอนท้าย คุณจะมีอินเทอร์เฟซเว็บพื้นฐานซึ่งคุณจะเห็นการสนทนาทั้งหมดที่สนทนากับตัวแทน และเข้าร่วมหรือออกจากการสนทนาในฐานะตัวแทนแบบเรียลไทม์

ในโค้ดแล็บนี้ คุณจะได้เรียนรู้วิธีตรวจสอบเว็บแอปพลิเคชันด้วย Firebase AppCheck และ reCAPTCHA ก่อนส่งคำขอไปยัง Places API

โค้ดแล็บนี้ต่อยอดมาจาก Google Pay API สําหรับเว็บ 101: พื้นฐาน และใช้โค้ดที่เขียนในโค้ดแล็บนั้น โปรดทำ Codelab นั้นให้เสร็จก่อนเพื่อที่จะทำ Codelab นี้ให้เสร็จ ต่อไปนี้เป็นภาพรวมคร่าวๆ ของ ButtonOptions ดูคำอธิบายโดยละเอียดได้ในเอกสารประกอบ ตัวเลือก

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีใช้โครงสร้างพื้นฐานของ Firebase ในการทำให้โมเดล ML ใช้งานได้ เพื่อให้ใช้งานและนำไปใช้ในเว็บไซต์ด้วย TensorFlow.js

ใน Codelab นี้ คุณจะได้ทราบว่าโมเดล gecko@003 คืออะไร และกรณีการใช้งานจริงสําหรับการประยุกต์ใช้

ใน Codelab นี้ คุณจะได้เรียนรู้เกี่ยวกับแบบอักษรที่เปลี่ยนแปลงได้ ประโยชน์ของแบบอักษร วิธีออกแบบโดยใช้แบบอักษรดังกล่าว และวิธีปรับใช้แบบอักษรดังกล่าวโดยใช้ Google Fonts API และใน CSS

ใน Codelab นี้ คุณจะได้ตั้งค่าการตรวจสอบประสิทธิภาพของ Firebase ในเว็บแอปและเรียนรู้วิธีใช้การตรวจสอบดังกล่าวเพื่อให้แน่ใจว่าแอปทำงานได้ดีสำหรับผู้ใช้ปลายทาง

ดูวิธีสร้างแอปบนอุปกรณ์เคลื่อนที่ Flutter ด้วย Firebase

สร้างเว็บแอปใหม่ตั้งแต่ต้นด้วย Firebase และเครื่องมือแก้ไขออนไลน์ StackBlitz คุณจะต้องใช้ HTML และ JavaScript พื้นฐานในการสื่อสารกับ Firebase นี่ถือเป็นบทนำที่ยอดเยี่ยมในการใช้คอนโซล Firebase และการผสานรวม Firebase เข้ากับแอป ไม่จำเป็นต้องมีความรู้ขั้นสูงหรือการติดตั้งซอฟต์แวร์

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีใช้ Cloud Functions สำหรับ Firebase เพื่อส่งการแจ้งเตือนไปยังผู้ใช้แอปแชท

คุณจะได้เรียนรู้วิธีใช้เอกสารการจัดซื้อเพื่อแยกวิเคราะห์ใบแจ้งหนี้อย่างชาญฉลาด

ดูวิธีใช้การตรวจสอบสิทธิ์แบบหลายปัจจัยและสร้างข้อกำหนดการตรวจสอบสิทธิ์ที่กำหนดเองด้วยฟังก์ชันการบล็อก

ใน Codelab นี้ คุณจะได้ย้ายข้อมูลเว็บแอป Firebase ที่มีอยู่ไปยัง Firebase JS SDK แบบโมดูลใหม่ไปยังโค้ดเชคต้นไม้ที่ไม่ได้ใช้และทำให้แอปโหลดได้อย่างรวดเร็ว

เมื่อทำ Codelab นี้เสร็จแล้ว คุณจะมีเว็บไซต์ขั้นต่ำที่ใช้งานได้พร้อมการผสานรวม Google Pay ที่ทำงานได้ โปรเจ็กต์นี้จะดึงข้อมูลโทเค็นการชำระเงินซึ่งอาจส่งไปยังผู้ให้บริการชำระเงินเพื่อประมวลผล คำขอการชำระเงินด้วย Google Pay ต้องใช้ออบเจ็กต์คำขอ

ดูวิธีเพิ่มเอฟเฟกต์เสียง เพลงพื้นหลัง และเสียงแบบไดนามิกในเกมด้วย Flutter

Codelab ที่อธิบายวิธีใช้ Firebase Emulator Suite ในระหว่างการพัฒนาด้วย Flutter Codelab จะใช้โปรแกรมจำลองการตรวจสอบสิทธิ์และ Firestore เพื่อสาธิตการใช้งานโปรแกรมจำลอง

ใน Codelab ที่ใช้งานง่ายสำหรับมือใหม่นี้ คุณจะได้เรียนรู้วิธีสร้างแอปพลิเคชันตัวอย่างโดยใช้คอมโพเนนต์แบบสแตนด์อโลนของ Angular v14

ดูวิธีใช้ฟีเจอร์ Augmented Reality กับ WebXR Device API และใช้ความเข้าใจในฉากเพื่อวางวัตถุ 3 มิติในตําแหน่งจริง

ดูวิธีปฏิบัติตามแนวทางปฏิบัติแนะนำสำหรับการช่วยเหลือพิเศษในแอป Angular ด้วยชุดเครื่องมือที่อยู่ในเฟรมเวิร์ก

ขอแนะนำสัญญาณ ซึ่งเป็นโมเดลปฏิกิริยาตอบสนองใหม่ใน Angular สัญญาณจะช่วยให้คุณมีเครื่องมือคุณภาพสูงมากขึ้นสำหรับสร้างรีแอ็กชันแบบละเอียด

ดูวิธีขยาย Material Components ที่สร้างไว้ล่วงหน้าในคอมโพเนนต์สำหรับเฟรมเวิร์กเว็บ

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีแปลแนวคิด React ไปเป็น Lit

ดูวิธีรวมคอมโพเนนต์ Material แต่ละรายการไว้ในฐานของโค้ดเว็บที่มีอยู่โดยไม่ต้องเริ่มต้นใหม่

สร้างระบบการเคลื่อนไหวของ Material ในแอปตอบกลับโดยใช้การเปลี่ยนจากแพ็กเกจภาพเคลื่อนไหว

ปรับปรุงการออกแบบแอป Flutter และใช้คอมโพเนนต์เมนูฉากหลังขั้นสูงใน Flutter

ดูวิธีใช้ Material เพื่อสร้างโครงสร้างและเลย์เอาต์ของแอป Flutter

ดูวิธีพัฒนาเว็บแอปด้วย Firebase Emulator Suite

ดูวิธีใช้วัสดุสําหรับโครงสร้างและเลย์เอาต์บนเว็บ

ในห้องทดลองนี้ คุณจะได้เรียนรู้วิธีการสร้างตัวแยกประเภท Keras แทนที่จะพยายามหาส่วนผสมที่ลงตัวของเลเยอร์โครงข่ายระบบประสาทเทียมเพื่อจดจำดอกไม้ ขั้นแรกเราจะใช้เทคนิคที่เรียกว่า "การเรียนรู้การโอน" เพื่อปรับโมเดลก่อนการฝึกอันทรงพลังเข้ากับชุดข้อมูลของเรา ห้องปฏิบัติการนี้มีคำอธิบายทางทฤษฎีที่จำเป็นเกี่ยวกับโครงข่ายประสาทและเป็นจุดเริ่มต้นที่ดีสำหรับนักพัฒนาซอฟต์แวร์ซึ่งเรียนรู้เกี่ยวกับการเรียนรู้เชิงลึก

ดูวิธีปกป้องข้อมูล Firestore ด้วยกฎความปลอดภัย

ใน Codelab นี้ คุณจะได้สร้างหน้าเว็บที่โต้ตอบกับบอร์ด BBC micro:bit เพื่อแสดงภาพบนจอ LED 5x5 ของ BBC คุณจะได้เรียนรู้เกี่ยวกับ Web Serial API และวิธีใช้สตรีมที่อ่านได้ เขียนได้ และเปลี่ยนรูปแบบเพื่อสื่อสารกับอุปกรณ์แบบอนุกรมผ่านเบราว์เซอร์

Codelab นี้จะแนะนำ DLP API ให้แก่ผู้ใช้ผ่านอินเทอร์เฟซบรรทัดคำสั่ง ผู้ใช้จะดาวน์โหลดรหัสโครงการและตรวจสอบเครื่องมือบางอย่างในไดเรกทอรีตัวอย่างและฟังก์ชันที่สำคัญ

ใน Codelab นี้ คุณจะได้ลองใช้ API ของเว็บต่างๆ ที่เป็น API ใหม่เอี่ยมหรือพร้อมให้ใช้งานหลัง Flag เท่านั้น

ใน Codelab นี้ คุณจะสร้างเว็บแอปพลิเคชัน จำกัดการเข้าถึงให้เฉพาะผู้ใช้ที่ระบุ และใช้ข้อมูลประจำตัวของผู้ใช้ที่ตรวจสอบสิทธิ์แล้วในโปรแกรม

ดูวิธีสตรีมสื่อและข้อมูลระหว่าง 2 เบราว์เซอร์ ทำความเข้าใจ API และเทคโนโลยีหลักของ WebRTC จับภาพและจัดการรูปภาพโดยใช้ getUserMedia, CSS และองค์ประกอบ Canvas ตั้งค่าการเชื่อมต่อแบบเพียร์และแลกเปลี่ยนข้อมูลระหว่างเบราว์เซอร์โดยตรงโดยใช้ช่องข้อมูล สุดท้าย ให้ตั้งค่าเซิร์ฟเวอร์รับสัญญาณโดยใช้ Node.js

ใน Codelab นี้ คุณจะได้สร้างหน้าเว็บที่โต้ตอบกับบอร์ด BBC micro:bit เพื่อแสดงภาพบนจอ LED 5x5 ของ BBC คุณจะได้เรียนรู้เกี่ยวกับ Web Serial API และวิธีใช้สตรีมที่อ่านได้ เขียนได้ และเปลี่ยนรูปแบบเพื่อสื่อสารกับอุปกรณ์แบบอนุกรมผ่านเบราว์เซอร์

เรียนรู้วิธีเพิ่มการนำทางแบบทันทีและการเปลี่ยนหน้าอย่างราบรื่นไปยังเว็บแอปด้วย API ล่าสุดที่พร้อมใช้งานใน Google Chrome

เรียนรู้วิธีสร้างเว็บฟอร์มแบบปรับขนาดได้ ซึ่งผู้ใช้แต่ละรายจะได้รับอินเทอร์เฟซที่ปรับแต่งให้ตรงกับความต้องการของตน ณ เวลานั้นๆ

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีส่งเหตุการณ์ภายนอกไปยัง GA4 โดยใช้ Measurement Protocol(เว็บ)

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีเพิ่มโฆษณาแบบอินไลน์ (แบนเนอร์และเนทีฟ) ของ AdMob ลงในแอป Flutter

Codelab นี้จะแนะนําแนวคิดหลักของ Accelerated Mobile Pages และแตกต่างจากเอกสาร HTML แบบเดิม ซึ่งทําได้โดยการสร้างและตรวจสอบความถูกต้องของเอกสาร AMP

Codelab นี้จะแนะนําแนวคิดหลักของ Accelerated Mobile Pages และแตกต่างจากเอกสาร HTML แบบเดิม ซึ่งทําได้โดยการสร้างและตรวจสอบความถูกต้องของเอกสาร AMP

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีเพิ่มแบนเนอร์ โฆษณาคั่นระหว่างหน้า และโฆษณาที่มีการให้รางวัลลงในแอป Flutter

ใน Codelab นี้ คุณจะสร้างวิดเจ็ตหน้าจอหลักสำหรับแอป Flutter ใน iOS หรือ Android ได้ คุณจะเริ่มด้วยแอปข่าว Flutter พื้นฐาน จากนั้นใช้เฟรมเวิร์กเนทีฟเพื่อสร้าง UI สำหรับวิดเจ็ตเอง สุดท้าย คุณจะได้เรียนรู้วิธีแชร์ทรัพยากรและสร้างการสื่อสารระหว่างวิดเจ็ตกับแอปหลัก

ใน Codelab นี้ คุณจะได้เรียนรู้เกี่ยวกับการใช้ Dataproc บน Google Compute Engine (GCE)

คุณจะต้องส่งงาน Spark ML ไปยังบริการ Dataproc ของ Google ใน Codelab นี้

ใน Codelab นี้ คุณจะได้เรียนรู้ข้อมูลทั้งหมดเกี่ยวกับ Dataproc Serverless รวมถึงวิธีเริ่มต้นใช้งานและวิธีเข้าถึงชุดฟีเจอร์มากมาย

ใช้รูปแบบ ระเบียน และฟีเจอร์ใหม่อื่นๆ ของ Dart 3 เพื่อกำหนดรูปแบบการออกแบบ UI ใหม่ใน Flutter

Dialogflow ออกใหม่ที่มาพร้อมการผสานรวมมากมายสำหรับเว็บ, Google Assistant, โซเชียลมีเดีย และเกตเวย์โทรศัพท์ แต่เมื่อต้องการให้แชทบ็อตในอุปกรณ์เคลื่อนที่ คุณจะต้องสร้างการผสานรวมที่กำหนดเอง ห้องทดลองนี้จะสอนวิธีผสานรวม Dialogflow Essentials เข้ากับแอป Flutter

ใน Codelab นี้ คุณจะได้เรียนรู้เกี่ยวกับ สร้างคอมโพเนนต์เว็บใหม่ตั้งแต่ต้น จากนั้นค่อยๆ ปรับปรุงเป็นองค์ประกอบ Lit

Codelab นี้จะแสดงวิธีใช้ Google Cloud Functions เพื่อทริกเกอร์เวิร์กโฟลว์ Apache Airflow (DAG) ใน Google Cloud Composer DAG ที่นี่จะเรียกใช้คำสั่ง Bash แบบง่ายๆ โดยใช้ BashOperator

สร้างเว็บแอปที่ควบคุมเทียนไฟ LED ด้วย Web Bluetooth API ที่สร้างขึ้นใหม่ได้โดยไม่ต้องใช้ JavaScript ยกเว้น JavaScript

ใน Codelab นี้ คุณจะต้องเขียนนิพจน์ด้วย Common Expression Language ซึ่งใช้ใน Go คุณจะสร้างตัวแปร ใช้ตรรกะและ/หรือโอเปอเรเตอร์ สร้าง JSON, สร้างโปรโต และปรับแต่งนิพจน์

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีตรวจสอบการเขียน/อ่าน Bigtable ในขณะที่โหลดและอ่านข้อมูลจำนวนมากโดยใช้ Dataflow

ใน Codelab นี้ คุณจะได้ดูวิธีใช้เครื่องมือสร้างโมเดลอีกครั้งเพื่อฝึกโมเดลสแปมสําหรับความคิดเห็นใหม่ให้พิจารณา ในกรณีที่เป็นไปได้แล้ว โมเดลที่ฝึกล่วงหน้าจะไม่สามารถจัดการได้ แล้วทําให้โมเดลใหม่ใช้งานเว็บแอปพลิเคชันอีกครั้ง

ใน Codelab นี้ คุณจะได้สร้างประสบการณ์การใช้งาน Google Maps โดยใช้ SDK แอปบนอุปกรณ์เคลื่อนที่ของ Flutter เพื่อสร้างประสบการณ์การใช้งานแบบเนทีฟที่มีคุณภาพสูงบน iOS, Android และเว็บ

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีโหลดและใช้โมเดลที่ฝึกไว้แล้วล่วงหน้าของ TensorFlow.js (COCO-SSD) รายการใดรายการหนึ่งและใช้โมเดลนี้เพื่อจดจำออบเจ็กต์ทั่วไปที่ได้รับการฝึกมา

ใน Codelab นี้ คุณจะได้สัมผัสประสบการณ์ในการสร้างแอปพลิเคชันที่มีการออกแบบที่ยืดหยุ่นและเคลื่อนไหวได้อย่างลื่นไหลด้วย Material 3 ในทั้ง 6 แพลตฟอร์มที่ Flutter รองรับ

ใน Codelab นี้ คุณจะได้สร้างแอป Flutter ที่ปรับให้เข้ากับแพลตฟอร์มทั้ง 6 รายการที่ Flutter รองรับ ได้แก่ Android, iOS, เว็บ, Windows, macOS และ Linux

Flutter คือชุดเครื่องมือ UI ของ Google สำหรับการสร้างแอปพลิเคชันสวยงามที่เรียบเรียงมาอย่างดีสำหรับอุปกรณ์เคลื่อนที่ เว็บ และเดสก์ท็อปจากโค้ดเบสเพียงชุดเดียว ใน Codelab นี้ คุณเริ่มต้นด้วยแอปเพลงธรรมดาๆ และ (ใช้ Material 3) ทำให้แอปมีความสวยงามและตอบสนองต่อทุกแพลตฟอร์มมากขึ้น

โดยคุณจะสร้างและทดสอบแอป Flutter แบบง่ายๆ ได้ใน Codelab นี้

ใน Codelab นี้ คุณจะได้สร้างปลั๊กอิน Flutter สำหรับทั้งแพลตฟอร์มอุปกรณ์เคลื่อนที่และเดสก์ท็อปโดยใช้ FFI เพื่อใช้ประโยชน์จากไลบรารีเนทีฟ C ที่มีอยู่

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีเพิ่มปลั๊กอิน webview_flutter ลงในแอป Flutter

เรียนรู้วิธีสร้างกลไกเกมในเกม Flutter และ Flame ด้วย Forge2D ซึ่งเป็นเครื่องมือทางฟิสิกส์ 2 มิติ

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีใช้ Flame ซึ่งเป็นเครื่องมือเกมที่สร้างมาจาก Flutter คุณจะได้รู้จักกับคอมโพเนนต์และเอฟเฟกต์ของ Flame รวมถึงวิธีผสานรวม Flame กับการจัดการสถานะของ Flutter

ดูวิธีสร้างอินเทอร์เฟซผู้ใช้ Flutter ด้วยภาพเคลื่อนไหว ตัวให้เฉดสี และเอฟเฟกต์อนุภาคที่ใช้ได้กับทั้ง 6 แพลตฟอร์มของ Flutter

เรียนรู้วิธีสร้างแอป Flutter ที่ใช้การประมวลผลอย่างหนักและคงความสามารถในการโต้ตอบแบบไหลของ Flutter เอาไว้

เรียนรู้พื้นฐานการใช้งาน Material Components โดยการสร้างหน้าเข้าสู่ระบบสำหรับแอป Flutter แบบง่าย

ดูข้อมูลพื้นฐานเกี่ยวกับการใช้คอมโพเนนต์วัสดุสําหรับเว็บโดยการสร้างแอปแบบง่ายที่มีคอมโพเนนต์หลัก

ค้นพบวิธีที่คลัง Material Flutter ช่วยให้คุณสร้างความแตกต่างและแสดงแบรนด์ของคุณผ่านการออกแบบได้ง่ายๆ

ค้นพบวิธีที่ Material Components สําหรับเว็บช่วยให้แยกความแตกต่างของผลิตภัณฑ์และแสดงแบรนด์ของคุณผ่านการออกแบบได้อย่างง่ายดาย

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีการนำโมเดล Python ML ที่มีอยู่ซึ่งอยู่ในรูปแบบ SaveModel แล้วแปลงเป็นรูปแบบ TensorFlow.js เพื่อให้ทำงานในเว็บเบราว์เซอร์ได้ ขณะเดียวกันก็เรียนรู้วิธีแก้ไขปัญหาทั่วไปที่อาจเกิดขึ้นใน Conversion ด้วย

ใน Codelab นี้ คุณจะได้เรียนรู้วิธีเพิ่มข้อความ Push ลงในเว็บแอป

This codelab is intended to help you understand how to create your first 3D Map using Photorealistic 3D Maps in Maps JavaScript. You will learn the basics about loading the right components of the Maps Javascript API, displaying your first 3D Map and

This tutorial explores how to add and style 3D markers in your application. You'll also learn how to animate your application by flying to and around specific locations. This tutorial builds on the concepts covered in the first codelab. If you

In this codelab, you learn everything that you need to get started with the vis.gl/react-google-map library for the Google Maps JavaScript API, which lets you add a Google map to a React app. You learn how to get set up, load the Maps JavaScript API,

In this codelab we’ll build together a real-time web application with Firebase and Angular.

Progressive Web Applications (PWAs) are a type of application software delivered through the web, built using common web technologies including HTML, CSS, and JavaScript. They are intended to work on any platform that uses a standards-compliant

Maps can be a very powerful tool when visualizing the patterns in a dataset that are related to location in some way. This relation could be the name of a place, a specific latitude and longitude value, or the name of an area that has a specific

Imagine you have many places to put on a map and you want users to be able to see where these places are and identify which place they want to visit. Common examples of this include: In this codelab, you will create a locator that draws from a live

Learn how to create a simple website that classifies images with TensorFlow Serving.

Learn how to build Perspective API.

Learn to build a location-based web app using the Maps JavaScript API and PLaces Library to perform a Nearby Search.

Learn how to train a comment-spam detection model with TensorFlow Lite Model Maker.

Learn how to retrain the spam-detection model to detect specific types of spam with TensorFlow Lite Model Maker.

In this codelab, you’ll build an image-slider,, which works independently of Angular framework, can be imported in any framework, and is very easy to integrate.

In this lab, you'll take an existing web application and make it work offline. This is the first in a series of companion codelabs for the Progressive Web App workshop. There are seven more codelabs in this series. Start by either cloning or

Whether you are embarking on a road trip, planning your daily commute, or navigating a bustling city, getting from point A to point B is more than just knowing where you want to go. A reliable route generation tool is essential. With Google Maps

In this codelab, you learn everything you need to get started using Google Maps Platform for the web. You learn all the basics, from getting set up to loading the Maps JavaScript API, displaying your first map, working with markers and marker

Learn how to build an app to get video and take snapshots with your webcam, and share them peer-to-peer with WebRTC.

In this codelab, you’ll add second-factor authentication to your site or web app with a security key.

In this lab, you'll take website with an existing service worker and convert it to using Workbox. This is the second in a series of companion codelabs for the Progressive Web App workshop. The previous codelab was Going Offline. There are six more

In this lab, you'll take an existing Progressive Web App that you have deployed and wrap it in an app for distribution in Google's Play store. Bubblewrap is a tool to make wrapping your Progressive Web App into an Android App Bundle as easy as

Learn how to build a Flutter app that classifies texts and displays the results in its UI.

In this codelab, you’ll learn how to build a simple web page that has commenting ability akin to a blog post article and integrate it with a pre trained machine learning model to detect comment spam posts, enabling you to filter these out before they even get stored in any backend database, reducing server processing time and cost.

This codelab teaches you how to use the WebGL-powered features of the Maps JavaScript API to control and render on the vector map in three dimensions. This codelab assumes you have intermediate knowledge of JavaScript and the Maps JavaScript API. To

One of the most common features of a website is displaying a Google map that highlights one or more locations for a business, establishment, or some other entity with a physical presence. How these maps are implemented can vary greatly depending on

This codelab teaches you how to create a high-volume geospatial data visualization using the Maps JavaScript API and deck.gl, an open-source, WebGL-accelerated, data-visualization framework. If you haven't used Google Maps Platform before, follow

Learn how to build a website with a simple reauthentication functionality that uses a fingerprint sensor.

In this codelab you’ll learn how to use Model Maker to retrain a comment spam model to account for edge cases the pre-trained model could not handle, and then re-deploy the new model to the web application.

Learn how to secure your online information, identify phishing attacks, enable Advanced Protections for Google Accounts, and stay safe on social media.

In this codelab, you’ll build a GitHub client in Flutter for desktop.

Learn how to create a theme and brand that’s accessible and personalized with Material 3.

Learn how to use adaptive design principles in Material Design to achieve consistency across screen sizes. In this codelab, you take a mobile design to tablet format, and learn about the responsive grid, adaptive composition patterns, and the correct components.