Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu05:loesungen:01 [2025/01/22 08:53] – angelegt vdemir
+++ en:modul:m291:learningunits:lu05:loesungen:01 [2025/02/06 11:34] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== L05.S01 =====
+====== LU05.S01 - Vue Directives - Control questions ======
-* Sie können gerne eine Zusammenfassung von ChatGPT erstellen lassen.
+===== Notes =====
-* Wichtig dabei ist allerdings, dass Sie den Output VERSTEHEN.
+  * You are free to use ChatGPT to summarize the content.
+  * Regardless which additional means you use, comrehending the content is crucial to developing your competence.
-#### Antworten auf die Kontrollfragen
+**1. Explain what is meant by the term directives**
-. <b>Was ist unter dem Begriff <i>directives</i> zu verstehen?</b><br>
-	Unter <i>directives</i> sind spezielle HTML-Attribute zu verstehen, die Programmierung einer Webseite reaktiver machen.<br>
-. <b>Welche Beispiele werden genannt und welche Funktion steckt dahinter?</b>
-	| Directive | Details |
+//directives// are special HTML-attributes which are helping us to programm website more easyly and reactively.
-	|-----------|---------|
-	| v-bind    | Verbindt ein HTML-Attribut Tag mit Daten im VUE |
+**2. Give some concrete examples for directives and explain them briefly **
-	| v-on      | Verbindete HTML-Tag mit einem Event wie Mausclick, etc. |
-	| v-if	    | Erstellt  HTML tags, die auf Bedingungen aufbauen. v-if wird häufig auch in Verbindung mit v-else-if und v-else angewendet. |
+^Directive ^ Details ^
-	| v-show	| Spezifische v-if Anweisungen, die ein HTML-Element nur einzeigt, wenn eine Bedingung erfüllt ist. |
+| v-bind | Connects the HTML-attributes tags regarding data with the VUE Framework |
-	| v-for	    | Erstellt eine Liste von Tags, die aus einem VUE-array basierend auf einer for-Schleife stammt. |
+| v-on   | Connects the HTML-attributes tags regarding events i.e. Mausclick, etc. with VUE |
-	| ...       | ... Weitere directives werden wir im Laufe des Semesters kennen lernen. |
+| v-if	 | Creates HTML tags that are based on conditions. v-if is often used in conjunction with v-else-if and v-else. |
-<br>
+| v-show | Specific v-if statement that only visible if a condition is fulfilled. |
-. <b>Welchen grossen Vorteil bietet der Einsatz von <i>directives</i> an?</b> <br>
+| v-for	 | Creates a list of tags, which are sourced by a VUE array |
-	Responsive Webseiten benötigen weniger JavaScrip-Kenntnisse als in der traditionellen JS-Programmierung. JavaScript-Funktionalitäten werden also ins HTML ausgelagert.
+| ...    | There are more directives  for which we unfortunately have not the time to explore. |
+** 3. What are the major advantages of using directives? **
+Programming responsive websites is possible without JavaScript knowlege by outsourcing the JS-functionalities to HTML. That means that HTML is augmented by VUE in order to do it without JS.
+===== Vocabulary =====
+^ English ^ German ^
+| augmented| ergänzt, verbessert|
+----
+[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir