Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu05:aufgaben:03 [2025/01/23 10:14] – vdemir
+++ en:modul:m291:learningunits:lu05:aufgaben:03 [2025/02/07 13:04] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU05.A03 - v-bind TBD  ======
+====== LU05.A03 - v-bind with src  ======
 ===== Prerequisites  =====
@@ Zeile 5: / Zeile 5: @@
   * Means of aid: only teaching materials, no websearch, no use of ai.
   * Timeframe: 10 Minutes
-  * Expected result: The background color im example code is adjusted as defined in the assignment.
+  * Expected result: The picture in the example code has changed. The src are locally and globally referenced.
+===== Learning objectives =====
+  - Be able to bind global and local ressources with the v-bind directive
 ===== Source =====
-  * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_v-bind_1|Code-example: v-bind Directive]]
+  * [[https://www.w3schools.com/vue/tryit.php?filename=tryvue_v-bind_src |Code-example: v-bind Directive src]]
-===== Assignment ======
+===== Assignment 1: Global src ======
-  - Change the background colour from //lightPink// to //lightBlue//.
+  - Find a on the internet a picture of your choice and copy the url to it.
-  - Create a new CSS-Class //blueBG// in analogy to //pinkBG//). Make sure to belabour the DIVs within the script part as well.
+  - Overwrite the code line in the given sourcecode
   - Execute your script by having it //run//.
-  - Save your solution within W3-Save-Area.
+  - Save your solution accordingly. Therefore you might need a W3-School-Account.
-      * Therefore you might need a W3-School-Account.
-      * Be advised to name you script accordingly, i.e. //20250203_vueDirectives_01//. This will be helpful when preparing for the exams.
 ===== Solution =====
 [[en:modul:m291:learningunits:lu05:loesungen:03|Lösung]]
+===== Assignment 2: local src =====
+  - Download another picture of your choice.
+  - Create in your W3 workingspace a directory //media// and save the downloaded picture there
+  - overwrite the url in the app to display your new local picture
+  - Execute your script by having it //run//.
+  - Save your solution accordingly. Therefore you might need a W3-School-Account.
+===== Solution =====
+[[en:modul:m291:learningunits:lu05:loesungen:03_2|Lösung]]
 ===== Vocabulary =====
 ^ English ^ German ^
-| as well| ebenfalls |
+| ... | ... |
-| be advised that | Ich weise Sie darauf hin, that |