Übungen zu den HTML-Grundlagen rund um den Flurmonitor des Mitfahrlabors: Du benennst die Bestandteile von Elementen, findest Fehler im Grundgerüst, zeichnest ein Fahrtangebot semantisch aus, erstellst eine Tabelle der Haltepunkte und ein Formular zum Anbieten von Fahrten, prüfst eine Seite auf Barrierefreiheit und deutest Meldungen des Validators.
HTML legt fest, woraus eine Webseite besteht und welche Bedeutung ihre Teile haben: Überschrift, Liste, Tabelle, Navigation oder Formular. Am Beispiel einer Abfahrtsanzeige für einen Flurmonitor lernst Du das Grundgerüst eines Dokuments, Elemente und Attribute, semantische Bereiche, Links, Bilder, Tabellen und Formulare kennen. Außerdem erfährst Du, wie Du Seiten von Anfang an barrierefrei auszeichnest und mit dem Validator prüfst.
Das Organisationsteam soll ein Mitfahrgesuch vom Monitor nehmen können, wenn sich die Person gemeldet hat. In diesen Übungen ordnest Du den Ablauf von Post-Redirect-Get und die Bausteine eines Formulars, schreibst Formular-Objekt, Controller, Template und Tests für „Gesuch zurückziehen“ und findest heraus, warum Hinweise der Schulverwaltung doppelt auf dem Monitor stehen.
Bisher steht der Hinweis der Schulverwaltung fest im Template des Flurmonitors. In diesem Artikel bekommt er eine Entity mit Repository und Service, und der Monitor zeigt nur gültige Hinweise. Neue Hinweise legt die Verwaltung per Formular an: th:object, th:field und th:errors verbinden ein Formular-Objekt mit dem Template, Bean Validation prüft es mit @Valid, und das BindingResult meldet Fehler an die Felder. Nach dem Speichern leitet der Controller um (Post-Redirect-Get), damit Neuladen nichts doppelt anlegt. Eine zweite Filterkette von Spring Security sorgt für Anmeldung und CSRF-Schutz.
