ESLint

Übungsaufgaben zu Fahrer-Sicht und Coding Standards in Vue: eigene Mitfahrgesuche verwalten

In der Web-App des Mitfahrlabors sollen Mitfahrende ihre eigenen Gesuche sehen und offene Gesuche zurückziehen können. In diesen Übungen ordnest Du Regeln und Befunde den Werkzeugen Prettier, ESLint und vue-tsc sowie dem Backend zu. Danach entwickelst Du die Regeln für eigene Gesuche als reine Funktionen und das Zurückziehen per PATCH mit einer Komponente, jeweils mit Tests. Zum Schluss behebst Du die Lint- und Typbefunde in der Komponente eines anderen Paars und begründest jede Änderung.

Fahrer-Sicht in Vue: Rollen, Coding Standards und Collective Ownership

Fahrer*innen sollen in der Web-App des Mitfahrlabors die Anfragen zu ihren Fahrten sehen und bestätigen oder ablehnen. Der Artikel unterscheidet Rollen aus dem Token von Beziehungen zu einem Datensatz und zeigt, warum das Backend trotzdem jede Anfrage selbst prüft, auch wenn die Oberfläche Buttons ausblendet. Gleichzeitig einigt sich das Team auf Coding Standards: Prettier für die Form, ESLint mit eigenen Teamregeln, vue-tsc für die Typen, alle drei in Editor und Pipeline. Zum Schluss geht es um Collective Ownership und Pair Programming.

Übungsaufgaben zu Vue Router und Continuous Integration: Routen lesen, Gesuch-Detailseite, Pipeline aufbauen und Fehler finden

Die Web-App des Mitfahrlabors bekommt Seiten für die Mitfahrgesuche und eine Pipeline. In diesen Übungen bestimmst Du zu Adressen Route, Parameter und Props, baust test-first eine Detailseite für ein Gesuch mit eigener Route, teilst eine Pipeline in Stages mit Cache, Testbericht, Artefakten und Release-Job auf und findest anhand von Job-Protokollen heraus, warum eine Pipeline rot ist.

Vue Router und Continuous Integration: Detailseite, Pipeline und das erste Small Release der Vue-App

Die Fahrtensuche des Mitfahrlabors bekommt eine zweite Seite: Ein Klick auf „Details“ führt zur Detailseite unter /angebote/4. Dafür kommt Vue Router ins Projekt, mit Routentabelle, Routenparametern, RouterLink, RouterView und einer Seite für unbekannte Adressen, alles testgetrieben. Danach setzt das Team die XP-Praktik Continuous Integration um: ESLint prüft den Code, und eine Pipeline in GitLab führt bei jedem Push Lint, Typprüfung, Tests und Build aus. Zum Schluss geht mit Version 0.1.0 das erste Small Release an den Kunden, mit Changelog und automatisch erzeugtem Release.