Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
| de:modul:m307:learningunits:lu02:loesungen:07 [2026/04/07 14:36] – [Teil 3: JSON-Daten erweiteren] vdemir | de:modul:m307:learningunits:lu02:loesungen:07 [2026/04/07 15:28] (aktuell) – [Teil 4: Filterliste ergänzen] vdemir | ||
|---|---|---|---|
| Zeile 12: | Zeile 12: | ||
| - Neues Filterfeld anlegen - 10 Min. | - Neues Filterfeld anlegen - 10 Min. | ||
| - | **Teil 0: Einleitung + Aufgabenvorbesprechung** | + | **Erklärvideo: Einleitung + Aufgabenvorbesprechung** |
| - | {{: | + | {{: |
| - | ==== Teil 1: Code importieren + Inhalt testen ==== | + | **Erklärvideo: |
| + | |||
| + | {{: | ||
| + | |||
| + | ==== Code importieren + Inhalt testen ==== | ||
| - Legen Sie im VS Code einen Ordner mit dem Namen lu02_l07 an. | - Legen Sie im VS Code einen Ordner mit dem Namen lu02_l07 an. | ||
| Zeile 23: | Zeile 27: | ||
| - Filtern Sie die Liste nach //Namen// und Hobbies. | - Filtern Sie die Liste nach //Namen// und Hobbies. | ||
| - | **Teil1: Importieren und testen** | + | **Erklärvideo: Importieren und testen** |
| - | {{: | + | {{: |
| - | ==== Teil 2: JSON-Daten ergänzen ==== | + | |
| + | ==== JSON-Daten ergänzen ==== | ||
| - Aktuell sind 10 Datensätze im JSON-File. Legen Sie weitere mindestens 10 Datensätze (Personen an). | - Aktuell sind 10 Datensätze im JSON-File. Legen Sie weitere mindestens 10 Datensätze (Personen an). | ||
| - Testen Sie die Änderung im Browserfenster (anzeigen + filtern). | - Testen Sie die Änderung im Browserfenster (anzeigen + filtern). | ||
| - | **Teil 2: Neue Datensätze anlegen** | + | **Erklärvideo: Neue Datensätze anlegen** |
| - | + | ||
| - | {{: | + | |
| - | + | ||
| + | {{: | ||
| ==== Teil 3: JSON-Daten erweiteren ==== | ==== Teil 3: JSON-Daten erweiteren ==== | ||
| Zeile 42: | Zeile 44: | ||
| - Hinweis: Die neuen Hobbies werden zwar angezeigt, man kann aber aktuell nicht nach diesen Filtern, weil die Filter noch nicht angepasst wurden. | - Hinweis: Die neuen Hobbies werden zwar angezeigt, man kann aber aktuell nicht nach diesen Filtern, weil die Filter noch nicht angepasst wurden. | ||
| - | **Teil 3: Daten erweiteren durch weitere Hobbies** | + | **Erklärvideo: Daten erweiteren durch weitere Hobbies** |
| {{: | {{: | ||
| - | ==== Teil 4: | + | ==== Teil 4: |
| - Damit wir nach den Hobbies filtern können, müssen wir uns // | - Damit wir nach den Hobbies filtern können, müssen wir uns // | ||
| - Ergänzen Sie also im entsprechenden div des HTML-Formulars die Liste der Checkboxen mit den neuen Hobbies //Gamen// und // | - Ergänzen Sie also im entsprechenden div des HTML-Formulars die Liste der Checkboxen mit den neuen Hobbies //Gamen// und // | ||
| - Testen Sie die Filter-Erweitung: | - Testen Sie die Filter-Erweitung: | ||
| - Testen Sie die Funktion des Filters: Die Liste sollten nun auch nach den Hobbies //Gamen// und //Reisen// gefiltert werden können. | - Testen Sie die Funktion des Filters: Die Liste sollten nun auch nach den Hobbies //Gamen// und //Reisen// gefiltert werden können. | ||
| - | - | ||
| - | |||
| + | **Erklärvideo: | ||
| + | {{: | ||