Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
So Easy You Can Even Do It In JavaScript: Event...
Search
PyCon 2013
March 16, 2013
Programming
4
3.3k
So Easy You Can Even Do It In JavaScript: Event-Driven Architecture For Regular Programmers by Glyph
PyCon 2013
March 16, 2013
Tweet
Share
More Decks by PyCon 2013
See All by PyCon 2013
Bayesian statistics made simple by Allen Downey
pyconslides
32
6.2k
Python for Humans
pyconslides
40
6.6k
Contribute with me! Getting started with the tools of free software development by Jessica McKellar
pyconslides
11
2k
ApplePy: An Apple ][ emulator in Python by James Tauber
pyconslides
3
1.5k
Use curses, don't swear by Sean Zicari
pyconslides
2
1.4k
Namespaces in Python by Eric Snow
pyconslides
9
1.8k
Internationalization and Localization Done Right by Ruchi Varshney
pyconslides
9
1.1k
"Good Enough" is good enough! by Alex Martelli
pyconslides
13
2.5k
Plover: Thought to Text at 240 WPM by Mirabai Knight
pyconslides
1
1.2k
Other Decks in Programming
See All in Programming
subpath importsで始めるモック生活
10tera
0
320
Creating a Free Video Ad Network on the Edge
mizoguchicoji
0
120
TypeScript Graph でコードレビューの心理的障壁を乗り越える
ysk8hori
3
1.2k
Duckdb-Wasmでローカルダッシュボードを作ってみた
nkforwork
0
130
ペアーズにおけるAmazon Bedrockを⽤いた障害対応⽀援 ⽣成AIツールの導⼊事例 @ 20241115配信AWSウェビナー登壇
fukubaka0825
6
2k
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwire or React? after talk
harunatsujita
1
120
3rd party scriptでもReactを使いたい! Preact + Reactのハイブリッド開発
righttouch
PRO
1
610
Click-free releases & the making of a CLI app
oheyadam
2
120
とにかくAWS GameDay!AWSは世界の共通言語! / Anyway, AWS GameDay! AWS is the world's lingua franca!
seike460
PRO
1
900
AWS Lambdaから始まった Serverlessの「熱」とキャリアパス / It started with AWS Lambda Serverless “fever” and career path
seike460
PRO
1
260
ローコードSaaSのUXを向上させるためのTypeScript
taro28
1
630
Flutterを言い訳にしない!アプリの使い心地改善テクニック5選🔥
kno3a87
1
210
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.1k
The Invisible Side of Design
smashingmag
298
50k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
720
Ruby is Unlike a Banana
tanoku
97
11k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
The Language of Interfaces
destraynor
154
24k
Designing the Hi-DPI Web
ddemaree
280
34k
Transcript
EVENT DRIVEN ARCHITECTURE It Is The Hardest Thing You Will
Never Figure it Out I Mean What Does “Asynchronous” Even Mean Is That Even A Real Word Saturday, March 16, 13
EVENT DRIVEN ARCHITECTURE For Regular Programmers Saturday, March 16, 13
EVENT DRIVEN ARCHITECTURE So Easy You Can Even Do It
In JavaScript Saturday, March 16, 13
W ARNING Saturday, March 16, 13
THINGS THAT ARE HARD IN JAVASCRIPT Saturday, March 16, 13
• Comparing Arrays THINGS THAT ARE HARD IN JAVASCRIPT Saturday,
March 16, 13
• Comparing Arrays • Adding Numbers THINGS THAT ARE HARD
IN JAVASCRIPT Saturday, March 16, 13
• Comparing Arrays • Adding Numbers • Defining Types THINGS
THAT ARE HARD IN JAVASCRIPT Saturday, March 16, 13
• Comparing Arrays • Adding Numbers • Defining Types •
Loading Modules THINGS THAT ARE HARD IN JAVASCRIPT Saturday, March 16, 13
THINGS THAT ARE EASY IN JAVASCRIPT Saturday, March 16, 13
• Calling Functions THINGS THAT ARE EASY IN JAVASCRIPT Saturday,
March 16, 13
• Calling Functions • Handling Events THINGS THAT ARE EASY
IN JAVASCRIPT Saturday, March 16, 13
THE ONLY THING THAT IS EASY IN JAVASCRIPT CALLING FUNCTIONS
Saturday, March 16, 13
A TALE OF TWO EVENTS • ASYNCHRONOUS I/O • CLICKY
BUTTONS Saturday, March 16, 13
A TALE OF TWO EVENTS • CLICKY BUTTONS • ASYNCHRONOUS
I/O Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
? ? ? Saturday, March 16, 13
When X ↓ Do Y Saturday, March 16, 13
When a REST API service endpoint result for the requested
data is available ↓ Do manipulate a model object of the appropriate type based on that data Saturday, March 16, 13
When I Click ↓ Do Say “Hi” Saturday, March 16,
13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
PyJS http://pyjs.org/ Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
NUMBER GUESSER binary search as implemented by human user Saturday,
March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
JAN KEN PON the ultimate distillation of human conflict Saturday,
March 16, 13
Saturday, March 16, 13
TWISTED http://twistedmatrix.com Saturday, March 16, 13
KLEIN https://github.com/twisted/klein Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
Saturday, March 16, 13
WHAT IS EVENT DRIVEN an event is just a function
call that you asked for Saturday, March 16, 13
THINK OF A FUNCTION what do you want to happen?
Saturday, March 16, 13
WHEN THE USER CLICKS THIS BUTTON please call this function
Saturday, March 16, 13
WHEN THE USER ANSWERS THIS QUESTION please call this function
Saturday, March 16, 13
WHEN THE NETWORK ANSWERS THIS QUESTION please call this function
Saturday, March 16, 13
WHEN THE NETWORK SENDS ME SOME DATA please call this
function Saturday, March 16, 13
THE NETWORK IS JUST A USER on the other side
of the planet or on the other side of the screen Saturday, March 16, 13
THANK YOU Saturday, March 16, 13
Saturday, March 16, 13