Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m287:learningunits:lu00:11 [2026/03/25 09:50] – vdemir
+++ de:modul:m287:learningunits:lu00:11 [2026/03/25 10:18] (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. Benötigtes Fachvokabular**
   - HTML-Kommentar-Start, HTML-Kommentar-Ende, CSS-Kommentar-Start, CSS-Kommentar-Ende
   - HTML-Elemente/Tags, Property, Property-Wert
-  - Verweise, Anker-Tag, relativer Pfad
+  - 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-Verzeichnis/directory, 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.
-**3. LU01 - Selektoren **
+**3. LU01 - Verweise und URL-Aufbau**
-  - ???
+  - Aufbau von relativen und absoluten Pfaden darlegen und exemplarisch aufzeigen können
+  - Ressourcen (Bilder, Videos) auf dem eigenen Computer, unter Verwendung von relativen Pfaden ins HTML einbinden können.
+  - Ressourcen (Bilder, Videos) auf dem eigenen Computer, unter Verwendung von absoluten Pfaden ins HTML einbinden können.
+  - Problematik von White-Spaces im File- oder Pfadnamen erklären und Lösung vorschlagen können.
+  - White-Space-Fehler in File- und Pfadnamen erkennen und beheben können.
-**4. LU01 - Script4Fun - Geometrie**
+**4. LU02 - CSS-Selektoren **
-  - Methode: Kreisfläche mit dem Radius als Inputparameter.
+  - Typ-Selektoren erklären und auf HTML-Elemente anwenden können.
-  - Methode: Kreisumfang mit dem Radius als Inputparameter.
+  - Klassen-Selektoren erklären und auf HTML-Elemente anwenden können.
-  - Methode: Kugelvolumen mit dem Radius als Inputparameter.
+  - ID-Selektoren erklären und auf HTML-Elemente anwenden können.
-  - Methode: Kugeloberfläche mit dem Radius als Inputparameter.
+  - Pseuden-Klassen erklären und auf HTML-Elemente anwenden können:
-  - Methode: Dreiecksfläche mit dem Grundfläche und der Höhe als Inputparameter.
+    - hover
-  - Methode: Dreiecksumfang mit dem Seitenlängen als Inputparameter.
+    - active
-  - Methode: Pyramidenfläche mit dem Grundfläche, Anzahl der Mantelflächen und der Mantelfläche als Inputparameter.
+    - focus
-  - Methode: Pyramidenoberfläche mit dem Radius als Inputparameter muss berechnet und auf der Konsolen ausgegeben werden.
+    - first-child
-  - Methode: Rechteckfläche mit den 2 Seitenlängen als Inputparameter.
+    - last-child
-  - Methode: Rechteckumfang mit den 2 Seitenlängen als Inputparameter
+    - nthchild
-  - 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**
+**5. LU03 - Box-Modell**
-  - Methode: Summen als zwei Zahlen bilden.
+  - Kann die zwei im Unterricht behandelten Box-Modell nennen und die Unterschiede erklären.
-  - Methode: Differenz aus zwei Zahlen bilden.
+  - Kann die vier Bereiche der Box-Modelle nennen und diese nach vorgaben manipulieren.
-  - Methode: Produkt aus zwei Zahlen bilden.
+  - Kann den Effekt erklären und demonstrieren, was passiert, wenn horizonale und vertikale margins zusammenfallen.
-  - 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
+**6. LU04 - Display**
-  - Methode: Fakultät (Produkt aus 1 .. n) mit dem Zielnummer als Inputparameter.
+  - Kann darlegen welchen Effekt die CSS-Anweisung //display// erziehlt.
-**6. LU01 - Script4Fun - Sortierung**
+  - Kann die im Unterricht behandelten (6) Werte des Propertiy //display// nennen, erklären und demonstrieren.
-  - 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