NeuJourney
Flutter App-Entwicklung lernen
Ein kostenloser, interaktiver Flutter-Kurs ab der ersten Zeile. Du schreibst Apps in Dart und startest sie auf einem Handybildschirm neben dem Editor, mit Hot Reload, KI-Hinweisen und Zertifikaten.
1,000+ codders eingeschrieben
219 Lektionen219 Aufgaben297 Quizfragen
- Anfängerfreundlich
KI-gestützte Coding-Hilfe
Praktische, interaktive Lektionen
Audio-Erzählung in jeder Lektion
Quizfragen zum Wissenstest
Kostenloses Abschlusszertifikat
Lehrplan
Abschnitt 1
Deine erste App
Abschnitt startenStartenAusklappenEinklappenDeine ersten Flutter-Apps: Was Flutter ist, der Widget-Baum, Text und sein Stil, farbige Kästen, Padding, Zeilen und Spalten, Icons und Bilder sowie das Dart, das du dafür brauchst. Zum Abschluss erstellst du eine Visitenkarten-App.Hallo, Flutter
6 Lektionen68Text gestalten
4 Lektionen45Dart Just in Time
4 Lektionen45Boxen
4 Lektionen44Zeilen und Spalten
6 Lektionen68Symbole und Bilder
5 Lektionen55Projekt: Visitenkarte
Projekt3 Lektionen33Abschnitt 2
Apps interaktiv gestalten
Abschnitt startenStartenAusklappenEinklappenApps, die reagieren: Buttons, Funktionen und die Console, StatefulWidget und setState, const und final, Entscheidungen mit if und Booleans, Textfelder, Schalter, Kontrollkästchen und Schieberegler sowie das Dart dahinter. Zum Abschluss erstellst du einen Trinkgeldrechner.Schaltflächen
5 Lektionen57Funktionen
3 Lektionen35Widgets mit Zustand
6 Lektionen610const und final
2 Lektionen24Entscheidungen
5 Lektionen58Textfelder
5 Lektionen57Schalter und Schieberegler
3 Lektionen34Projekt: Trinkgeldrechner
Projekt5 Lektionen56Abschnitt 3
Listen und Bildschirme
Abschnitt startenStartenAusklappenEinklappenApps mit mehr als einem Bildschirm: scrollbare Listen und List Tiles, Karten und Raster, eigene Dart-Klassen für deine Daten, zwischen Bildschirmen wechseln und Daten übergeben, Tabs, ein Drawer-Menü und Löschen per Wischgeste. Zum Abschluss erstellst du eine Rezept-App.Scrollbare Listen
5 Lektionen58Listen aus Daten
3 Lektionen34Karten und Raster
3 Lektionen33Deine eigenen Klassen
6 Lektionen611Mehr als ein Bildschirm
5 Lektionen58Tabs, Schubladen und Wischgesten
5 Lektionen58Projekt: Rezeptbuch
Projekt6 Lektionen67Abschnitt 4
Layouts für jede Bildschirmgröße
Abschnitt startenStartenAusklappenEinklappenBildschirme, die auf jedes Smartphone passen: eine Zeile mit Expanded, Flexible und Spacer aufteilen, den Overflow-Fehler verstehen und beheben, Wrap, Stack und Positioned, SafeArea, maximale Breiten, Bildschirmgrößen und Breakpoints, Enums und switch, App-Themes und Dark Mode. Zum Abschluss erstellst du einen Musikplayer-Bildschirm.Eine Zeile teilen
4 Lektionen45Der Overflow-Fehler
5 Lektionen56Widgets stapeln
4 Lektionen45Größen und Breakpoints
4 Lektionen44Enums und switch
3 Lektionen33Designs und Dunkelmodus
5 Lektionen56Projekt: Musikplayer
Projekt5 Lektionen55Abschnitt 5
State Management
Abschnitt startenStartenAusklappenEinklappenDaten zwischen Widgets und Bildschirmen teilen: den State mit Werten und Callbacks nach oben verlagern, Dart für Model-Klassen, Provider mit ChangeNotifier, Riverpod mit ConsumerWidget, StateProvider und Notifier sowie wann du welche Lösung verwendest. Zum Abschluss erstellst du einen Warenkorb, der von zwei Bildschirmen gemeinsam genutzt wird.State nach oben weitergeben
4 Lektionen48Dart für Modelle
4 Lektionen48Provider
7 Lektionen714Riverpod
6 Lektionen612Projekt: Warenkorb
Projekt6 Lektionen68Abschnitt 6
Daten und Netzwerk
Abschnitt startenStartenAusklappenEinklappenApps, die auf Daten warten: Futures, async und await, Ladeindikatoren mit FutureBuilder, Fehlerbehandlung mit try und catch, JSON von einem Server in Dart-Klassen umwandeln, Aktualisieren per Herunterziehen sowie Datumsangaben und Preise mit intl. Zum Abschluss erstellst du eine Wetter-App.Futures
4 Lektionen46Ladebildschirme
5 Lektionen58Wenn Aufrufe fehlschlagen
5 Lektionen56JSON
5 Lektionen59Datumsangaben und Preise
3 Lektionen33Projekt: Wetter-App
Projekt5 Lektionen56Abschnitt 7
Projekte
Abschnitt startenStartenAusklappenEinklappenVier vollständige Apps, die du Schritt für Schritt mit allem erstellst, was du gelernt hast: eine To-do-Liste, ein Quiz, einen Shop mit Warenkorb und einen Gewohnheitstracker mit Serien und Dark Mode. Jede App wird zu einem ausgefeilten Ergebnis, das du anderen zeigen kannst.Projekt: To-do-Liste
Projekt9 Lektionen910Projekt: Quiz
Projekt9 Lektionen99Projekt: Shop
Projekt9 Lektionen99Projekt: Gewohnheitstracker
Projekt9 Lektionen99
Das bekommst du
Alles, was du zum Programmierenlernen nutzt
Lernen durch Tun
Schreibe echten Code, frage Datenbanken ab, erstelle Websites und meistere KI-Prompts. Unsere interaktiven Lektionen decken alle Fähigkeiten ab, die moderne Entwickler brauchen.
playground.js
Code-Editor
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3 return greeting + " " + name
4}
5
Test #1
Test #2
Test #3
Eingabe
"Alex"
Ausgabe
"Hello, Coddy! Alex"
Baue deine Serie auf
Bleib konsequent und sieh zu, wie dein Fortschritt wächst! Verfolge deine tägliche Programmiergewohnheit, schütze deine Serie mit Einfrieroptionen und verdiene Belohnungen für jeden Tag.
12 Tage Serie
Komm morgen zurück, um deine Serie zu halten!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Doppelt oder Nichts
Tag 5 von 7
Serie Einfrieren
2 left
Du bist nicht allein
Tritt auf globalen Bestenlisten an, lade Freunde ein, um Belohnungen zu verdienen, und feiert gemeinsam eure Erfolge. Programmieren macht mit Freunden mehr Spaß!
Herausforderer-LigaTop 7 steigen auf
1
Alex7+ Days
2840
2
Jordan7+ Days
2650
3
Sam7+ Days
2420
4
Casey
2180
5
Morgan7+ Days
1950
AufstiegszoneJeder Lernweg, alles dabei
Lies, höre, teste dich, frag die KI oder schlage nach, was du schon gelernt hast. Jede Lektion passt sich dir an.
Einführung in Variablen
Audio
Eine Variable ist ein benannter Container, der einen Wert speichert, auf den du später im Programm verweisen kannst.
In Python erstellst du eine, indem du den Namen, ein Gleichheitszeichen und dann den Wert schreibst.
Der Wert kann sich ändern. Eine neue Zuweisung verweist den Namen einfach auf einen neuen Wert.
1xSarah
Werde zertifiziert
Verdiene Zertifikate für jeden abgeschlossenen Kurs. Füge sie deinem LinkedIn-Profil und Lebenslauf hinzu, um Arbeitgebern deine Programmierkenntnisse zu zeigen.
AbschlusszertifikatHiermit wird bestätigt, dassMax Mustermannerfolgreich abgeschlossen hat
Python-Grundlagen
Python-Grundlagen
DatumJan. 2026
Zu LinkedIn hinzufügenWarum Flutter mit Coddy lernen
- Dein Code und deine App liegen nebeneinander. Drückst du Ausführen, wird die App auf den Servern von Coddy kompiliert und öffnet sich auf einem Handybildschirm neben dem Editor, ausgeführt von der Flutter-Web-Engine. Hot Reload zeigt deine Änderung und behält den Zustand der App, die Konsole zeigt die Ausgabe von
print()und Fehler. Drückst du Prüfen, wird die Lektion danach bewertet, was deine App auf dem Bildschirm zeigt. - Du brauchst weder Flutter noch Dart zu kennen. Der erste Abschnitt baut den Widget-Baum aus
Text, farbigen Boxen, Abständen,RowundColumn, Icons und Bildern und endet mit einer Visitenkarten-App. Im zweiten reagieren Apps auf dich: Buttons,StatefulWidgetundsetState,constundfinal, Textfelder, Schalter und Schieberegler, am Ende ein Trinkgeldrechner. - Apps mit mehr als einem Bildschirm: scrollende Listen, Karten und Raster, eigene Dart-Klassen, der Wechsel zwischen Bildschirmen, Tabs, ein Seitenmenü und Wischen zum Löschen. Dann Layouts, die auf jedes Handy passen:
Expanded,FlexibleundSpacer, der Overflow-Fehler und wie du ihn behebst,Stack,SafeArea, Breakpoints, Themes und Dark Mode. - Zustand und Daten so, wie echte Apps sie behandeln: Zustand nach oben verlagern,
Providermit einemChangeNotifier, Riverpod mitConsumerWidgetundNotifierund wann du was nimmst. Dann Futures,asyncundawait,FutureBuilder,tryundcatchund JSON von einem Server als Dart-Klassen, am Ende eine Wetter-App.
Häufige Fragen zum Flutter lernen
Muss ich Dart können, um Flutter zu lernen?
Nein. Flutter-Apps werden in Dart geschrieben, und dieser Kurs bringt dir das nötige Dart unterwegs bei: Variablen, Funktionen,
if, Klassen, async und await, jeweils dann, wenn eine App es zum ersten Mal braucht. Programmiererfahrung ist nicht nötig.Erst einen Dart-Kurs machen oder direkt mit Flutter anfangen?
Wenn du Apps bauen willst, fang hier an: Du schreibst ab der ersten Lektion eine Flutter-App und lernst Dart darin. Willst du zuerst die Sprache für sich, für Kommandozeilenprogramme oder tieferes Dart, mach vorher den Dart-Kurs. Danach geht dieser Kurs schneller.
Brauche ich Android Studio, einen Emulator oder ein Handy?
Nein. Deine App wird auf den Servern von Coddy kompiliert und läuft auf einem Handybildschirm in deinem Browser, also musst du kein Flutter SDK einrichten und keinen Emulator starten. Der Kurs läuft auf der Website, im Browser eines Computers oder Handys, nicht in den Coddy Apps. Willst du später eine App für Android oder iOS veröffentlichen, installierst du Flutter auf deinem eigenen Computer. Der Code von hier funktioniert dort weiter.
Welche Apps baue ich in diesem Flutter-Kurs?
Jeder Abschnitt endet mit einer App: eine Visitenkarte, ein Trinkgeldrechner, ein Rezeptbuch, ein Musikplayer-Bildschirm, ein Warenkorb über zwei Bildschirme und eine Wetter-App. Der letzte Abschnitt baut Schritt für Schritt vier weitere: eine To-do-Liste, ein Quiz, einen Shop mit Warenkorb und einen Gewohnheitstracker mit Serien und Dark Mode.
Ist der Flutter-Kurs kostenlos?
Ja. Die Lektionen, die App-Vorschau, die KI-Hinweise und die Zertifikate sind kostenlos. Mit einem kostenlosen Konto schaffst du jeden Tag einige Lektionen, Pro hebt das Tageslimit auf.
Bekomme ich ein Zertifikat für den Flutter-Kurs?
Ja. Jeder der 7 Abschnitte gibt dir nach dem Abschluss ein kostenloses Abschlusszertifikat mit eigener Seite, die du teilen oder bei LinkedIn eintragen kannst.
