en:modul:m291:learningunits:lu03:aufgaben:01

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:59] – vdemiren:modul:m291:learningunits:lu03:aufgaben:01 [2025/03/03 08:09] (aktuell) – vdemir
Zeile 3: Zeile 3:
 ===== Learning Objectives ===== ===== Learning Objectives =====
   - Learning how to make use of the W3School VUE playground   - Learning how to make use of the W3School VUE playground
 +  - Recognizing the SFC structure of vue file
      
 ===== Prequisites  ===== ===== Prequisites  =====
Zeile 10: Zeile 11:
     * [[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: 10 Minutes   * Timeframe: 10 Minutes
-  * Expected result: Word/PDF-File with rephrased modul objectives in the student's own words, including familiar and unfamiliar technical terms+  * Expected result: Copy of a vue script, that 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 1 =====+===== 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 already existing text //Hello Pink Galaxy// +  - Currently there is a //Hello World// message with a lightgreen background. 
-  - Execute the change by bushing the //RUN-Button// +  - Add a new variable //message2// and greet with it the //Galaxy//. 
-  - Check the result  +  - Change the background colour to //red//. 
- +  - Execute the changes by bushing the //RUN-Button//. 
-===== Assignment 2 ===== +  - Check the result .
-  - Create a second css-class //.blueBG// in analogy to //.pinkBG// which changes the background colour to lightBlue. +
-  - Make use of it i the //script// area +
-  - Execute the change 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 ^ 
 | ...| ... | | ...| ... |
- 
- 
  
 ---- ----
 [[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.1737539962.txt.gz
  • Zuletzt geändert: 2025/01/22 10:59
  • von vdemir