IT 12.6 – Webanwendungen

Fach: Informationstechnik (Fachrichtung Technik) · Klasse: 12 · Pflicht-Themenfeld

In diesem Modul wird die Seite des Schülercafés „Pause“ zu einer Webanwendung: Sie zeigt den Warenkorb mit Gesamtpreis, baut die Speisekarte aus Daten auf, prüft Bestellungen, lädt das Angebot vom Server und hat einen geschützten Bereich für das Café-Team. Du lernst JavaScript im Browser, das Datenformat JSON und die Grundideen von Skripten auf dem Server (PHP).

Einheiten

Teil A: Architektur

1. Von der Webseite zur Webanwendung

Teil B: Im Browser (JavaScript)

2. JavaScript kompakt
3. Die Seite verändern (DOM)
4. Auf Klicks und Eingaben reagieren
5. Listen von Objekten
6. Formulare prüfen
7. Animationen und interaktive Inhalte
8. JSON: Daten vom Server laden

Teil C: Auf dem Server

9. Serverseitige Skripte
10. GET und POST
11. Zugangskontrolle

Was du mitbringen solltest

HTML und CSS in den Grundzügen. Wenn du IT 11.7 Webdesign nicht hattest oder etwas wiederholen möchtest, findest du alles in IT 11.7. Die Startdateien der Café-Seite bekommst du in Einheit 1.

So arbeitest du in diesem Modul

Jede Einheit ist gleich aufgebaut:

Element	Wozu?
Rückblick	zwei, drei kurze Fragen zu früheren Einheiten
Erkunden	selbst ausprobieren, bevor erklärt wird, oft im Code-Spielplatz
Merke und Typischer Fehler	das Wichtigste und die häufigsten Stolperfallen
Café-App	ein weiterer Schritt an der Café-Anwendung, in deinem Editor (zum Beispiel VSCodium)
Aufgaben	Übungen in anderen Situationen, darunter immer „Code lesen“ wie in der Prüfung
Zusatzaufgaben	für alle, die schneller fertig sind
Selbstcheck und Wortspeicher	zum Wiederholen

JavaScript arbeitet dabei immer mit HTML und CSS zusammen. Kurze Experimente machst du im Code-Spielplatz direkt auf der Seite, die Café-App baust du auf deinem Rechner.

Im Bereich Webseitenprojekt erweiterst du außerdem deine eigene Webseite um JavaScript, Daten im JSON-Format und ein geprüftes Formular.

Grundlage: Kerncurriculum FOS Hessen (Stand November 2022).