Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu03:aufgaben:01 [2025/01/21 07:28] – angelegt vdemir
+++ en:modul:m291:learningunits:lu03:aufgaben:01 [2025/03/03 08:09] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== aufgaben 1 ======
+====== LU03.A01 - Hello World in W3School-Playground ======
-requisites  =====
+===== Learning Objectives =====
-  * Work type: partner
+  - Learning how to make use of the W3School VUE playground
+  - Recognizing the SFC structure of vue file
+===== Prequisites  =====
+  * Work type: Individual
   * Means of aid:
-    * [[https://www.modulbaukasten.ch/module/291/1/de-DE?title=Oberfl%C3%A4chen-(UIs)-mit-Webtechnologien-entwickeln | Modul_ID_291]]
+    * [[https://www.w3schools.com/vue/index.php | W3School VUE Introduction]]
-    * Websearch for words only, no AI (use instead your brain)
+    * [[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 words, including familiar and unfamiliar technical terms
+  * Expected result: Copy of a vue script, that greets the world. Saved on the W3School workspace.
 ===== Introduction  =====
-The general idea of this task is to analyse the module objectives by separating known and unknown technical terms and rephrasing the module objectives in our own words. In this way, we should find out which competences we should have at the end.
+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 =====
-  - Read the first of the six module objectives carefully. Continue reading the details given in the sub-objectives.
+  - 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.
-  - Underline known and unknown.
+  - Currently there is a //Hello World// message with a lightgreen background.
-  - Summarize the main objective including the sub-objectives into an overarching statement in ENGLISH.
+  - Add a new variable //message2// and greet with it the //Galaxy//.
-  - Repeat steps 1 to 3 with the next main goal until you have added up all six meta-goals.
+  - Change the background colour to //red//.
-  - Read out the goal you formulated in the summer in plenary if you are called upon.
+  - Execute the changes by bushing the //RUN-Button//.
+  - Check the result .
 ===== Solution =====
-[[modul:en:m291:learningunits:lu03:loesungen:l01|Lösung]]
+[[en:modul:m291:learningunits:lu03:loesungen:01|Lösung]]
 ===== Vocabulary =====
 ^ 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