Vite

Übungsaufgaben zu Build und Auslieferung einer Vue-App: Mitfahrgesuche im Intranet

Die Web-App des Mitfahrlabors soll zusätzlich im Intranet der Schule erscheinen, und die Ansicht der Mitfahrgesuche soll sich je Umgebung ein- und ausschalten lassen. In diesen Übungen liest Du die Ausgabe eines Produktions-Builds, entwickelst einen Schalter über eine Umgebungsvariable mit Tests, lieferst die App mit nginx in einem Unterordner aus und behebst eine Auslieferung, bei der Deep Links mit 404 enden und Nutzende alte Versionen sehen.

Übungsaufgaben zum XP-Projektstart: Story Cards und Iterationen für die Mitfahrgesuche

Die Web-App des Mitfahrlabors bekommt Seiten für Mitfahrgesuche. In diesen Übungen ordnest Du Situationen aus dem Team den Praktiken und Werten von XP zu, sagst das Verhalten von npm-Befehlen im Vite-Projekt voraus, schreibst Story Cards mit Kundentests für die Gesuche, ergänzt die Startseite test-first um einen Hinweis auf die Gesuche und planst Iterationen mit einer gemessenen Velocity.

Iteration 0 für die Web-App: XP-Werte, Planning Game, Story Cards und ein Vite-Projekt

Bevor die Web-App des Mitfahrlabors ihre erste Komponente bekommt, startet das Team das Projekt nach Extreme Programming: Es lernt die fünf Werte und die Praktiken von XP kennen, schreibt mit dem Auftraggeber Story Cards mit Kundentests, schätzt sie im Planning Game, plant Releases und die erste Iteration. Danach richtest Du Node.js ein, legst mit Vite das Projekt mitfahrlabor-web mit Vue und TypeScript an und lernst seine Struktur, die package.json und die npm-Befehle kennen.

Suchen und Buchen mit Vue 3 und TypeScript: das Projekt im Überblick

In zwölf Artikeln entsteht die Web-App der Mitfahr-App Mitfahrlabor: Auszubildende suchen Fahrten und fragen Plätze an, Fahrer*innen bestätigen die Anfragen. Die App ist eine Single-Page-App mit Vue 3 und TypeScript, die mit der REST-Schnittstelle des Spring-Boot-Backends spricht und die Anmeldung über Keycloak abwickelt. Das Team arbeitet nach Extreme Programming: test-first, in kurzen Iterationen und mit kleinen Releases. Hier findest Du Architektur, Fahrplan und Voraussetzungen.