Tweet
Tweet

Slide 1

Slide 1 text

FUN & GAMES WITH ANGULAR ========= v2.0 ========= wendy kong | web developer @ Pulsifi

Slide 2

Slide 2 text

First ⚡ talk at Angular Conference July 2019

Slide 3

Slide 3 text

A simple game with Angular & RxJS

Slide 4

Slide 4 text

1) Asynchronous Data Streams 2) Observables 3) Comes with Angular RxJS

Slide 5

Slide 5 text

1) Creating an observable 2) pipe(), subscribe() 3) Operators Mini crash course in RxJS

Slide 6

Slide 6 text

LIVE CODE https://stackblitz.com/edit/rxjs-mamak-example?file=index.ts

Slide 7

Slide 7 text

SET GO READY rxjs-mamak.netlify.com Let’s play!

Slide 8

Slide 8 text

Timing ⏰ Game object User actions Score

Slide 9

Slide 9 text

⏰ Timing

Slide 10

Slide 10 text

Game object

Slide 11

Slide 11 text

Game object

Slide 12

Slide 12 text

Game object

Slide 13

Slide 13 text

Game object

Slide 14

Slide 14 text

Game object

Slide 15

Slide 15 text

User action

Slide 16

Slide 16 text

User action

Slide 17

Slide 17 text

User action

Slide 18

Slide 18 text

Score

Slide 19

Slide 19 text

GAME OVER GAME OVER GAME OVER GAME OVER wendko Game code: github.com/wendko/rxjs-mamak Play the v1 game: rxjs-mamak.netlify.com learnrxjs.io The introduction to Reactive Programming you've been missing (andrestaltz) Mini crash course: github.com/wendko/rxjs-mamak-example Want a job? pulsifi.me/careers ‍