Reaktive Programmierung mit RxJS

von Johannes Hoppe und Ferdinand Malcher

---

Schön, dass Du dabei bist!
Merke dir schon einmal dieses Repository.
Hier wird während des Workshops stets der Quelltext mit unseren Beispielen verfügbar sein.

https://github.com/angular-schule/2018-06-rxjs-workshop-enterjs

Damit wir gleich durchstarten können, solltest Du ein paar Vorbereitungen treffen.
Die gesamte Installation wird nicht mehr als 30 Minuten dauern.

Übungen starten

Wir haben die Übungen in zwei Blöcke geteilt. Im ersten Teil nutzen wir RxJS direkt auf der Kommandozeile, später wechseln wir in den Browser.

Block 1: Node.js auf der Kommandozeile

Bitte führe die folgenden Befehle aus:

cd node
npm install
ts-node test

Die Übungen liegen im Ordner node/exercises. Die einzelnen Übungen kannst Du mit folgendem Befehl ausführen, z.B.:

ts-node 0_callbacks.ts

Block 2: Webanwendung im Browser

Damit wir besser mit der Anwendung interagieren können, wechseln wir im zweiten Teil in den Browser. Wir nutzen zwar Angular als Framework, aber die Übungen sind allgemein gehalten und auch auf andere Umgebungen anwendbar.

cd browser
npm install
ng serve

Öffne den Browser unter der URL http://localhost:4200, um die Anwendung zu sehen. Die Übungen befinden sich im Ordner browser/src/app/exercises/.

Benötigte Software

1. Node.js 8.9 oder höher: https://nodejs.org
2. Visual Studio Code: https://code.visualstudio.com
   • empfohlen: Angular-Schule: Extension Pack für Visual Studio Code
3. Google Chrome: https://www.google.com/chrome/

Proxy?

Vor der enterJS
Sollte auf Deinem Firmenrechner der Internetzugang durch einen Proxy realisiert sein, müssen wir noch einige Einstellungen setzen. Wir haben dir hierfür folgende Anleitung erstellt: https://presentations.angular.schule/PROXY.html

Während der enterJS
Solltest du dann im WLAN der Veranstaltung sein UND eine VPN-Lösung verwenden, so behalte die Proxy-Einstellungen bei. Ansonsten entferne die Proxy-Einstellungen wieder.

Pakete installieren

Wir benötigen zwei Pakete, die über NPM installiert werden.

• ts-node: TypeScript-Umgebung für Node.js
• @angular/cli: CLI-Tool für Angular

Dazu führe bitte den folgenden Befehl auf der Kommandozeile aus:

npm i -g ts-node @angular/cli

Nach der Installation sollten die Befehle ts-node und ng global in der Kommandozeile verfügbar sein:

> ts-node -v

ts-node v6.1.0
node v8.11.2
typescript v2.7.1
cache "/var/folders/x9/t7ysrv6925b8qv6gv3b2yk1w0000gn"


> ng -v

Angular CLI: 6.0.8
Node: 8.11.2

Alle weiteren Pakete installieren wir gemeinsam vor Ort.

---

Sollte es Probleme geben oder zu einer Fehlermeldung kommen, dann sende uns den Fehlertext einfach per Mail an team@angular.schule.
Wir werden schnell eine Lösung finden.

Wir freuen uns schon! 🙂

Bei Fragen wende dich einfach direkt an das Angular-Schule-Team:
team@angular.schule

Beste Grüße
Johannes und Ferdinand

---

© 2018 https://angular.schule, Stand: 13.06.2018