| A – Gestaltungsentwurf verstehen | 1 | A1B: Ich kann den Zweck eines Gestaltungsentwurfs erklären (z.B. Wireframe, Mockup, klickbarer Prototyp) | A1I: Ich kann einen Gestaltungsentwurf erfassen und die darin enthaltenen Elemente erläutern (z.B. Wireframe, Mockup, klickbarer Prototyp) | A1A: Ich kann einen Gestaltungsentwurf hinterfragen und Verbesserungen zur Machbarkeit einbringen |
| B – HTTP-Protokoll verstehen | 1,2 | B1B: Ich kann den Ablauf einer HTTP-Anfrage (Request/Response) zwischen Client und Server erklären | B1I: Ich kann den Aufbau einer HTTP-Verbindung (Request/Response) erklären (z.B. Header, Body, Key-Value, Cookies, Caching) | B1A: Ich kann den Inhalt einer HTTP-Anfrage mit geeigneten Werkzeugen analysieren (z.B. Browser-Entwicklerwerkzeuge, HTTP-Analyse-Tools) |
| C – HTTP-Anfragemethoden anwenden | 1,2 | C1B: Ich kann die Anfragemethoden des HTTP-Protokolls erläutern und deren Eigenheiten erklären (z.B. GET, POST) | C1I: Ich kann die Anfragemethoden des HTTP-Protokolls in einer Webapplikation anwenden (z.B. GET, POST) | C1A: Ich kann eine HTTP-Anfragemethode für einen gegebenen Anwendungsfall begründet auswählen |
| D – Werkzeug-Unterstützung | 1,2 | D1B: Ich kann eine Entwicklungsumgebung für die Webentwicklung einrichten und für grundlegende Aufgaben verwenden (z.B. Dateien erstellen, bearbeiten, speichern) | D1I: Ich kann die Entwicklerwerkzeuge des Browsers gezielt zur Analyse und Fehlersuche einsetzen (z.B. DOM-Inspektor, Netzwerk-Tab, Konsole) | D1A: Ich kann verschiedene Entwicklungswerkzeuge kombiniert einsetzen, um den Entwicklungsprozess zu unterstützen (z.B. Scaffolding, Linting, Browser-Konsole, Tastaturkürzel) |
| E – Webseite aufbauen | 2,3 | E1B: Ich kann den Aufbau einer Webseite erklären (z.B. Header, Body, Footer, Tags, Metatags) | E1I: Ich kann eine grundlegende Webseite mit den erforderlichen Strukturelementen aufbauen (z.B. Header, Body, Footer, Tags, Metatags) | E1A: Ich kann einen Webauftritt aus mehreren Teilen aufbauen (z.B. Multipage, Templates, Komponenten) |
| F – Formulare anwenden | 2,3 | F1B: Ich kann den Aufbau und die Funktion eines Webformulars sowie die gängigen Formularelemente und deren Einsatzzweck erläutern (z.B. Eingabefeld, Dropdown, Checkbox, Radio-Button) | F1I: Ich kann ein Formular gemäss Vorgabe umsetzen und Formularelemente gezielt einsetzen und konfigurieren (z.B. Eingabefeld, Dropdown, Checkbox, Radio-Button) | F1A: Ich kann ein bestehendes Formular auf Benutzerfreundlichkeit und Funktionalität prüfen sowie Formularelemente mit Validierung und Benutzerführung ergänzen (z.B. Pflichtfelder, Fehlermeldungen, Platzhaltertexte) |
| G – Styling und Layout anwenden | 2,3 | G1B: Ich kann den Zweck und die Grundprinzipien eines Layouts für Webseiten sowie den Zweck von CSS-Styling für die visuelle Gestaltung einer Webseite erklären | G1I: Ich kann ein einfaches Layout mit HTML und CSS umsetzen und ein einheitliches Styling mit CSS anwenden | G1A: Ich kann ein bestehendes Layout analysieren, Verbesserungen zur Struktur und Benutzerführung vorschlagen und eine responsive Webseite gemäss Vorgaben umsetzen |
| H – Umsetzung validieren und verbessern | 3 | H1B: Ich kann Methoden zum Überprüfen und zur Verbesserung eines Webauftrittes erläutern (z.B. Konventionen, Validatoren, automatisierte Tools) | H1I: Ich kann überprüfen, ob die Anforderungen an den Webauftritt umgesetzt wurden, und Konventionen bei der Webentwicklung einsetzen (z.B. Anforderungsliste, Coding-Guidelines, Style-Guidelines) | H1A: Ich kann den Webauftritt kritisch hinterfragen, konkrete Verbesserungen vorschlagen und automatisierte Überprüfungen einsetzen (z.B. Validatoren, Linter) |
| I – Webauftritt veröffentlichen | 4 | I1B: Ich kann den Prozess der Veröffentlichung eines Webauftrittes erklären | I1I: Ich kann einen Webauftritt veröffentlichen (z.B. FTP, SFTP) | I1A: Ich kann einen Webauftritt automatisiert veröffentlichen (z.B. Continuous Integration) |