Lektionen
React baut Web-Apps aus Komponenten, die die Seite selbst aktualisieren. Damit entwickelst du eine App für ein Musikfestival mit Programm, Lieblingsbands und Ticketformular.
Lektionen
Lektion 1
Finde dich in den Dateien einer React-App zurecht, schreibe eigene Komponenten und behebe Fehler.
Für die Lektion bekommst du 60 XP
Lektion 2
Schließe jedes Tag, verwende className und htmlFor und setze Werte mit geschweiften Klammern in JSX ein.
Für die Lektion bekommst du 105 XP
Lektion 3
Teile eine Seite in Komponenten auf, jede in einer eigenen Datei, und verbinde sie mit import und export.
Für die Lektion bekommst du 70 XP
Lektion 4
Schicke Daten mit Props in Komponenten, lege Standardwerte fest und gib Inhalt als children weiter.
Für die Lektion bekommst du 95 XP
Lektion 5
Verwandle Arrays mit map() und Keys in Listen und bestimme mit ? : und &&, was angezeigt wird.
Für die Lektion bekommst du 110 XP
Checkpoint
Baue ein Rezeptbuch: Karten mit Zutatenlisten, Abzeichen für Vegetarisch und Schnell und Kapitel.
Für die Lektion bekommst du 35 XP
Lektion 7
Reagiere mit onClick auf Klicks und mit onChange auf Eingaben und gib Handler als Props weiter.
Für die Lektion bekommst du 65 XP
Lektion 8
Lass die Seite sich mit useState verändern und aktualisiere Zahlen, Arrays und Objekte im State.
Für die Lektion bekommst du 130 XP
Lektion 9
Steuere Felder mit value und onChange, sende Formulare mit onSubmit und zeige Fehlermeldungen an.
Für die Lektion bekommst du 90 XP
Checkpoint
Baue ein Quiz-Spiel, das Antworten prüft, die Punkte zählt und mit „Nochmal spielen“ von vorn beginnt.
Für die Lektion bekommst du 40 XP
Lektion 11
Hebe State in App hoch, um ihn zu teilen, und berechne Anzahlen und Listen, statt sie zu speichern.
Für die Lektion bekommst du 60 XP
Lektion 12
Führe Code mit useEffect aus, bestimme mit Abhängigkeiten, wann er läuft, und lade Daten mit fetch().
Für die Lektion bekommst du 95 XP
Checkpoint
Baue eine Stoppuhr, die Zehntelsekunden zählt, startet und stoppt, zurückgesetzt werden kann und Runden festhält.
Für die Lektion bekommst du 35 XP
Lektion 14
Setze mit useRef den Cursor in Felder, schreibe Hooks wie useLocalStorage und lerne die Regeln für Hooks.
Für die Lektion bekommst du 55 XP
Lektion 15
Baue eine Karteikarten-App, die Karten umdreht, eigene Wörter hinzufügt und sich merkt, was du kannst.
Für die Lektion bekommst du 85 XP
React ist die am häufigsten verwendete Bibliothek zum Bauen von Web-Apps. Der Kurs behandelt JSX, Komponenten und Props, Listen, Ereignisse, State, Formulare, das Teilen von State zwischen Komponenten, Effekte, die Daten laden und Timer starten, Refs und eigene Hooks.
Er richtet sich an alle, die HTML, CSS und JavaScript kennen. Du baust Schritt für Schritt eine App für ein Musikfestival, ein Rezeptbuch, ein Quiz-Spiel und eine Stoppuhr, und im Abschlussprojekt entsteht eine Karteikarten-App, die sich merkt, was du schon gelernt hast.