Wahlthemen
Die Wahlthemen ergänzen den Kurs. Du bearbeitest sie selbständig, meist dann, wenn dein Projekt sie braucht. Jede Seite erklärt kurz, worum es geht und wann sich das Thema für ein Projekt lohnt, zeigt ein kleines Beispiel und verweist auf die offizielle Dokumentation. Zur Prüfung gehören die Wahlthemen nicht.
| Thema | Lohnt sich, wenn … |
|---|---|
| TypeScript mit Vue | dein Projekt wächst und du Fehler bei Props, Events und Daten früh sehen willst |
| Nuxt und serverseitiges Rendern | Inhalte schnell sichtbar sein und von Suchmaschinen gefunden werden sollen |
| Ein eigenes Backend mit Node | deine App Daten speichert, die keine öffentliche API liefert |
| Authentifizierung | nur angemeldete Personen bestimmte Daten sehen oder ändern dürfen |
| PWA und Offline-Betrieb | die App installierbar sein oder ohne Netz funktionieren soll |
| Mehrere Sprachen | Menschen mit verschiedenen Sprachen die App nutzen |
| Animationen und Übergänge | Änderungen auf der Seite leichter nachzuvollziehen sein sollen |
| End-to-End-Tests mit Playwright | die wichtigsten Abläufe im echten Browser geprüft werden sollen |
| Komponentenbibliotheken und CSS | du Formulare, Tabellen und Dialoge nicht selbst gestalten willst |
| Dieselbe App in React | du dein Projekt mit React baust |
| Dieselbe App in Angular | du dein Projekt mit Angular baust |
Für ein eigenes Backend, eine Authentifizierung, End-to-End-Tests, durchgehend TypeScript und eine PWA mit Offline-Betrieb gibt es im Projekt Bonuspunkte, wie der Projektauftrag beschreibt. Die lauffähigen Beispiele liegen im Kursrepo im Ordner optional, die Beispiele für den Playground unter examples/optional.
Texte und Abbildungen stehen unter CC BY-SA 4.0, der Code unter der MIT-Lizenz und die Daten des Kurses unter CC0 1.0. Die Schrift der Abbildungen ist Kalam unter der SIL Open Font License 1.1. Die Quellen liegen auf GitHub.