Herzlich Willkommen – und schön, dass du dabei bist!
In diesem Repository findest du den Quelltext unserer Beispielanwendung und alle Infos zur Vorbereitung.
Die gesamte Installation wird rund 30 Minuten dauern. Bitte führe die Installation vor dem Workshop durch, damit wir direkt durchstarten können.
Es ist außerdem wichtig, dass du dich mit dem Projekt ein wenig vertraut machst.
- Node.js 12 oder höher: https://nodejs.org
- Mac-Benutzer 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)
- 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.
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
Damit wir uns im Workshop auf das Framework NgRx konzentrieren können, starten wir mit einer vorbereiteten Anwendung. Klone dazu dieses Repo auf deinem Rechner – oder lade den Code als ZIP von GitHub herunter.
git clone https://github.com/angular-schule/2020-02-angular-ngrx-leipzig.git
cd 2020-02-angular-ngrx-leipzig
Anschließend kannst du mit NPM die Abhängigkeiten installieren und das Projekt starten:
cd book-rating
npm install
ng serve
Die Installation kann bei langsamer Internetverbindung einen Moment dauern.
Auf http://localhost:4200 sollte nun die Anwendung sichtbar sein. Es wird eine Bücherliste angezeigt und du kannst neue Bücher über das Formular hinzufügen.
Bitte schaue dir die Funktionalität und den Aufbau der Anwendung im Code genau an. Wir werden mit der Anwendung im Workshop arbeiten, deshalb ist es wichtig, dass du mit dem Code bereits grundlegend vertraut bist.
Bei Fragen oder Unklarheiten melde dich bitte direkt per Mail unter team@angular.schule. Zum Beginn des Workshops können wir auch noch offene Fragen klären.