Codelabs ของ Google Developers มีบทแนะนำที่เปิดให้ลงมือปฏิบัติจริง ประสบการณ์การเขียนโค้ด Codelab ส่วนใหญ่จะแนะนำขั้นตอนการสร้าง แอปพลิเคชันขนาดเล็ก หรือการเพิ่มฟีเจอร์ใหม่ในแอปพลิเคชันที่มีอยู่ โฆษณาเหล่านี้ ครอบคลุมหัวข้อต่างๆ มากมาย เช่น Android Wear, Google Compute Engine ARCore และ Google APIs ใน iOS
เครื่องมือ Codelab ใน GitHubการเพิ่มการซื้อในแอปลงในแอป Flutter
Updated 23 มกราคม ค.ศ. 2025
ใน Codelab นี้ คุณจะเพิ่มการซื้อในแอปลงในแอป Flutter ที่ได้รับการยืนยันและจัดการโดยใช้บริการแบ็กเอนด์ของ Dart ได้
ภาพเคลื่อนไหวใน Flutter
24 นาที
Updated 14 มกราคม ค.ศ. 2025
ในโค้ดแล็บนี้ คุณจะได้เรียนรู้วิธีใช้ภาพเคลื่อนไหวใน Flutter คุณจะได้สร้างวิดเจ็ตที่มีทั้งขนาดและสีที่เคลื่อนไหว เพิ่มเอฟเฟกต์การพลิกการ์ด 3 มิติ ใช้เอฟเฟกต์จากแพ็กเกจภาพเคลื่อนไหว และเพิ่มการรองรับท่าทางสัมผัสเพื่อกลับไปยังหน้าก่อนหน้าแบบคาดการณ์ของ Android
แอป Flutter แอปแรกของคุณ
1 ชั่วโมง 25 นาที
Updated 13 มกราคม ค.ศ. 2025
ใน Codelab นี้ คุณจะได้เรียนรู้วิธีการสร้างแอป Flutter ที่จะสร้างชื่อแบบสุ่มที่ให้ฟังดูเก๋ไก๋
เพิ่มขั้นตอนการตรวจสอบสิทธิ์ผู้ใช้ลงในแอป Flutter โดยใช้ FirebaseUI
8 นาที
Updated 6 มกราคม ค.ศ. 2025
ใน Codelab นี้ คุณจะได้เรียนรู้วิธีเพิ่มการตรวจสอบสิทธิ์ Firebase ลงในแอป Flutter ด้วยโค้ดเพียงไม่กี่บรรทัด
ทำความรู้จัก Firebase สำหรับ Flutter
53 นาที
Updated 22 พฤศจิกายน ค.ศ. 2024
ดูวิธีสร้างแอปบนอุปกรณ์เคลื่อนที่ Flutter ด้วย Firebase
เพิ่มเสียงและเพลงให้กับเกม Flutter
42 นาที
Updated 9 พฤศจิกายน ค.ศ. 2024
ดูวิธีเพิ่มเอฟเฟกต์เสียง เพลงพื้นหลัง และเสียงแบบไดนามิกในเกมด้วย Flutter
การพัฒนาแอป Flutter ในเครื่องโดยใช้ Firebase Emulator Suite
8 นาที
Updated 9 พฤศจิกายน ค.ศ. 2024
Codelab ที่อธิบายวิธีใช้ Firebase Emulator Suite ในระหว่างการพัฒนาด้วย Flutter Codelab จะใช้โปรแกรมจำลองการตรวจสอบสิทธิ์และ Firestore เพื่อสาธิตการใช้งานโปรแกรมจำลอง
การสร้างการเปลี่ยนฉากอย่างสวยงามด้วยการเคลื่อนไหวของวัสดุเพื่อ Flutter
56 นาที
Updated 4 พฤศจิกายน ค.ศ. 2024
สร้างระบบการเคลื่อนไหวของ Material ในแอปตอบกลับโดยใช้การเปลี่ยนจากแพ็กเกจภาพเคลื่อนไหว
MDC-104 Flutter: คอมโพเนนต์ขั้นสูงของวัสดุ
28 นาที
Updated 4 พฤศจิกายน ค.ศ. 2024
ปรับปรุงการออกแบบแอป Flutter และใช้คอมโพเนนต์เมนูฉากหลังขั้นสูงใน Flutter
MDC-102 Flutter: โครงสร้างวัสดุและเลย์เอาต์
22 นาที
Updated 4 พฤศจิกายน ค.ศ. 2024
ดูวิธีใช้ Material เพื่อสร้างโครงสร้างและเลย์เอาต์ของแอป Flutter
การเพิ่มแบนเนอร์ AdMob และโฆษณาเนทีฟแบบอินไลน์ลงในแอป Flutter
39 นาที
Updated 29 สิงหาคม ค.ศ. 2024
ใน Codelab นี้ คุณจะได้เรียนรู้วิธีเพิ่มโฆษณาแบบอินไลน์ (แบนเนอร์และเนทีฟ) ของ AdMob ลงในแอป Flutter
การเพิ่มโฆษณา AdMob ลงในแอป Flutter
40 นาที
Updated 29 สิงหาคม ค.ศ. 2024
ใน Codelab นี้ คุณจะได้เรียนรู้วิธีเพิ่มแบนเนอร์ โฆษณาคั่นระหว่างหน้า และโฆษณาที่มีการให้รางวัลลงในแอป Flutter
การเพิ่มวิดเจ็ตหน้าจอหลักลงในแอป Flutter
35 นาที
Updated 29 สิงหาคม ค.ศ. 2024
ใน Codelab นี้ คุณจะสร้างวิดเจ็ตหน้าจอหลักสำหรับแอป Flutter ใน iOS หรือ Android ได้ คุณจะเริ่มด้วยแอปข่าว Flutter พื้นฐาน จากนั้นใช้เฟรมเวิร์กเนทีฟเพื่อสร้าง UI สำหรับวิดเจ็ตเอง สุดท้าย คุณจะได้เรียนรู้วิธีแชร์ทรัพยากรและสร้างการสื่อสารระหว่างวิดเจ็ตกับแอปหลัก
สำรวจรูปแบบและบันทึกของ Dart
39 นาที
Updated 29 สิงหาคม ค.ศ. 2024
ใช้รูปแบบ ระเบียน และฟีเจอร์ใหม่อื่นๆ ของ Dart 3 เพื่อกำหนดรูปแบบการออกแบบ UI ใหม่ใน Flutter
สร้างบ็อตเสียงสำหรับ Android ด้วย Dialogflow Essentials & แขนระบาย
1 ชั่วโมง 5 นาที
Updated 29 สิงหาคม ค.ศ. 2024
Dialogflow ออกใหม่ที่มาพร้อมการผสานรวมมากมายสำหรับเว็บ, Google Assistant, โซเชียลมีเดีย และเกตเวย์โทรศัพท์ แต่เมื่อต้องการให้แชทบ็อตในอุปกรณ์เคลื่อนที่ คุณจะต้องสร้างการผสานรวมที่กำหนดเอง ห้องทดลองนี้จะสอนวิธีผสานรวม Dialogflow Essentials เข้ากับแอป Flutter
การเพิ่ม Google Maps ลงในแอป Flutter
30 นาที
Updated 23 สิงหาคม ค.ศ. 2024
ใน Codelab นี้ คุณจะได้สร้างประสบการณ์การใช้งาน Google Maps โดยใช้ SDK แอปบนอุปกรณ์เคลื่อนที่ของ Flutter เพื่อสร้างประสบการณ์การใช้งานแบบเนทีฟที่มีคุณภาพสูงบน iOS, Android และเว็บ
การสร้างเลย์เอาต์แอปที่ตอบสนองตามอุปกรณ์ด้วย Material 3
53 นาที
Updated 23 สิงหาคม ค.ศ. 2024
ใน Codelab นี้ คุณจะได้สัมผัสประสบการณ์ในการสร้างแอปพลิเคชันที่มีการออกแบบที่ยืดหยุ่นและเคลื่อนไหวได้อย่างลื่นไหลด้วย Material 3 ในทั้ง 6 แพลตฟอร์มที่ Flutter รองรับ
แอปแบบปรับอัตโนมัติใน Flutter
1 ชั่วโมง
Updated 23 สิงหาคม ค.ศ. 2024
ใน Codelab นี้ คุณจะได้สร้างแอป Flutter ที่ปรับให้เข้ากับแพลตฟอร์มทั้ง 6 รายการที่ Flutter รองรับ ได้แก่ Android, iOS, เว็บ, Windows, macOS และ Linux
เปลี่ยนแอป Flutter ได้ง่ายๆ ให้เป็นแอปที่สวยงาม
52 นาที
Updated 23 สิงหาคม ค.ศ. 2024
Flutter คือชุดเครื่องมือ UI ของ Google สำหรับการสร้างแอปพลิเคชันสวยงามที่เรียบเรียงมาอย่างดีสำหรับอุปกรณ์เคลื่อนที่ เว็บ และเดสก์ท็อปจากโค้ดเบสเพียงชุดเดียว ใน Codelab นี้ คุณเริ่มต้นด้วยแอปเพลงธรรมดาๆ และ (ใช้ Material 3) ทำให้แอปมีความสวยงามและตอบสนองต่อทุกแพลตฟอร์มมากขึ้น
วิธีทดสอบแอป Flutter
55 นาที
Updated 23 สิงหาคม ค.ศ. 2024
โดยคุณจะสร้างและทดสอบแอป Flutter แบบง่ายๆ ได้ใน Codelab นี้
การใช้ FFI ในปลั๊กอิน Flutter
Updated 23 สิงหาคม ค.ศ. 2024
ใน Codelab นี้ คุณจะได้สร้างปลั๊กอิน Flutter สำหรับทั้งแพลตฟอร์มอุปกรณ์เคลื่อนที่และเดสก์ท็อปโดยใช้ FFI เพื่อใช้ประโยชน์จากไลบรารีเนทีฟ C ที่มีอยู่
การเพิ่ม WebView ลงในแอป Flutter
1 ชั่วโมง 5 นาที
Updated 22 สิงหาคม ค.ศ. 2024
ใน Codelab นี้ คุณจะได้เรียนรู้วิธีเพิ่มปลั๊กอิน webview_flutter ลงในแอป Flutter
สร้างเกมฟิสิกส์แบบ 2 มิติด้วย Flutter และ Flame
32 นาที
Updated 22 สิงหาคม ค.ศ. 2024
เรียนรู้วิธีสร้างกลไกเกมในเกม Flutter และ Flame ด้วย Forge2D ซึ่งเป็นเครื่องมือทางฟิสิกส์ 2 มิติ
แนะนำ Flame กับ Flutter
55 นาที
Updated 22 สิงหาคม ค.ศ. 2024
ใน Codelab นี้ คุณจะได้เรียนรู้วิธีใช้ Flame ซึ่งเป็นเครื่องมือเกมที่สร้างมาจาก Flutter คุณจะได้รู้จักกับคอมโพเนนต์และเอฟเฟกต์ของ Flame รวมถึงวิธีผสานรวม Flame กับการจัดการสถานะของ Flutter
การสร้าง UI รุ่นใหม่ใน Flutter
1 ชั่วโมง 15 นาที
Updated 22 สิงหาคม ค.ศ. 2024
ดูวิธีสร้างอินเทอร์เฟซผู้ใช้ Flutter ด้วยภาพเคลื่อนไหว ตัวให้เฉดสี และเอฟเฟกต์อนุภาคที่ใช้ได้กับทั้ง 6 แพลตฟอร์มของ Flutter
ไขปัญหาด้วย Flutter
53 นาที
Updated 22 สิงหาคม ค.ศ. 2024
เรียนรู้วิธีสร้างแอป Flutter ที่ใช้การประมวลผลอย่างหนักและคงความสามารถในการโต้ตอบแบบไหลของ Flutter เอาไว้
MDC-101 Flutter: ข้อมูลพื้นฐานเกี่ยวกับคอมโพเนนต์วัสดุ
22 นาที
Updated 21 สิงหาคม ค.ศ. 2024
เรียนรู้พื้นฐานการใช้งาน Material Components โดยการสร้างหน้าเข้าสู่ระบบสำหรับแอป Flutter แบบง่าย
MDC-103 Flutter: การให้ธีมวัสดุที่มีสี รูปทรง ระดับความสูง และประเภท
39 นาที
Updated 21 สิงหาคม ค.ศ. 2024
ค้นพบวิธีที่คลัง Material Flutter ช่วยให้คุณสร้างความแตกต่างและแสดงแบรนด์ของคุณผ่านการออกแบบได้ง่ายๆ
编写您的第一款 Flutter 应用(第 1 部分)
38 นาที
Updated 18 กันยายน ค.ศ. 2024
Flutter 是 Google 的界面工具包,可用于通过单一代码库为移动设备、网络和桌面设备制作本机编译的精美应用程序。在此 Codelab 中,您将学习如何构建移动端的 Flutter 应用,此应用可使用能生成随机词对的软件包延迟加载无限列表。
编写您的第一款 Flutter 应用(第 2 部分)
43 นาที
Updated 18 กันยายน ค.ศ. 2024
Flutter 是 Google 的界面工具包,可用于通过单一代码库为移动设备、网络和桌面设备制作本机编译的精美应用程序。在本 Codelab 中,您将扩展简单的移动应用,以添加交互性和导航,并更改其主题颜色。
MDC-103 Flutter:Material 主题中的颜色、形状、高度和类型 (Flutter)
34 นาที
Updated 18 กันยายน ค.ศ. 2024
了解 Material Components for Flutter 如何让您的产品与众不同并通过设计表达您的品牌。
MDC-101 Flutter:Material Components (MDC) 基础知识 (Flutter)
14 นาที
Updated 18 กันยายน ค.ศ. 2024
利用核心组件构建一个简单的应用,学习使用 Material Components for Flutter 的基础知识。
MDC-102 Flutter:Material 结构和布局 (Flutter)
14 นาที
Updated 18 กันยายน ค.ศ. 2024
学习如何将 Material 用于 Flutter 上的结构和布局。
使用 Flutter 和 Flame 构建游戏
Updated 19 พฤษภาคม ค.ศ. 2023
在此 Codelab 中,您将使用 Flutter 和 Flame 引擎创建一个名称为 Doodle Dash 的平台游戏。