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:lu03:aufgaben:01 [2025/01/22 10:43] vdemiren:modul:m291:learningunits:lu03:aufgaben:01 [2025/03/03 08:09] (aktuell) vdemir
Zeile 1: Zeile 1:
 ====== LU03.A01 - Hello World in W3School-Playground ====== ====== LU03.A01 - Hello World in W3School-Playground ======
  
 +===== Learning Objectives =====
 +  - Learning how to make use of the W3School VUE playground
 +  - Recognizing the SFC structure of vue file
 +  
 ===== Prequisites  ===== ===== Prequisites  =====
   * Work type: Individual   * Work type: Individual
Zeile 6: Zeile 10:
     * [[https://www.w3schools.com/vue/index.php | W3School VUE Introduction]]     * [[https://www.w3schools.com/vue/index.php | W3School VUE Introduction]]
     * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_helloWorld|W3School VUE Playground]]     * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_helloWorld|W3School VUE Playground]]
-  * Timeframe: 15 Minutes +  * Timeframe: 10 Minutes 
-  * Expected result: Word/PDF-File with rephrased modul objectives in the student's own wordsincluding familiar and unfamiliar technical terms+  * Expected result: Copy of a vue scriptthat greets the world. Saved on the W3School workspace.
  
 ===== Introduction  ===== ===== Introduction  =====
-you have learnt that W3School provides us with a playground to mess around without any harm. As always, we start with our "Hello World".+You have learnt that W3School provides us with a playground to mess around without any harm. As always, we start with our "Hello World".
  
 ===== Assignments ===== ===== Assignments =====
   - Open the playground with the link above. You will be presented with a splited window on which on the right hand side you will see the coding area, and on the right hand side the result area.   - Open the playground with the link above. You will be presented with a splited window on which on the right hand side you will see the coding area, and on the right hand side the result area.
-  - Change the color of the "Hello World" +  - Currently there is a //Hello World// message with a lightgreen background. 
 +  - Add a new variable //message2// and greet with it the //Galaxy//
 +  - Change the background colour to //red//. 
 +  - Execute the changes by bushing the //RUN-Button//
 +  - Check the result . 
 ===== Solution ===== ===== Solution =====
-[[modul:en:m291:learningunits:lu03:loesungen:l01|Lösung]] +[[en:modul:m291:learningunits:lu03:loesungen:01|Lösung]]
- +
  
 ===== Vocabulary ===== ===== Vocabulary =====
 ^ English ^ German ^  ^ English ^ German ^ 
-prerequisites Voraussetzungen | +...... |
-| objective | Ziel / Zielvorstellung| +
-| technical terms | Fachbegriffe | +
-| means of aid | Hilfsmittel | +
-| to rephrase | umschreiben | +
  
 ---- ----
 [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir
- 
- 
  • en/modul/m291/learningunits/lu03/aufgaben/01.1737538992.txt.gz
  • Zuletzt geändert: 2025/01/22 10:43
  • von vdemir