44
Async flow control 2013.11.11 HTML5 Caravan Tokyo Bathtimefish 村岡 正和 basic & practice

Async flow controll basic and practice

Embed Size (px)

Citation preview

Page 1: Async flow controll basic and practice

Async flow control

2013.11.11 HTML5 Caravan TokyoBathtimefish 村岡 正和

basic & practice

Page 2: Async flow controll basic and practice

HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンバーGDG京都 / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など

むらおか まさかず

村岡正和

HTML5-WEST.jp

Webアプリケーション開発 IT業務システム設計/開発Webサービス導入/事業戦略コンサルティング

@bathtimefish

Page 3: Async flow controll basic and practice

監修しました。

実例ごとの実装例がたくさん書いてあります。ウェブサイト制作やCMSの運用時に便利です。

好評販売中!!

Page 4: Async flow controll basic and practice

JavaScript

Page 5: Async flow controll basic and practice

that is puzzled !

Page 6: Async flow controll basic and practice

function() { callback( function() { callback( function() { callback( function () { callback( function () { callback( function () { callback( function () { callback( function () { callback( function () { callback( function () {

Page 7: Async flow controll basic and practice

post current position to server.

Page 8: Async flow controll basic and practice

plz gime me a simple way like this...

Page 9: Async flow controll basic and practice

solution...?

Page 10: Async flow controll basic and practice

Some Async flow controllers

jQuery.Deferred

kriszyp/promised-io

caolan/async

alexeypetrushin/synchronize

creationix/step

gameclosure/ff

kriskowal/q

icedcoffeescript

jmr777/suspend

visionmedia/co

Page 11: Async flow controll basic and practice

jQuery.Ajax()

Page 12: Async flow controll basic and practice

plain coding

Page 13: Async flow controll basic and practice

another way

Page 16: Async flow controll basic and practice

useing deferred/promise

Page 20: Async flow controll basic and practice

conrollers without Promise

Page 22: Async flow controll basic and practice

Example

Page 24: Async flow controll basic and practice

Example

Page 26: Async flow controll basic and practice

Example

Page 28: Async flow controll basic and practice

Example

Page 30: Async flow controll basic and practice

Example

Page 34: Async flow controll basic and practice

future

Page 35: Async flow controll basic and practice

ES6

Page 37: Async flow controll basic and practice

Example

Page 38: Async flow controll basic and practice

jmr777/suspend

https://github.com/jmar777/suspend

Page 39: Async flow controll basic and practice

Example

Page 40: Async flow controll basic and practice

visionmedia/co

https://github.com/visionmedia/co

Page 42: Async flow controll basic and practice

JS have many way about async flow control.

Page 43: Async flow controll basic and practice

wish your good choice !

Page 44: Async flow controll basic and practice

Thanks!