Codelabs توسعه دهندگان Google یک تجربه کدنویسی هدایت شده، آموزشی و عملی را ارائه می دهد. اکثر کد لبه ها شما را در مراحل ساخت یک برنامه کوچک یا افزودن یک ویژگی جدید به یک برنامه موجود گام می گذارند. آنها طیف گسترده ای از موضوعات مانند Android Wear، Google Compute Engine، ARCore و Google API را در iOS پوشش می دهند.
ابزار Codelab در GitHubAdding in-app purchases to your Flutter app
Updated ۲۳ ژانویهٔ ۲۰۲۵
In this codelab, you’ll add in-app purchases to a Flutter app that are verified and managed using a Dart backend service.
Your first Flutter app
۱ ساعت ۲۵ دقیقه
Updated ۱۳ ژانویهٔ ۲۰۲۵
In this codelab, you’ll learn how to build a Flutter app that generates random, cool-sounding names.
Add a user authentication flow to a Flutter app using FirebaseUI
۸ دقیقه
Updated ۶ ژانویهٔ ۲۰۲۵
In this codelab, you’ll learn how to add Firebase Authentication to a Flutter app with only a few lines of code.
Animations in Flutter
۲۴ دقیقه
Updated ۳ دسامبر ۲۰۲۴
In this codelab, you will learn how to use animations in Flutter. You will build a widget that animates both size and color, adds a 3D card flip effect, utilizes effects from the animations package and adds Android’s predictive back gesture support.
Get to know Firebase for Flutter
۵۳ دقیقه
Updated ۱ نوامبر ۲۰۲۴
Learn how to build a Flutter mobile app with Firebase.
Add sound and music to your Flutter game
۴۲ دقیقه
Updated ۲۱ اکتبر ۲۰۲۴
Learn how to add sound effects, background music, and dynamic audio to games with Flutter.
Train a comment-spam detection model with TensorFlow Lite Model Maker
۱۸ دقیقه
Updated ۱۸ سپتامبر ۲۰۲۴
Learn how to train a comment-spam detection model with TensorFlow Lite Model Maker.
Create a custom text-classification model with TensorFlow Lite Model Maker
۱۶ دقیقه
Updated ۱۸ سپتامبر ۲۰۲۴
Learn how to retrain the spam-detection model to detect specific types of spam with TensorFlow Lite Model Maker.
Create a Flutter app to classify texts
۵۱ دقیقه
Updated ۱۸ سپتامبر ۲۰۲۴
Learn how to build a Flutter app that classifies texts and displays the results in its UI.
Write a Flutter desktop application
۴۵ دقیقه
Updated ۱۱ سپتامبر ۲۰۲۴
In this codelab, you’ll build a GitHub client in Flutter for desktop.
Adding WebView to your Flutter app
۱ ساعت ۵ دقیقه
Updated ۱۱ سپتامبر ۲۰۲۴
In this codelab, you’ll learn how to add the webview_flutter plugin to a Flutter app.
Build a 2D physics game with Flutter and Flame
۳۲ دقیقه
Updated ۲ اوت ۲۰۲۴
Learn how to craft game mechanics in Flutter and Flame games with Forge2D, a 2D physics engine.
Local development for your Flutter apps using the Firebase Emulator Suite
۸ دقیقه
Updated ۲۰ مهٔ ۲۰۲۴
Codelab outlining how to use the Firebase Emulator Suite during development with Flutter. The codelab will use the Auth and Firestore emulators to demonstrate emulator use.
Building an animated responsive app layout with Material 3
۵۳ دقیقه
Updated ۱۳ مهٔ ۲۰۲۴
In this codelab, you’ll gain experience with building an application with adaptive design that animates fluidly with Material 3 on all six platforms that Flutter supports.
Adaptive Apps in Flutter
۱ ساعت
Updated ۱۳ مهٔ ۲۰۲۴
In this codelab, you’ll construct a Flutter app that adapts to all six platforms that Flutter supports - Android, iOS, the web, Windows, macOS, and Linux.
Take your Flutter app from boring to beautiful
۵۲ دقیقه
Updated ۱۳ مهٔ ۲۰۲۴
Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. In this codelab, you start with a plain music app and (using Material 3) make it more beautiful and more responsive for all platforms.
Adding Google Maps to a Flutter app
۳۰ دقیقه
Updated ۱۳ مهٔ ۲۰۲۴
In this codelab, you’ll build a Google Maps experience using the Flutter mobile app SDK for crafting high-quality native experiences on iOS, Android and the web.
How to test a Flutter app
۵۵ دقیقه
Updated ۱۳ مهٔ ۲۰۲۴
In this codelab, you’ll build and test a simple Flutter app.
Building next generation UIs in Flutter
۱ ساعت ۱۵ دقیقه
Updated ۱۳ مهٔ ۲۰۲۴
Learn how to build Flutter user interfaces with animations, shaders, and particle effects that work across all of Flutter’s six platforms.
Using FFI in a Flutter plugin
Updated ۱۲ مهٔ ۲۰۲۴
In this codelab, you’ll build a Flutter plugin for both mobile and desktop platforms using FFI to make use of an existing native C library.
Introduction to Flame with Flutter
۵۵ دقیقه
Updated ۱۲ مهٔ ۲۰۲۴
In this codelab you will learn how to use Flame, a game engine built on top of Flutter. You will be introduced to Flame’s Components and effects, along with how to integrate Flame with Flutter’s state management.
Dive into Dart's patterns and records
۳۹ دقیقه
Updated ۱۲ مهٔ ۲۰۲۴
Use patterns, records, and other new features of Dart 3 to re-architect your UI design style in Flutter.
Adding a Home Screen widget to your Flutter App
۳۵ دقیقه
Updated ۱ مهٔ ۲۰۲۴
In this codelab, you’ll create a Home Screen widget for your iOS or Android Flutter app. You’ll start with a basic Flutter news app. You’ll then use native frameworks to create the UI for the widgets themselves. Finally, you’ll learn how to share resources and establish communication between your widgets and main app.
Build a word puzzle with Flutter
۵۳ دقیقه
Updated ۲۹ آوریل ۲۰۲۴
Learn how to build a compute-intensive Flutter app and still maintain Flutter’s fluid interactivity.
MDC-101 Flutter: Material Components Basics
۲۲ دقیقه
Updated ۶ مارس ۲۰۲۴
Learn the basics of using Material Components by creating a login page for a simple Flutter app.
MDC-103 Flutter: Material Theming with Color, Shape, Elevation, and Type
۳۹ دقیقه
Updated ۱۴ نوامبر ۲۰۲۳
Discover how the Material Flutter library makes it easy to differentiate your product and express your brand through design.
MDC-102 Flutter: Material Structure and Layout
۲۲ دقیقه
Updated ۷ ژوئن ۲۰۲۳
Learn how to use Material to create structure and layout a Flutter app.
MDC-104 Flutter: Material Advanced Components
۲۸ دقیقه
Updated ۶ ژوئن ۲۰۲۳
Improve your Flutter app’s design and implement an advanced backdrop menu component in Flutter.
Building Beautiful Transitions with Material Motion for Flutter
۵۶ دقیقه
Updated ۲۰ آوریل ۲۰۲۳
Build Material’s motion system into the Reply app using transitions from the animations package.
Adding AdMob ads to a Flutter app
۴۰ دقیقه
Updated ۲۷ اوت ۲۰۲۲
In this codelab, you learn how to add a banner, interstitial and rewarded ads to a Flutter app.
Adding an AdMob banner and native inline ads to a Flutter app
۳۹ دقیقه
Updated ۱۵ ژوئیهٔ ۲۰۲۲
In this codelab, you’ll learn how to add AdMob inline ads (Banner and Native) to a flutter app.
Build Voice Bots for Android with Dialogflow Essentials & Flutter
۱ ساعت ۵ دقیقه
Updated ۵ اکتبر ۲۰۲۱
Out of the box Dialogflow comes with lots of integrations, for web, Google Assistant, social media and phone gateways. However, when you want to bring your chatbots to mobile devices, you will have to create a custom integration. This lab will teach you how to integrate Dialogflow Essentials into a Flutter app.