Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m287:learningunits:lu00:11 [2026/03/25 08:13] – vdemir
+++ de:modul:m287:learningunits:lu00:11 [2026/04/10 08:46] (aktuell) – vdemir
@@ Zeile 8: / Zeile 8: @@
   * LU04: Displays
-Zur Vorbereitung können Sie sich an den nachfolgenden Vorgaben bzw. Aufgabenstellungen orientieren. Jede/r Kandidat/in muss innerhalb der Zeitvorgabe je eine Aufgabe aus den nachfolgenden Kapiteln bearbeiten. <color #ed1c24>Die Auswahl der Aufgaben wird im Fachgespräch zufällig ausgewählt.</color>
+Zur Vorbereitung können Sie sich an den nachfolgenden Vorgaben bzw. Aufgabenstellungen orientieren. Jede/r Kandidat/in muss innerhalb der Zeitvorgabe je eine Aufgabe aus den nachfolgenden Kapiteln bearbeiten. <color #ed1c24>Die Auswahl der Aufgaben wird am Anfang des Fachgesprächs zufällig ausgewählt.</color>
-**1. Formales**
+**1. Benötigtes Fachvokabular**
+  - HTML-Kommentar-Start, HTML-Kommentar-Ende, CSS-Kommentar-Start, CSS-Kommentar-Ende
+  - HTML-Elemente/Tags, Property, Property-Wert
+  - Typselektor, Klassenselektor, ID-Selektor, Pseudo-Klasse
+  - Box-Modell, margin, padding, border, width, top, bottom, right, left
+  - font-size, font-type, font-family, Border-Styles, solid, dotted, double, dashed, inset, outset, ridge, grove
+  - Verweise, Anker-Tag, relativer Pfad, absoluter Pfad, ROOT-directory/Wurzuelverzeichnis/, Sub-Directory/Unterverzeichnis, Top-Directory/Oberverzeichnis
+  - White-Spaces
+**2. Formales**
   - Codestruktur ist nach Best-Practise (Codeebenen, Klammerung, ...)
-  - Kommentieren Sie das Script nach Best-Practise (Autor, Datum, Beschreibung, ...)
+  - Script-Header: Kann HTMl- und CSS-Script nach Best-Practise (Autor, Datum, Beschreibung, ...) kommentieren.
-  - Kommentieren Sie die Methode nach Best-Practise (Autor, Datum, Beschreibung, Inputparameter, Returnvalue).
+  - Script-Code: Kann HTMl- und CSS-Script nach Best-Practise incode (Abschnitte, Seiteneffekte, Aufgabenteile, ...) kommentieren.
-  - Umgang mit der eigenen Entwicklungsumgebung und den eigenen Scripten.
-**2. Benötigtes Fachvokabular**
+**3. LU01 - Verweise und URL-Aufbau**
-  - Schlüsselwörter zur Variablendeklaration, Initialisierung/Initialwert, Returnvalue/Rückgabewert, Konstante, Variable
+  - Aufbau von relativen und absoluten Pfaden darlegen und exemplarisch aufzeigen können
-  - Geschweifte Klammer, runde Klammer, eckige Klammer, Programmblock, Scope/Gültigkeitsbereich
+  - Ressourcen (Bilder, Videos) auf dem eigenen Computer, unter Verwendung von //relativen Pfaden// ins HTML einbinden können.
-  - Methode/Funktion, Inputparameter, lokaler Parameter
+  - Ressourcen (Bilder, Videos) auf dem eigenen Computer, unter Verwendung von //absoluten Pfaden// ins HTML einbinden können.
-  - Schleife, Startbedingung, Laufbedingung, Endbedingung, Schrittweite
+  - Problematik von White-Spaces im File- oder Pfadnamen erklären und Lösung vorschlagen können.
-  - Selektion, Vergleichsoperator, Vergleich, Zuweisung
+  - White-Space-Fehler in File- und Pfadnamen erkennen und beheben können.
-**3. LU01 - Script4Fun - Allgemein**
+**4. LU02 - CSS-Selektoren **
-  - Erstellen Sie eine Methode/Funktion, die bei Aufruf einen Gruss auf der Konsole ausgibt.
+  - Typ-Selektoren erklären und auf HTML-Elemente anwenden können.
-  - Ergänzen Sie die Methode/Funktion xyz, die eine bestimmte Person grüsst. Der Name wird als Inputparameter übergeben.
+  - Klassen-Selektoren erklären und auf HTML-Elemente anwenden können.
-  - Erstellen Sie eine Methode mit dem Namen und eine Zahl x (zwischen 1 und 10) als Inputparameter. In der Methode wird die Person x mal gegrüsst. Ausgabe: "Hallo Volkan, zum x. Mal". Die Anzahl ist Aufsteigend.
+  - ID-Selektoren erklären und auf HTML-Elemente anwenden können.
-  - Erstellen Sie eine Methode mit dem Namen und eine Zahl y (zwischen 10 und 1) als Inputparameter. In der Methode wird die Person x mal gegrüsst. Ausgabe: "Hallo Volkan, zum y. Mal". Die Anzahl ist absteigend.
+  - Pseuden-Klassen erklären und auf HTML-Elemente anwenden können:
+    - hover
+    - active
+    - focus
+    - first-child
+    - last-child
+    - nthchild
-**4. LU01 - Script4Fun - Geometrie**
+**5. LU03 - Box-Modell**
-  - Methode: Kreisfläche mit dem Radius als Inputparameter.
+  - Kann die zwei im Unterricht behandelten Box-Modell nennen und die Unterschiede erklären.
-  - Methode: Kreisumfang mit dem Radius als Inputparameter.
+  - Kann die vier Bereiche der Box-Modelle nennen und diese nach vorgaben manipulieren.
-  - Methode: Kugelvolumen mit dem Radius als Inputparameter.
+  - Kann den Effekt erklären und demonstrieren, was passiert, wenn horizonale und vertikale margins zusammenfallen.
-  - Methode: Kugeloberfläche mit dem Radius als Inputparameter.
-  - Methode: Dreiecksfläche mit dem Grundfläche und der Höhe als Inputparameter.
-  - Methode: Dreiecksumfang mit dem Seitenlängen als Inputparameter.
-  - Methode: Pyramidenfläche mit dem Grundfläche, Anzahl der Mantelflächen und der Mantelfläche als Inputparameter.
-  - Methode: Pyramidenoberfläche mit dem Radius als Inputparameter muss berechnet und auf der Konsolen ausgegeben werden.
-  - Methode: Rechteckfläche mit den 2 Seitenlängen als Inputparameter.
-  - Methode: Rechteckumfang mit den 2 Seitenlängen als Inputparameter
-  - Methode: Quarderoberfläche mit den 3 Seitenlängen als Inputparameter
-  - Methode: Quardervolumen mit den 3 Seiten als Inputparameter.
-  - Methode: Quadratumfang mit der Seitenlänge als Inputparameter.
-  - Methode: Quadratfläche mit der Seitenlänge als Inputparameter
-  - Methode: Würfeloberfläche mit der Seitenlänge als Inputparameter.
-  - Methode: Würfelvolumen mit der Seitenlänge als Inputparameter.
-**5. LU01 - Script4Fun - Arithmetik**
+**6. LU04 - Display**
-  - Methode: Summen als zwei Zahlen bilden.
+  - Kann darlegen welchen Effekt die CSS-Anweisung //display// erziehlt.
-  - Methode: Differenz aus zwei Zahlen bilden.
+  - Kann die im Unterricht behandelten (6) Werte des Propertiy //display// nennen, erklären und demonstrieren.
-  - Methode: Produkt aus zwei Zahlen bilden.
-  - Methode: Quotienten aus zwei Zahlen bilden können. (Division durch Null nicht erlaubt)
-  - Methode: Gauss'sche Summenfunktion, also die Summer der Zahlen 1 .. n mit der Zielzahl n als Inputparameter
-  - Methode: Fakultät (Produkt aus 1 .. n) mit dem Zielnummer als Inputparameter.
-**6. LU01 - Script4Fun - Sortierung**
-  - Methode: Bestehende Sortier-Methode umbauen können. Aufsteigende --> absteigend sortieren
-  - Methode: Bestehende Sortier-Methode umbauen können. Absteigende --> aufsteigend sortieren
-  - Methode: Bestehende Methode zur Ausgabe eines Arrays verändern: Ausgabereihenfolge, Schrittweite
-**7. LU02 - JSON**
-  - JSON-File nach Vorgaben anlegen.
-  - Bestehendes JSON-File ergänzen durch weitere Datensätze, beispielsweise weitere Personen ergänzen.
-  - Bestehendes JSON-File ergänzen durch Spezifizierung (Array in Array), beispielweise hat eine Person mehr als ein Hobby.
-  - Statische Verarbeitung von JSON-Daten dynamisch durchführen können durch eine Schleife (Personen) oder 2 Schleifen (Hobbies einer Person) .
-  - JSON-Daten einlesen und Browser-Konsole ausgeben