-
Notifications
You must be signed in to change notification settings - Fork 4
/
thomas-hunter.html
102 lines (96 loc) · 6.66 KB
/
thomas-hunter.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<!-- Design by iamCGD-->
<title>NodeConf Argentina</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/favicon.ico">
<meta name="theme-color" content="#1A2024">
<meta name="msapplication-navbutton-color" content="#1A2024">
<meta name="apple-mobile-web-app-status-bar-style" content="#1A2024">
<meta name="keywords" content="nodeconf,argentina,konex,buenos aires,javascript,nodejs,node,js">
<meta name="description" property="og:description" itemprop="description" content="Thomas is a published author and a prolific public speaker with a passion for reducing complex problems into simple language and diagrams.">
<link rel="canonical" href="https://2017.nodeconf.com.ar/">
<meta name="twitter:title" itemprop="name" property="og:title" content="Thomas Hunter II">
<meta name="twitter:description" content="Thomas is a published author and a prolific public speaker with a passion for reducing complex problems into simple language and diagrams.">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@nodeconfar">
<meta name="twitter:creator" content="@nodeconfar">
<meta name="author" itemprop="creator" content="NodeConf Argentina <hello@nodeconf.com.ar>">
<!-- Open Graph data -->
<meta property="og:title" content="NodeConf Argentina 2017 - Thomas Hunter II">
<meta property="og:type" content="website">
<meta property="og:description" content="Thomas is a published author and a prolific public speaker with a passion for reducing complex problems into simple language and diagrams.">
<meta property="og:url" content="https://2017.nodeconf.com.ar/thomas-hunter.html">
<meta property="og:image" content="https://2017.nodeconf.com.ar/assets/images/speakers/flyer-hunter.jpg">
<!-- twitter only cares about the last meta image repeat the cover -->
<meta name="twitter:image:src" content="https://2017.nodeconf.com.ar/assets/images/speakers/flyer-hunter.jpg">
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css">
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-99917583-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="bg-light-gray">
<section>
<div class="mw8 center pt4 pb0-ns pb4 ph3 flex justify-end">
<a href="index.html" class="back-home">
<div class="tooltip">back</div>
</a>
</div>
<div class="mw75 center pb6 cb ph3">
<div class="flex justify-between flex-column flex-row-ns">
<div class="relative w-100 w-50-ns h-50 tc">
<span class="relative"><img src="assets/images/speakers/hunter.jpg" class="profile-speaker"><abbr class="absolute bottom--1 left--1"> <img src="assets/images/speakers/profile.png"></abbr>
<span class="pa3 ba ttu near-black b--near-black bw1 absolute bottom--2 left-0">San Francisco, USA</span></span>
<span class="absolute top--2 right-2-ns right--1"><img src="assets/images/speakers/misc1.png"></span>
</div>
<div class="tc w-100 w-50-ns pl5-ms"> <span class="center w0 bg-light-green h3 db mb2"></span>
<div class="cf"><img src="assets/images/social/twitter.svg" class="mw2 v-btm"></div>
<a href="https://twitter.com/tlhunter" target="_blank" class="pt2 pointer link dib f4 light-green hover-near-black">@tlhunter</a>
<h3 class="f1">Thomas Hunter II</h3>
<h4 class="f4 pb4">Software Engineer, OpenTable</h4>
<p>Thomas is a published author and a prolific public speaker with a passion for reducing complex problems into simple language and diagrams. His career includes working at Fortune 50's in the Midwest, co-founding a successful startup, and everything in between.</p>
<span class="center w0 bg-light-green h3 db mt2"></span> </div>
</div>
</div>
<div class="bg-green">
<div class="mw75 center pv5 cb ph5-ns ph3 relative">
<span class="f6 pa3 ttu bg-light-gray absolute top--1">details about the talk</span>
<h3 class="f3 b--near-black bw1 bb dib mb3 ph3 pb2 ttu">The Long Road to Async/Await in JavaScript</h3>
<div class="ph3">
<p>This is a comparison of different methods for performing asynchronous control flow in JavaScript, specifically Callbacks, Promises, Generators / Yields (ES2015), and Async / Await (ES2016). </p>
<p>We will explore a simple code example as it applies to each of these different "phases" of asynchronous control flow. Finally we'll examine how Async functions are just Promises under the hood and that the two are interoperable.</p>
</div>
</div>
</div>
</section>
<footer class="bg-near-black pv2 ph2 ph0-ns light-gray w-100">
<div class="flex items-center justify-between mw8 center">
<ul class="list flex items-center">
<li class="mw3"><img src="assets/images/logom-header-nodeconf.png" alt="logo-nodeconf" /></li>
<li><a href="https://2016.nodeconfar.com/" target="_blank" class="link dib white ttu">previous edition</a></li>
</ul>
<ul id="social" class="list flex items-center justify-between pr2">
<li class="mh2-l mw2"><a href="https://www.facebook.com/nodeconfar/" target="_blank"> <img src="assets/images/social/facebook.svg" class="v-btm w-100 dim"> </a></li>
<li class="mh2-l mw2"><a href="https://twitter.com/nodeconfar" target="_blank"> <img src="assets/images/social/twitter.svg" class="v-btm w-90 dim"> </a></li>
<li class="mh2-l mw2"><a href="https://www.youtube.com/c/nodeconfargentina" target="_blank"> <img src="assets/images/social/youtube.svg" class="v-btm w-100 dim"> </a></li>
</ul>
</div>
</footer>
</body>
</html>