TypeScript für Java Programmierer

4/22/2016
TypeScript und Angular
Reactive Web Apps mit Angular2 (und Java)
Roman Roelofsen ­ w11k GmbH / theCodeCampus
Twitter & GitHub: romanroe
1
file:///home/roman/Dateien/presentations/2016-javaland/angular2-rx-slides/index.html#/
1/11
4/22/2016
TypeScript und Angular
Über mich
Alpha Geek (aka
Geschäftsführer)
w11k GmbH
theCodeCampus
Agentur für Individualsoftware
Fokus auf Web Engineering
file:///home/roman/Dateien/presentations/2016-javaland/angular2-rx-slides/index.html#/
2/11
4/22/2016
TypeScript und Angular
Angular
Stabil: Version 1.5
Next: Version 2, beta
Rich Client Framework für Web
Apps
2­way Databinding
Ab Version 2: TypeScript
file:///home/roman/Dateien/presentations/2016-javaland/angular2-rx-slides/index.html#/
3/11
4/22/2016
TypeScript und Angular
Reaktive Programmierung
Wir denken in synchronen Schritten:
Wenn der User auf den Button clickt,
sende den Inhalt eines Textfeldes an den Server,
nehme das Ergebnis der Anfrage entgegen,
und stelle es dar.
file:///home/roman/Dateien/presentations/2016-javaland/angular2-rx-slides/index.html#/
4/11
4/22/2016
TypeScript und Angular
Aber programmieren wir auch so?
button.onclick = function () {
var text = $("#text").text();
$.post("/server", text, function (result) {
$("#ergebnis").text(result);
});
}
file:///home/roman/Dateien/presentations/2016-javaland/angular2-rx-slides/index.html#/
5/11
4/22/2016
TypeScript und Angular
Web Apps sind Teil einer asychronen Umgebung
Server­Logik wird zunehmend asynchron
Asynchrone Programmierung wird sehr schwer, wenn die Anzahl der
Datenströme wächst
Frameworks, Bibliotheken helfen
z.B. Java's Future
Besser:
Guava's ListenableFuture
Promise
Noch besser: ReactiveX
file:///home/roman/Dateien/presentations/2016-javaland/angular2-rx-slides/index.html#/
6/11
4/22/2016
TypeScript und Angular
ReactiveX
RxJS, Bibliothek umsprünglich entwickelt von Microsoft
http://reactivex.io
Implementierungen für
Java, JavaScript/TypeScript, .NET, Scala, Clojure, Swift, etc.
file:///home/roman/Dateien/presentations/2016-javaland/angular2-rx-slides/index.html#/
7/11
4/22/2016
TypeScript und Angular
Observable
Liefert Daten
Observer
Bekommt Daten
Subject
Observable und Observer
file:///home/roman/Dateien/presentations/2016-javaland/angular2-rx-slides/index.html#/
8/11
4/22/2016
TypeScript und Angular
Demo App
file:///home/roman/Dateien/presentations/2016-javaland/angular2-rx-slides/index.html#/
9/11
4/22/2016
TypeScript und Angular
Angular/Rx aus Java­Sicht
Angular nutzt gewohnte Konstrukte
Dependency Injection
MVC
TypeScript
Endlich statische Typsierung im Client
Java Klassen ­> TypeScript Klassen Generator?
ReactiveX
RxJava
file:///home/roman/Dateien/presentations/2016-javaland/angular2-rx-slides/index.html#/
10/11
4/22/2016
TypeScript und Angular
Roman Roelofsen
@romanroe
file:///home/roman/Dateien/presentations/2016-javaland/angular2-rx-slides/index.html#/
11/11