Die Google Developers-Codelabs bieten eine interaktive Anleitung, Programmiererfahrung haben. In den meisten Codelabs werden Sie durch den Prozess zum Erstellen einer kleinen Anwendung oder zum Hinzufügen einer neuen Funktion zu einer vorhandenen Anwendung geführt. Sie behandeln eine Vielzahl von Themen wie Android Wear, Google Compute Engine, ARCore und Google APIs auf iOS.
Codelab-Tools auf GitHubIn-App-Käufe zur Flutter App hinzufügen
Updated 23. Januar 2025
In diesem Codelab fügen Sie einer Flutter-App In-App-Käufe hinzu, die mithilfe eines Dart-Backend-Dienstes verifiziert und verwaltet werden.
Animationen in Flutter
24 Minuten
Updated 14. Januar 2025
In diesem Codelab erfahren Sie, wie Sie Animationen in Flutter verwenden. Sie erstellen ein Widget, das sowohl Größe als auch Farbe animiert, einen 3D-Karten-Flip-Effekt hinzufügt, Effekte aus dem Animationspaket nutzt und die Unterstützung der Android-Geste „Zurück“ hinzufügt.
Deine erste Flutter-App
1 Stunde 25 Minuten
Updated 13. Januar 2025
In diesem Codelab erfährst du, wie du eine Flutter-App erstellst, die zufällige, cool klingende Namen generiert.
Flutter-App mit FirebaseUI einen Nutzerauthentifizierungsablauf hinzufügen
8 Minuten
Updated 6. Januar 2025
In diesem Codelab erfahren Sie, wie Sie Firebase Authentication mit nur wenigen Codezeilen zu einer Flutter-App hinzufügen.
Firebase for Flutter kennenlernen
53 Minuten
Updated 22. November 2024
Hier erfahren Sie, wie Sie eine mobile Flutter-App mit Firebase erstellen.
Sound und Musik zum Flutter-Spiel hinzufügen
42 Minuten
Updated 9. November 2024
Hier erfährst du, wie du deinen Spielen mit Flutter Soundeffekte, Hintergrundmusik und dynamisches Audio hinzufügen kannst.
Lokale Entwicklung für Ihre Flutter-Apps mit der Firebase Emulator Suite
8 Minuten
Updated 9. November 2024
Codelab zur Verwendung der Firebase Emulator Suite während der Entwicklung mit Flutter Im Codelab werden die Auth- und Firestore-Emulatoren verwendet, um die Verwendung des Emulators zu demonstrieren.
Mit Material Motion für Flutter wunderschöne Übergänge erstellen
56 Minuten
Updated 4. November 2024
Baue das Bewegungssystem von Material mithilfe von Übergängen aus dem Animationspaket in die Antwort-App ein.
MDC-104 Flutter: Material Advanced Components
28 Minuten
Updated 4. November 2024
Optimieren Sie das Design Ihrer Flutter-App und implementieren Sie eine erweiterte Komponente für das Hintergrundmenü in Flutter.
MDC-102 Flutter: Materialstruktur und Layout
22 Minuten
Updated 4. November 2024
Hier erfahren Sie, wie Sie mit Material eine Struktur und ein Layout für eine Flutter-App erstellen.
AdMob-Banner und native Inline-Anzeigen zu einer Flutter-App hinzufügen
39 Minuten
Updated 29. August 2024
In diesem Codelab erfahren Sie, wie Sie einer Flutter-App AdMob-Inline-Anzeigen (Banner und nativ) hinzufügen.
AdMob-Anzeigen zu einer Flutter-App hinzufügen
40 Minuten
Updated 29. August 2024
In diesem Codelab erfahren Sie, wie Sie einer Flutter-App ein Banner, Interstitial-Anzeigen und Anzeigen mit Prämie hinzufügen.
Startbildschirm-Widget zur Flutter-App hinzufügen
35 Minuten
Updated 29. August 2024
In diesem Codelab erstellen Sie ein Startbildschirm-Widget für Ihre iOS- oder Android-Flutter-App. Sie beginnen mit einer einfachen Nachrichten-App von Flutter. Anschließend verwenden Sie native Frameworks, um die Benutzeroberfläche für die Widgets selbst zu erstellen. Schließlich erfahren Sie, wie Sie Ressourcen teilen und die Kommunikation zwischen Ihren Widgets und der Haupt-App herstellen.
Sprachbots für Android mit Dialogflow Essentials erstellen & Flattern
1 Stunde 5 Minuten
Updated 29. August 2024
Dialogflow bietet zahlreiche Integrationen für das Web, Google Assistant, soziale Medien und Telefonie-Gateways. Wenn Sie Ihre Chatbots jedoch auf Mobilgeräten verwenden möchten, müssen Sie eine benutzerdefinierte Integration erstellen. In diesem Lab erfahren Sie, wie Sie Dialogflow Essentials in eine Flutter-Anwendung einbinden.
Dart-Muster und -Rekorde kennenlernen
39 Minuten
Updated 29. August 2024
Mit Mustern, Datensätzen und anderen neuen Funktionen von Dart 3 kannst du deinen UI-Designstil in Flutter neu gestalten.
Google Maps zu einer Flutter-App hinzufügen
30 Minuten
Updated 23. August 2024
In diesem Codelab entwickeln Sie mithilfe des Flutter Mobile App SDK ein Google Maps-Erlebnis für die Entwicklung hochwertiger nativer Apps für iOS, Android und das Web.
Mache deine Flutter-App langweilig zu schön
52 Minuten
Updated 23. August 2024
Flutter ist das UI-Toolkit von Google, mit dem Sie mit einer einzigen Codebasis ansprechende, nativ kompilierte Apps für Mobilgeräte, Web und Desktop erstellen können. In diesem Codelab beginnen Sie mit einer einfachen Musik-App und gestalten sie mithilfe von Material 3 ansprechender und reaktionsschneller für alle Plattformen.
Adaptive Apps in Flutter
1 Stunde
Updated 23. August 2024
In diesem Codelab entwickeln Sie eine Flutter-App, die sich an alle sechs von Flutter unterstützten Plattformen anpasst: Android, iOS, das Web, Windows, macOS und Linux.
So testen Sie eine Flutter-App
55 Minuten
Updated 23. August 2024
In diesem Codelab erstellen und testen Sie eine einfache Flutter-App.
Mit Material 3 ein animiertes responsives App-Layout erstellen
53 Minuten
Updated 23. August 2024
In diesem Codelab lernen Sie, wie Sie eine Anwendung mit adaptivem Design entwickeln, die mit Material 3 auf allen sechs von Flutter unterstützten Plattformen flüssig animiert wird.
FFI in einem Flutter-Plug-in verwenden
Updated 23. August 2024
In diesem Codelab erstellen Sie mithilfe von FFI ein Flutter-Plug-in für mobile und Desktop-Plattformen, um eine vorhandene native C-Bibliothek zu nutzen.
WebView zur Flutter-App hinzufügen
1 Stunde 5 Minuten
Updated 22. August 2024
In diesem Codelab erfahren Sie, wie Sie einer Flutter-Anwendung das Plug-in „webview_flutter“ hinzufügen.
Erstelle ein 2D-Physikspiel mit Flutter & Flame
32 Minuten
Updated 22. August 2024
Mit Forge2D, einer 2D-Physik-Engine, lernst du in Flutter- und Flame-Spielen die Spielmechanik.
Einführung in Flame mit Flutter
55 Minuten
Updated 22. August 2024
In diesem Codelab erfährst du, wie du Flame verwendest, eine auf Flutter basierende Spiel-Engine. Sie lernen die Komponenten und Effekte von Flame kennen und erfahren, wie Sie Flame in das State Management von Flutter einbinden.
Benutzeroberflächen der nächsten Generation in Flutter erstellen
1 Stunde 15 Minuten
Updated 22. August 2024
Hier erfahren Sie, wie Sie Flutter-Benutzeroberflächen mit Animationen, Shadern und Partikeleffekten erstellen, die auf allen sechs Plattformen von Flutter funktionieren.
Wortpuzzle mit Flutter erstellen
53 Minuten
Updated 22. August 2024
Hier erfahren Sie, wie Sie eine rechenintensive Flutter-App entwickeln und dabei die fließende Interaktivität von Flutter aufrechterhalten.
MDC-101 Flutter: Grundlagen zu Materialkomponenten
22 Minuten
Updated 21. August 2024
Machen Sie sich mit den Grundlagen der Verwendung von Material Components vertraut, indem Sie eine Anmeldeseite für eine einfache Flutter-App erstellen.
MDC-103 Flutter: Material Theming mit Farbe, Form, Höhe und Typ
39 Minuten
Updated 21. August 2024
Mit der Material Flutter-Bibliothek kannst du dein Produkt ganz einfach von anderen abheben und deine Marke durch ein Design zum Ausdruck bringen.
Train a comment-spam detection model with TensorFlow Lite Model Maker
18 Minuten
Updated 18. September 2024
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
16 Minuten
Updated 18. September 2024
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
51 Minuten
Updated 18. September 2024
Learn how to build a Flutter app that classifies texts and displays the results in its UI.
Write a Flutter desktop application
45 Minuten
Updated 11. September 2024
In this codelab, you’ll build a GitHub client in Flutter for desktop.