BZZ - Modulwiki - en:modul:m291:learningunits:lu05:aufgaben

LU05.A01 - VUE Directives - Control questions

Anonymous (anonymous@undisclosed.example.com) — 2025-01-24T10:36:06+00:00

LU05.A01 - VUE Directives - Control questions Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 5 Minutes * Expected result: A Word/PDF file with the answers of the control questions.

LU05.A02 - VUE Directives warm up

Anonymous (anonymous@undisclosed.example.com) — 2025-03-27T14:55:08+00:00

LU05.A02 - VUE Directives warm up Learning objectives * Binding CSS-Style to the HTML by using v-bind directive Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 10 Minutes

LU05.A03 - v-bind with src

Anonymous (anonymous@undisclosed.example.com) — 2025-03-28T08:41:13+00:00

LU05.A03 - v-bind with src Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 10 Minutes * Expected result: The picture in the example code has changed. The src are locally and globally referenced.

LU05.A04 - v-bind with css-class

Anonymous (anonymous@undisclosed.example.com) — 2025-03-28T08:47:30+00:00

LU05.A04 - v-bind with css-class Prerequisites * Work type: Individual * 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.

LU05.A05 - v-bind with style

Anonymous (anonymous@undisclosed.example.com) — 2025-02-07T12:05:04+00:00

LU05.A05 - v-bind with style Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 10 Minutes * Expected result: The picture in the example code has changed. Learning objectives

LU05.A06 - v-bind with shorthand

Anonymous (anonymous@undisclosed.example.com) — 2025-03-28T08:52:51+00:00

LU05.A06 - v-bind with shorthand Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 10 Minutes * Expected result: Script that used the v-bind in the short-hand version. Learning objectives

LU05.A07 - v-if (simple)

Anonymous (anonymous@undisclosed.example.com) — 2025-03-18T06:45:27+00:00

LU05.A07 - v-if (simple) Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 5 Minutes * Expected result: Vue script that displays HTML elements based on input values. Learning objectives

LU05.A08 - v-if with numbers instead of bool

Anonymous (anonymous@undisclosed.example.com) — 2025-03-18T06:46:01+00:00

LU05.A08 - v-if with numbers instead of bool Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 10 Minutes * Expected result: A Vue script that displays HTML elements based on input values.

LU05.A09 - v-else-if and v-else

Anonymous (anonymous@undisclosed.example.com) — 2025-03-28T07:27:10+00:00

LU05.A09 - v-else-if and v-else Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 15 Minutes * Expected result: A Vue script that displays HTML elements based on input values.

LU05.A10 - v-if and functions

Anonymous (anonymous@undisclosed.example.com) — 2025-03-28T09:55:18+00:00

LU05.A10 - v-if and functions Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 15 Minutes * Expected result: A Vue script that displays HTML elements based on input values.

LU05.A11 - v-if, v-else ... combined with AND/OR operators

Anonymous (anonymous@undisclosed.example.com) — 2025-03-28T08:15:40+00:00

LU05.A11 - v-if, v-else ... combined with AND/OR operators Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 20 Minutes * Expected result: A Vue script that displays HTML

LU05.A12 - v-show simple applied to texts

Anonymous (anonymous@undisclosed.example.com) — 2025-03-28T08:33:39+00:00

LU05.A12 - v-show simple applied to texts Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 10 Minutes * Expected result: A Vue script that fades-in and fades-out a given text.

LU05.A13 - v-show applied to images

Anonymous (anonymous@undisclosed.example.com) — 2025-03-20T09:54:01+00:00

LU05.A13 - v-show applied to images Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 15 Minutes * Expected result: A Vue script that fades-in and fades-out images. Learning objectives

LU05.A14 - v-show and v-if combined

Anonymous (anonymous@undisclosed.example.com) — 2025-03-28T10:36:19+00:00

LU05.A14 - v-show and v-if combined Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 15 Minutes * Expected result: A Vue script that uses both directives, v-if and v-show.

LU05.A15 - v-for list rendering

Anonymous (anonymous@undisclosed.example.com) — 2025-03-28T10:38:33+00:00

LU05.A15 - v-for list rendering Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 10 Minutes * Expected result: A Vue script that uses the directives v-for with

LU05.A16 - v-for list with 2-dimensional arrays

Anonymous (anonymous@undisclosed.example.com) — 2025-03-28T11:02:19+00:00

LU05.A16 - v-for list with 2-dimensional arrays Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 20 Minutes * Expected result: A Vue script that uses the v-for directive

LU05.A17 - v-for with 2-dimensional-arrays and v-if

Anonymous (anonymous@undisclosed.example.com) — 2025-03-28T11:12:26+00:00

LU05.A17 - v-for with 2-dimensional-arrays and v-if Prerequisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 20 Minutes * Expected result: A Vue script that uses the v-for directive combined with v-if

LU05.A18 - combined usage of several directives

Anonymous (anonymous@undisclosed.example.com) — 2025-03-31T14:34:47+00:00

LU05.A18 - combined usage of several directives Pre-requisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 80 Minutes * Expected result: A Vue script that uses all issued directives:

LU05.A20 - Knowledge Transer to Webstorm

Anonymous (anonymous@undisclosed.example.com) — 2025-04-08T07:36:56+00:00

LU05.A20 - Knowledge Transer to Webstorm Pre-requisites * Work type: Individual * Means of aid: only teaching materials, no websearch, no use of ai. * Timeframe: 70 Minutes * Expected result: TheVUE-Script 2 to 18 are transfered to Webstorm in the required directory structure.