Herzlich Willkommen – und schön, dass du dabei bist!
In diesem Repository findest du unsere Beispielanwendung für den Workshop.
Du kannst dir entweder
- dieses Repository per Git herunterladen und in den Ordner
rxjs-playground
wechseln
oder - den Code als ZIP-Datei herunterladen: rxjs-playground.zip
Damit wir gleich durchstarten können, solltest Du ein paar Vorbereitungen treffen.
Die gesamte Installation wird rund 30 Minuten dauern.
- Node.js 12 oder höher: https://nodejs.org
- Mac-User bitte Homebrew verwenden! (siehe Anleitung)
- Google Chrome: https://www.google.com/chrome/
- Redux DevTools (Chrome Extension)
- Visual Studio Code: https://code.visualstudio.com
- Angular-Schule: Extension Pack (Visual Studio Code Extension)
- ESLint für VS Code (
dbaeumer.vscode-eslint
)
- optional: Git (und ggf. ein grafischer Client wie SourceTree oder GitExtensions)
Für die Proxykonfiguration im Unternehmensnetz sind gesonderte Einstellungen nötig.
Wir haben dir hierfür folgende Anleitung erstellt:
https://presentations.angular.schule/PROXY.html
Sollte es Probleme mit dem Proxy geben, melde Dich bitte bei uns, dann finden wir eine Lösung.
Wir nutzen in diesem Workshop das Buildtool Nrwl Nx. Es ist eine Erweiterung der offiziellen Angular CLI. Mit folgendem Befehl kannst Du die Nx CLI auf dem System installieren:
npm install -g nx
node -v
> Erwartet: v12.x oder höher
npm -v
> Erwartet: 6.x oder höher
Wir haben in diesem Repository bereits ein Startprojekt angelegt. Es handelt sich um eine "frische" Angular-Anwendung in einem Nx-Workspace, die wir im Workshop weiterentwickeln werden.
Bitte lade dir das Projekt herunter und installiere es.
Du kannst entweder das gesamte Repo mit Git klonen:
git clone https://github.com/angular-schule/2021-05-angular-workshop-karlsruhe.git
... oder du lädst das Repo als ZIP herunter: Download
Nach dem Download navigiere in den Ordner 2021-05-angular-workshop-karlsruhe
und führe dort die folgenden Befehle aus:
cd book-rating
npm install
Die Installation kann bei langsamer Internetverbindung sehr lange dauern.
Anschließend kannst Du das Projekt aus dem Ordner book-rating
mit folgendem Befehl starten:
nx serve
Auf http://localhost:4200 sollte nun eine Website mit dem Text "book-rating works!" erscheinen! Wenn bei allen Teilnehmer:innen das Grundgerüst steht, können wir ohne Zeitverlust loslegen.
Beende den laufenden Webserver mit der Tastenkombination Strg + C
.
Prüfe bitte zum Abschluss, ob der folgende Befehl ohne Fehlermeldungen ausführt:
nx test
Wenn Du die Vorbereitung erfolgreich abgeschlossen hast, bist Du startbereit für den Workshop! Wenn Du Fragen hast oder Fehler auftreten, melde dich bitte bei uns per Mail unter [email protected] oder bringe deine Fragen zum Technikcheck mit.