von Johannes Hoppe
Schön, dass Du dabei bist!
Merke dir schon einmal dieses Repository.
Hier wird während des Workshops stets der Quelltext unserer Beispielanwendung verfügbar sein.
https://github.com/angular-schule/2019-03-angular-workshop-mannheim
Damit wir gleich durchstarten können, solltest Du ein paar Vorbereitungen treffen.
Die gesamte Installation wird rund 30 Minuten dauern.
Benötigte Software
- Node.js 8.9 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)
- Git (und ggf. ein grafischer Client wie SourceTree oder GitExtensions) -- zur Not kannst du aber auch die ZIP-Datei von GitHub herunter laden.
Überprüfe bitte anschließend die Versionen, damit wir beim Workshop alle auf dem gleichen Stand sind.
node -v
> Erwartet: v8.9.x oder höher
npm -v
> Erwartet: 5.x oder höher
Proxy?
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.
Projekte installieren
Wir werden die erste Hälfte des Tages in die Welt der Reaktiven Programmierung mit RxJS eintauchen. Es dreht sich alles um reaktive Datenströme, Observables, Operatoren, Subjects und Subscriptions.
Bitte führe folgende Befehle aus:
git clone https://github.com/angular-schule/2019-03-angular-workshop-mannheim.git
cd 2019-03-angular-workshop-mannheim
cd rxjs-playground-node
npm install
npm test
In der zweiten Hälfte des Tages lernen wir, wie wir komplexe Zustände („States“) mit dem Framework NgRx effizient verwalten können.
Bitte führe folgende Befehle aus:
cd 2019-03-angular-workshop-mannheim
cd book-rating-ngrx
npm install
npm start
ACHTUNG: Bei Fehlern mit
node-gypbzw.node-sassbitte noch einmal ausführen:npm i node-sass.
Die Installation kann bei langsamer Internetverbindung sehr lange dauern.
Warte beim Schritt Installing packages for tooling via npm. mit Geduld ab!
Auf http://localhost:4200 sollte nun eine vorbereitete Website erscheinen! Wenn bei allen Teilnehmern das Grundgerüst steht, können wir ohne Zeitverlust loslegen.
Ich freue mich schon! 🙂
Sollte es zu einer Fehlermeldung kommen, dann sende uns den Fehlertext einfach per Mail an team@angular.schule.
Wir werden schnell eine Lösung finden.
