Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu19:theorie:05 [2025/05/12 16:37] – angelegt vdemir
+++ en:modul:m291:learningunits:lu19:theorie:05 [2025/06/26 10:27] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU19a - Task 05: v-bind  ======
+====== LU19a - Aufgabe 1 / Task 05: v-bind, v-for ======
+===== Administration =====
+Füllen Sie die nachfolgenden Felder aus:
+**Klasse:** ....................................
+**Vorname:** .................................
+**Name:** ......................................
+===== Vorarbeit =====
+  * Sie können als Vorlage für diese Aufgabe die Lösung **LU05.S17.html** verwenden.
+===== Ausgangslage =====
+Beim Auftrag **LU05.S17.html** haben wir verschiedene Gerichte in einem Array verwaltet und mit der directive **v-for** ausgegeben. Manche Gerichte mochten wir, andere wiederum nicht.
+  * Status OK: rote Meldung
+  * Status NOK: grüne Meldung
+  * Alle relevanten Informationen wurden in einem mehrdimensionalen Array gespeichert.
+{{:en:modul:m291:learningunits:lu19:theorie:a04_start.png?400|}}
+===== Auftrag =====
+  * Zu jedem Gericht soll gespeichert werden, wie oft man das Gerichte genossen bzw. nicht gern gemocht hat.
+  * Die Bildschirm-Meldungen müssen entsprechend angepasst werden:
+    * Status OK: Ich genoss das .... ? mal!
+    * Status NOK: Ich hatte das ... ? mal nicht gerne!
+**Hinweis**
+  * Die verwendete Sprache kann Deutsch oder Englisch sein.
+  * Welche Gerichte gemocht und welche Gerichte nicht gemocht wurden, kann ausgewählt werden.
+  * Am Ende müssen beide Stati OK und NOK im Ergebnis ersichtlich sein.
+  * Lediglich die Gerichte, die ich mag, sollen als Image gezeigt werden.
+==== Zielzustand ====
+In diesem Fall hatte ich 4 Gerichte gerne:
+  * Burrito 5 mal
+  * Salat 3 mal
+  * Kuchen 4 mal
+  * Fisch 8 mal
+Hingegen hatte ich nicht gerne:
+  * Suppe 2 mal
+  * Pizza 6 mal
+  * Reis 4 mal
+==== Abbildung ====
+{{:en:modul:m291:learningunits:lu19:theorie:t05_ziel.png?500|}}
+-----
+[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir