Flutter

Mobile Apps aus einer einzigen Codebasis

Flutter baut iOS- und Android-Apps (und mehr) aus einer einzigen Dart-Codebasis. Widgets, Layout, Navigation, State, APIs und Persistenz, bis hin zu Animationen und Tests: Baue echte mobile Apps.

Grundlagen

Anfänger - die Basics, Schritt für Schritt

• Flutter und Dart: Installation und erstes ProjektEntdecke, was Flutter und Dart sind, installiere die Werkzeuge, erstelle dein erstes Projekt und erlebe die Magie des Hot Reload.
• Dart-Grundlagen: Variablen, Funktionen und Null-SicherheitLerne, Werte in typisierten Variablen zu speichern, Funktionen zu schreiben und den Schutz vor null zu verstehen.
• Alles ist ein Widget: Text, Container und IconVerstehe die große Idee von Flutter, den Widget-Baum, anhand von drei einfachen Bausteinen: Text, Container und Icon.
• Layout: Row, Column, Padding, Expanded, SizedBoxOrdne mehrere Widgets auf dem Bildschirm an, mit Spalten, Zeilen, Abständen und Platzverteilung.
• Interaktivität: Buttons, StatefulWidget und setStateErwecke deine Bildschirme zum Leben: Reagiere auf das Tippen auf Buttons und aktualisiere die Anzeige mit setState.

Fortschritt

Mittelstufe - echte Projekte bauen

• Hochperformante Listen mit ListView.builderZeige Listen mit Tausenden von Einträgen ohne Ruckler an, dank ListView.builder, ListTile und in eigene Widgets ausgelagerten Einträgen.
• Mit Navigator zwischen Screens navigierenLege Screens mit Navigator.push und pop auf den Stapel und wieder herunter, übergib Daten über Konstruktoren und hole ein Ergebnis ab, wenn sich der Screen schließt.
• Formulare: TextField, Controller und ValidierungSteuere deine Eingabefelder mit TextEditingController und validiere jede Eingabe auf einmal, dank Form und TextFormField.
• State teilen: State hochziehen und CallbacksHalte den State im gemeinsamen Vorfahren und mach aus deinen Kind-Widgets kontrollierte Widgets, die Änderungen über Callbacks zurückmelden.
• Themes: ThemeData, Material 3 und Dark ModeZentralisiere Farben und Typografie in ThemeData, erzeuge mit ColorScheme.fromSeed eine Material-3-Palette und biete mühelos einen Dark Mode an.

Fortgeschritten

Geübt - fortgeschrittene Muster und Performance

• Daten modellieren: Klassen, JSON und UnveränderlichkeitVerwandle JSON in unveränderliche Dart-Klassen mit fromJson, toJson, copyWith und zuverlässiger Wertgleichheit.
• Asynchronität in Dart: Future, async/await, FutureBuilderBeherrsche Future, async/await und FutureBuilder, ohne die UI zu blockieren oder deine Anfragen versehentlich erneut auszulösen.
• Eine HTTP-API aufrufen: Dekodierung und BildschirmzuständeBaue einen professionellen Netzwerkaufruf mit dem Paket http auf: Timeout, Statuscodes, typisierte Dekodierung und vollständige Zustände.
• Strukturierte Zustandsverwaltung: ChangeNotifier und ProviderTeile den Anwendungszustand mit ChangeNotifier und Provider und beherrsche watch, read und select für gezielte Rebuilds.
• Lokale Persistenz mit shared_preferencesSpeichere Einstellungen und leichte Daten dauerhaft mit shared_preferences und kenne dabei die Grenzen bei Sicherheit und Datenmenge.

Meisterschaft

Experte - Architektur, Internals und Grenzfälle

• Eine App strukturieren: UI, Logik, DatenGliedere eine Flutter-App in sauber getrennte Schichten mit dem Repository-Muster und typisierten Sealed-Ergebnissen.
• Animationen: implizit und explizit unter der HaubeVerstehe die innere Mechanik impliziter Animationen und steuere deinen eigenen AnimationController präzise.
• Performance: const, Rebuilds, Keys und DevToolsBeseitige unnötige Rebuilds dank const, Keys und Reconciliation und miss dann mit DevTools.
• Adaptiv: LayoutBuilder, MediaQuery und PlattformenBaue Oberflächen, die sich an die Constraints des Elternteils, an das Fenster und an die Konventionen jedes Betriebssystems anpassen.
• Tests: Dart-Unit-Tests und Widget-TestsTeste Logik und Widgets mit handgeschriebenen Fakes, einer simulierten Uhr und den richtigen pump-Reflexen.