Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung | |||
en:modul:m291:learningunits:lu05:aufgaben:20 [2025/04/08 09:28] – [Source] vdemir | en:modul:m291:learningunits:lu05:aufgaben:20 [2025/04/08 09:36] (aktuell) – [Assignment] vdemir | ||
---|---|---|---|
Zeile 14: | Zeile 14: | ||
===== Assignment | ===== Assignment | ||
- | Programming within an emulator e.g. **W3School | VUE** is nice, but not really programming. Thus we need to transfer our script to the Webstorm | + | Programming within an emulator e.g. **W3School | VUE** is nice, but not really programming. Thus, we need to transfer our script to the Webstorm |
- | - Transfer your solutions vom assignment 2 to 18 to the Webstorm Codeeditor | ||
- | - Use a directory structure | ||
- | - 01_v-bind: assignment 2 - 6 | ||
- | - 02_v-if: assignment 7 - 11 | ||
- | - 03_v-show: assignment 12 - 14 | ||
- | - 04_v-for: assignment 15 - 17 | ||
- | - 05_combined: | ||
- | - Make sure that each solution is properly named after the assignment (e.g. lu05.s10.html) and the name of the assignment is displayed as <h1> | ||
- | - Test the correctness of the transfer by executing the script (Browser Button on the right upper corner of the window). | ||
- | - if not already done, add comments as HTML or JS comments to your to note down important insights to your code | ||
- Create a directory **media** and safe the requiered images in it. | - Create a directory **media** and safe the requiered images in it. | ||
+ | - Transfer your solutions from the assignments 2 to 18 to the Webstorm code-editor | ||
+ | - Remember a simple best-practise: | ||
+ | - Use the following directory structure | ||
+ | - **01_v-bind**: | ||
+ | - **02_v-if**: | ||
+ | - **03_v-show**: | ||
+ | - **04_v-for**: | ||
+ | - **05_combined**: | ||
+ | - Make sure, that each solution is properly named after the assignment (e.g. **lu05.s10.html**) and the name of the assignment is displayed as <h1> | ||
+ | - Delete all unnecessary code-parts. | ||
+ | - **Test the correctness** of the transfer by executing the script (Browser Button on the right upper corner of the window). | ||
+ | - if not already done, **add comments** as HTML or JS notation to note down important insights to your code | ||
+ | | ||
{{: | {{: | ||
+ | ===== Vocabulary ===== | ||
+ | ^ English ^ German ^ | ||
+ | | insight | Einsicht, Einblick | | ||
+ | | mere | bloss, nur ein ... | | ||
+ | | thus | folglich, somit | | ||
+ | |||
+ | ---- | ||
+ | [[https:// | ||
===== Solution ===== | ===== Solution ===== |