App-Entwicklung lernen

Das lernst du

1. Kapitel 1Deine erste App: View und Text – Wie eine React-Native-App aufgebaut ist: die Komponente App, Kästen mit View, Text in Text, Stile mit StyleSheet und eigene Bausteine.
   Deine erste App · Text gehört in <Text> · Stile mit StyleSheet · Eigene Bausteine mit Props · Boss: deine digitale Visitenkarte
2. Kapitel 2Layout mit Flexbox – In React Native ist jede View eine Flexbox: Spalten und Zeilen, verteilen und ausrichten, Platz teilen mit flex und Abstände.
   Spalte oder Zeile: flexDirection · Verteilen und ausrichten · Platz teilen mit flex · Abstände: padding, margin und gap · Boss: Profil-Kopf
3. Kapitel 3Tippen und State – Apps reagieren auf den Finger: Pressable und Button mit onPress, Zustand mit useState, Anzeigen unter Bedingungen und Listen im State.
   Tippen mit Pressable · Der fertige Button · Anzeigen oder nicht: Bedingungen · State mit Listen und Objekten · Boss: Trink-Tracker
4. Kapitel 4Eingaben mit TextInput – Die Tastatur auf dem Handy: TextInput mit value und onChangeText, abschicken, prüfen, Passwörter und ein Anmelde-Bildschirm.
   Tippen mit TextInput · Eingaben abschicken · Eingaben prüfen · Passwörter und Tastaturen · Boss: Anmelde-Bildschirm
5. Kapitel 5Listen in Apps – Viele Einträge zeigen: map mit key, FlatList mit renderItem und keyExtractor, leere Listen und Trennlinien, Einträge hinzufügen, löschen und abhaken.
   Listen mit map und key · FlatList für lange Listen · Leere Listen, Kopf und Trenner · Einträge hinzufügen und löschen · Boss: Einkaufsliste mit Haken
6. Kapitel 6Bilder, Scrollen und Plattform – Image mit fester Größe, ScrollView für lange Seiten und Karussells, Stile kombinieren und Unterschiede zwischen iOS und Android.
   Bilder mit Image · Scrollen mit ScrollView · Stile kombinieren · iOS oder Android: Platform · Boss: Produktkarte
7. Kapitel 7Navigation zwischen Bildschirmen – Mehrere Bildschirme wie in jeder App: NavigationContainer und Stack, navigate, Parameter mitgeben, zurückgehen und useNavigation.
   Bildschirme im Stack · Weiter mit navigate · Daten mitgeben: Parameter · Zurück und useNavigation · Boss: Rezepte-App mit Favoriten
8. Kapitel 8Tabs und App-Aufbau – Die Tab-Leiste unten wie in fast jeder App: Bottom Tabs mit Symbolen und Badges, ein Stack in einem Tab und gemeinsame Daten mit Context.
   Die Tab-Leiste · Symbole und Badges · Ein Stack in einem Tab · Gemeinsame Daten mit Context · Boss: Lern-App mit Tabs und Favoriten
9. Kapitel 9Daten aus dem Netz – Apps holen Daten von Servern: fetch in useEffect, Ladeanzeige, Fehler abfangen, Daten senden und eine Wetter-App mit eigener API.
   Daten laden mit fetch · Ladeanzeige · Fehler beim Laden · Daten senden mit POST · Boss: Wetter-App
10. Kapitel 10Speichern und Gerät – Daten bleiben auf dem Handy: AsyncStorage, Listen als JSON speichern, Rückfragen mit Alert, Einstellungen mit Switch und eine Notiz-App, die sich erinnert.
    Speichern mit AsyncStorage · Listen speichern mit JSON · Rückfragen mit Alert · Einstellungen mit Switch · Boss: Notiz-App, die sich erinnert
11. Kapitel 11Projekt: Gewohnheiten-Tracker – Dein Abschlussprojekt Schritt für Schritt: Datenmodell, Abhaken mit Serien, neue Gewohnheiten, Statistik und die fertige App mit Tabs und Speicher.
    Das Datenmodell · Abhaken und Serien · Neue Gewohnheit anlegen · Statistik · Boss: Gewohnheiten-Tracker
12. Kapitel 12Profi-Wissen für Apps – Was gute Apps ausmacht: eigene Hooks, Barrierefreiheit, hell und dunkel, App-Konfiguration für den Store und ein Einstellungs-Bildschirm.
    Eigene Hooks · Barrierefreiheit · Hell und dunkel · App-Konfiguration für den Store · Boss: Einstellungs-Bildschirm
13. Kapitel 13SwiftUI: Bildschirme fürs iPhone – Apples moderner Weg zu iPhone-Apps, angeleitet: Views als struct, Text, VStack und HStack, Modifier und State mit @State.
    Eine View in SwiftUI · VStack, HStack und Spacer · Gestalten mit Modifiern · @State und Button · Boss: Trink-Tracker in SwiftUI
14. Kapitel 14SwiftUI: Listen, Eingaben und Navigation – Angeleitet weiter mit SwiftUI: List und ForEach, TextField mit Bindung, NavigationStack, Toggle und eine To-do-Liste.
    Listen mit List und ForEach · Eingaben mit TextField und $ · Navigation mit NavigationStack · Toggle und Bedingungen · Boss: To-do-Liste in SwiftUI
15. Kapitel 15Jetpack Compose: Android-Apps mit Kotlin – Googles moderner Weg zu Android-Apps, angeleitet: @Composable-Funktionen, Column und Row, Modifier, State mit remember und Listen mit LazyColumn.
    Eine Composable-Funktion · Row, Column und Modifier · State mit remember · Listen mit LazyColumn · Boss: Trink-Tracker in Compose
16. Kapitel 16Compose: Eingaben, Navigation und ViewModel – Angeleitet weiter mit Jetpack Compose: TextField, Listen mit mutableStateListOf, Navigation mit NavHost, Logik im ViewModel und eine Notiz-App.
    Eingaben mit TextField · Listen im State: mutableStateListOf · Navigation mit NavHost · Logik ins ViewModel · Boss: Notizen in Compose
17. Kapitel 17Flutter: eine Codebasis für iOS und Android – Googles Flutter mit Dart, angeleitet: Widgets, Layout mit Row, Column und Padding, StatefulWidget mit setState, Listen und ein Trink-Tracker.
    Alles ist ein Widget · Row, Column und Padding · StatefulWidget und setState · Listen mit ListView.builder · Boss: Trink-Tracker in Flutter
18. Kapitel 18Flutter: Eingaben, Navigation und Daten – Angeleitet weiter mit Flutter: TextField mit onChanged, Navigator, Daten laden mit http und FutureBuilder, Speichern mit shared_preferences und eine To-do-Liste.
    Eingaben mit TextField und onChanged · Navigation mit Navigator · Daten laden mit http und FutureBuilder · Speichern mit shared_preferences · Boss: To-do-Liste in Flutter

Abschlussprojekt: Dein Gewohnheiten-Tracker

Eine komplette App mit Tabs, Listen, Eingaben, gespeicherten Daten und Statistik.

So funktioniert's

Jede Lektion beginnt mit kurzen Erklärseiten. Danach übst du mit Auswahlfragen, Lückentexten, Code ordnen und eigenem Code – mit Hinweisen und sofortigem Feedback. Kostenlos, ohne Werbung, auf Handy, Tablet und PC.

Jetzt App-Entwicklung lernen