en:modul:m291:learningunits:lu05:aufgaben:15

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
en:modul:m291:learningunits:lu05:aufgaben:15 [2025/03/21 15:35] – vdemiren:modul:m291:learningunits:lu05:aufgaben:15 [2025/03/28 11:38] (aktuell) – [Assignment 1] vdemir
Zeile 5: Zeile 5:
   * Means of aid: only teaching materials, no websearch, no use of ai.   * Means of aid: only teaching materials, no websearch, no use of ai.
   * Timeframe: 10 Minutes   * Timeframe: 10 Minutes
-  * Expected result: A Vue script that uses both directives, v-for+  * Expected result: A Vue script that uses the directives v-for with <ol> and <ul>
  
 ===== Learning objectives ===== ===== Learning objectives =====
Zeile 13: Zeile 13:
  
 ===== Source ===== ===== Source =====
-  * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_v-for_foodText | v-for code-example]]+[[https://www.w3schools.com/vue/tryit.php?filename=tryvue_v-for_foodText | v-for code-example]]
  
-===== Assignment 1 ======+===== Assignment ======
 Data is often available as lists/arrays (concatenation of persons, for example). Previously, we prepared these lists in JavaScript using a loop and passed them to HTML for display. With v-for, we can now use the loop directly in JS, which makes things a lot easier. Data is often available as lists/arrays (concatenation of persons, for example). Previously, we prepared these lists in JavaScript using a loop and passed them to HTML for display. With v-for, we can now use the loop directly in JS, which makes things a lot easier.
  
-  - Go to the link to the task mentioned in the source and save it with the appropriate name in your W3School workspace. +  - Click on the provided link above and it with the appropriate name in your W3School workspace. 
-  - Let it run with **Run**. You will see that the array data in the script part is now displayed numbered in the browser.   +  - Execute it with **Run**. You will see that the array data in the script part is now displayed numbered in the browser.   
   - Add 3-4 more entries to your food list, at the beginning, the middle part, and the end.   - Add 3-4 more entries to your food list, at the beginning, the middle part, and the end.
   - Change the <ol>-tag to  <ul>-tag.   - Change the <ol>-tag to  <ul>-tag.
Zeile 30: Zeile 30:
 ===== Solution ===== ===== Solution =====
 [[en:modul:m291:learningunits:lu05:loesungen:15|Lösung]] [[en:modul:m291:learningunits:lu05:loesungen:15|Lösung]]
 +
 +
  
  
Zeile 35: Zeile 37:
 ===== Vocabulary ===== ===== Vocabulary =====
 ^ English ^ German ^  ^ English ^ German ^ 
-| bulb | Glühbirne |+| ... | ... |
  
  
  • en/modul/m291/learningunits/lu05/aufgaben/15.1742567729.txt.gz
  • Zuletzt geändert: 2025/03/21 15:35
  • von vdemir