Webanwendungen: Was muss ich können?

Prüfungsvorbereitung · Teil Webanwendungen (25 BE)

Den Teil Webanwendungen gibt es seit dem neuen Kerncurriculum, also seit der Prüfung 2025. Die Liste ist grob nach der Häufigkeit geordnet, mit der die Themen in den Prüfungen 2025 und 2026 (Haupt- und Nachtermine) vorkamen. Da es bisher nur wenige Prüfungen gibt, ist die Reihenfolge nur ein grober Anhaltspunkt. Auch seltene Themen aus dem Kerncurriculum können drankommen.

So arbeitest du mit der Liste: Lies jede Zeile als Frage „Kann ich das?“. Wenn nicht, folge dem Link und bearbeite dort die Aufgaben. Danach übst du mit Aufgabensatz 1, Aufgabensatz 2 und Aufgabensatz 3.

Wichtig: In der Prüfung schreibst du Code auf Papier. Übe deshalb auch ohne Editor: Code abschreiben, von Hand ergänzen, dann im Spielplatz prüfen.

Sehr häufig

Thema	Ich kann …	Wiederholen
Listen von Objekten	ein Array von Objekten mit einer Schleife durchlaufen und daraus HTML erzeugen; summieren; ein Element suchen (mit Rückgabe null, wenn nichts gefunden wird); filtern; sortieren	Einheit 5, besonders HTML aus Daten erzeugen
Code lesen	fremden Code Zeile für Zeile beschreiben, Kommentare ergänzen, Ablauf und Zweck in eigenen Worten erklären	jede Einheit in IT 12.6, Aufgaben „Code lesen“
Erzeugtes HTML angeben	den HTML-Code angeben, den eine Funktion mit innerHTML erzeugt, und daraus die Ansicht im Browser skizzieren	Einheit 3, Einheit 5
Ereignisse	Ereignisbehandlung mit addEventListener, onclick-Attribut oder element.onclick = … lesen und schreiben; passende Ereignisse wählen (click, input, change, submit)	Einheit 4
Formulare prüfen	Pflichtfelder und Wertebereiche mit HTML und JavaScript prüfen, Fehlermeldungen neben dem Feld ausgeben, das Absenden verhindern; erklären, warum zusätzlich der Server prüfen muss	Einheit 6, Einheit 9

Häufig

Thema	Ich kann …	Wiederholen
HTML, CSS und JavaScript	die Aufgaben der drei Sprachen beschreiben, ihr Zusammenspiel erläutern und Gründe für die Kombination angeben	Einheit 1
Statisch und dynamisch	die Schritte eines Seitenaufrufs bei statischen, serverseitig dynamischen und clientseitig dynamischen Seiten darstellen und vergleichen	Einheit 1, Einheit 9
Client und Server	Aufgaben von Browser und Server in einer Situation nennen, zum Beispiel bei Anmeldung und Anzeige persönlicher Daten	Einheit 1, Einheit 11
JavaScript-Grundlagen	Variablen und Konstanten unterscheiden, Text in Zahlen umwandeln (parseFloat, Number), Bedingungen und Schleifen schreiben, mit Zeichenketten arbeiten	Einheit 2
Elemente finden und ändern	mit getElementById und querySelector Elemente finden, value, textContent und innerHTML lesen und setzen	Einheit 3

Gelegentlich

Thema	Ich kann …	Wiederholen
Formular-HTML	Formularelemente und Attribute (label/for, id, name, type, required, min/max) beschreiben und ein Formular nach Vorgabe schreiben; die Ansicht skizzieren	IT 11.7, Einheit 3, Einheit 6
CSS-Klassen	Aufgaben von Klassen nennen, eine Klasse definieren und einem Element zuweisen; Vorteile der Trennung von HTML und CSS nennen	IT 11.7, Einheit 4
GET und POST	die Unterschiede bei der Übertragung und die Folgen für den Browser (Adresse, Verlauf, Lesezeichen, Neuladen) erläutern und für ein Formular begründet auswählen	Einheit 10
Daten von einem Server	den Aufbau eines JSON-Objekts lesen, Daten mit fetch laden, Fehler im JSON-Text finden	Einheit 8
Daten dauerhaft speichern	erläutern, warum Daten im Browser verloren gehen, und Möglichkeiten vergleichen (Speicher im Browser, Server mit Datenbank)	Einheit 8
Zugangskontrolle	den Ablauf einer Anmeldung mit Sitzung und Cookie beschreiben, Authentifizierung und Autorisierung unterscheiden	Einheit 11

Typische Fallen in Prüfungscode

• innerHTML += in einer Schleife: Der Browser baut den Inhalt jedes Mal neu auf. Vorher erzeugte Knöpfe verlieren ihre Ereignisbehandlung, und ein Element, das nur geöffnet wird ('<div>'), schließt der Browser sofort wieder. Besser: den HTML-Text in einer Variablen sammeln und am Ende einmal zuweisen.
• Text statt Zahl: value liefert immer Text. '3' + 4 ergibt '34'. Vor dem Rechnen umwandeln.
• Leerzeichen beim Verketten: '<button' + 'onclick=…' ergibt <buttononclick=…>. Beim Zusammensetzen von HTML auf die Leerzeichen achten.
• getElementById ohne passende id: Prüfe im HTML, ob das Element die id wirklich hat. Sonst liefert die Funktion null.
• Kommazahlen: 4522.9 - 4210.5 ergibt nicht genau 312.4. Zur Ausgabe runden, zum Beispiel mit toFixed(1).