Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu02:04 [2025/05/07 13:32] – vdemir
+++ en:modul:m291:learningunits:lu02:04 [2025/07/10 15:34] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU01d - LB2 - Learning objectives ======
+====== LU02d - LB2 - Inhalt ======
-===== Bewertung =====
+===== A: v-bind =====
-  - Sichtbares Ergebnis im Browser
+  * A1: Die 4 im Unterricht besprochenen Varianten anwenden können.
-  - Vollständigkeit der Auftragserledigung
+  * A2: Die einzelnen Varianten in eine andere Variante überführen können.
-  - Formalitäten: Filename, Ordnerstruktur, Titel, Inline-Kommentare
-===== Vorbereitung =====
+===== B: v-if =====
-  - Alle Lösungen zu den Aufträge sind im Webstorm in einer geeignet Ordnerstruktur abgelegt
+  * B1: Einfache, zweifache oder mehrfache Selektionen (Entscheidungen) nach Vorgaben realisieren können.
-  - Alle Lösungen haben einen der Aufgabe entsprechenden Namen: //lu05.s03.html//
+  * B2: Bestehende Selektionen nach Vorgaben erweitern können.
-  - Alle Lösungen haben den Filenamen und die Zielsetzung des Auftrages als //<h1>-tag//
+  * B3: Funktionen innerhalb von Selektionen anwenden können.
+  * B4: Logische Operatoren innerhalb von Selektionen anwenden können.
-===== Art der Fragen/Aufträge =====
+===== C: v-show =====
-  - Ergänzen von bestehenden Code nach Vorgaben (Quellzustand und Zielzustand als Screenshot)Bestehender Code muss ergänzt werden
+  * C1: Elemente/Obejkte (Text, link, Images) mit v-show ein und ausblenden können
-  - Eine Variante des Codes in eine andere Variante überführen köbbeb
-  -
+===== D: v-for =====
-===== Subject A =====
+  * D1: Sortierte oder Unsortierte Listen gemäss Vorgaben (z.B. Screenshot) erstellen können.
-  - **v-bind**
+  * D2: Ein- und mehrdimensionale Arrays nach Vorgabe (Text, Screenshot, ...) aufbauen können.
-  - **v-if**
+  * D3: Ein- und mehrdimensionale Arrays mit Hilfe von v-for anzeigen können
-  - **show**
-  - **v-for**
+===== E: events =====
-  - **events**
+  * E1: Tasten und Maus-Events nach Vorgaben erstellen können: Mouseover, Maus-rechts-click, Maus-links-click, Button-Click, Image-Clic, ....
-  - **methods**
+  * E2: Methoden gemäss Tasten - oder event-Eingabe aufrufen können.
+===== F: methods =====
+  * F1: Methoden nach Vorgaben anlegen oder anpassen können.
+  * F2: Argumente einer Methoden erweiteren und beim Aufruf (event) berücksichtigen können.
+  * F3: Methoden innerhalb von Methoden aufrufen können.
 ----