Herzlich Willkommen zum Workshop – schön, dass du dabei bist!
In diesem Repository findest du während des Workshops den Quelltext unserer Beispielanwendung.
⚠️ Bitte führe die Vorbereitung rechtzeitig VOR dem Workshop aus, damit wir ohne Zeitverlust loslegen können.
- Node.js 20, 22 oder 24 (jeweils die aktuelle Nebenversionsnummer): https://nodejs.org
- Google Chrome: https://www.google.com/chrome/
- Visual Studio Code: https://code.visualstudio.com
- Angular Language Service für VS Code: Angular Language Service (
Angular.ng-template)- Installiere die Extension über den Extensions Browser direkt im Editor.
Die Angular CLI ist das offizielle Build-Tool für Angular. Mit folgendem Befehl kannst Du die CLI auf dem System installieren:
npm install --location=global @angular/cli
node -v
# Erwartet:
# 20.19.x oder höher, 22.12.x oder höher, oder 24.0.x oder höher,
# aber nicht 21.x oder 23.x!
ng version
# Erwartet:
# Angular CLI : 21.x.x (!)
# Angular : 21.x.x (!)
Wir haben bereits ein Projekt vorbereitet, mit dem wir im Workshop arbeiten werden. Bitte klone dieses Repo oder lade den Code als ZIP herunter.
Anschließend kannst Du das Angular-Projekt auf deinem Rechner installieren:
cd 2026-05-angular-workshop-htwk-leipzig
npm installDie Installation kann bei langsamer Internetverbindung sehr lange dauern.
Warte das npm install mit Geduld ab!
Anschließend kannst du das Projekt starten:
ng serveAuf http://localhost:4200 sollte nun die Anwendung mit der Überschrift "Hello world" erscheinen. Den laufenden Webserver kannst Du danach mit Strg + C beenden.
Wenn bei allen Teilnehmenden das Grundgerüst steht, können wir ohne Zeitverlust loslegen.
Sollte es zu einem Fehler kommen, melde dich einfach per Mail bei uns unter team@angular.schule.
Wir werden schnell eine Lösung finden.
Öffne den Projektordner book-rating in deinem Editor.
Nimm dir nun ein paar Minuten Zeit, um die Struktur des generierten Projekts zu untersuchen.
So hast du die wichtigsten Dateien schon einmal gesehen, bevor wir den Aufbau in der Schulung besprechen!
