en:modul:m291:learningunits:lu05:aufgaben:03

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:03 [2025/01/23 09:22] – vdemiren:modul:m291:learningunits:lu05:aufgaben:03 [2025/03/28 09:41] (aktuell) – [Assignment] vdemir
Zeile 1: Zeile 1:
-====== LU05.A03 - v-bind ======+====== LU05.A03 - v-bind with src  ======
  
 ===== Prerequisites  ===== ===== Prerequisites  =====
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: 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 ===== ===== 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 ======
-  - 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 accordingly. 
 +  - 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//.   - 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 ===== ===== Solution =====
Zeile 23: Zeile 29:
 ===== Vocabulary ===== ===== Vocabulary =====
 ^ English ^ German ^  ^ English ^ German ^ 
-| as well| ebenfalls | +| ... | ... |
-| be advised that | Ich weise Sie darauf hin, that | +
  
  
  • en/modul/m291/learningunits/lu05/aufgaben/03.1737620534.txt.gz
  • Zuletzt geändert: 2025/01/23 09:22
  • von vdemir