mit Ferdinand Malcher

---

Herzlich Willkommen zum Workshop – schön, dass du dabei bist!
In diesem Repository findest du während des Workshops den Quelltext unserer Beispielanwendung.

⚡️ Quick Start

Wenn du schon alle benötigte Software installiert hast, musst Du nur noch das Projekt installieren und starten. Klone dazu dieses GitHub-Repository. Danach im Projektverzeichnis:

npm install
ng serve

✅ Installation (ausführlich)

⚠️ Bitte führe die Vorbereitung rechtzeitig VOR dem Workshop aus, damit wir ohne Zeitverlust loslegen können.

Benötigte Software

1. Node.js 18, 20 oder 22 (jeweils die aktuelle Nebenversionsnummer): https://nodejs.org
   • (Mac-User sollten ggf. Homebrew verwenden, siehe Anleitung.)
2. Google Chrome: https://www.google.com/chrome/
3. Visual Studio Code: https://code.visualstudio.com
4. Angular Language Service für VS Code: Angular Language Service (Angular.ng-template)
   • Installiere die Extension über den Extensions Browser direkt im Editor.

Pakete installieren

Die Angular CLI ist das offizielle Build-Tool für Angular. Mit folgendem Befehl kannst Du die CLI auf dem System installieren:

npm install -g @angular/cli

⚠️ Überprüfe bitte anschließend die Versionen, damit wir beim Workshop alle auf dem gleichen Stand sind.

node -v
> Erwartet: 18.9.1 oder höher, aber nicht 19.x oder 21.x!

npm -v
> Erwartet: 6.x oder höher

ng version
> Erwartet: 18.x.x oder höher

Projekt installieren

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 2024-08-angular-einstieg-duesseldorf
npm install

Die Installation kann bei langsamer Internetverbindung sehr lange dauern. Warte das npm install mit Geduld ab!

Anschließend kannst du das Projekt starten:

ng serve

Auf 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.

Projekt erforschen

Ö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!

Wir freuen uns schon! 🙂

---

© https://angular.schule | Stand: 02.08.2024