-
Notifications
You must be signed in to change notification settings - Fork 4
/
leonardo-crespo.html
102 lines (96 loc) · 7.02 KB
/
leonardo-crespo.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="Frontend Developer at Match.com. All things React. I like to always be learning new things. Meetup.js co-organizer. Bass guitar player and bad jokes teller.">
<link rel="canonical" href="https://2017.nodeconf.com.ar/">
<meta name="twitter:title" itemprop="name" property="og:title" content="Leonardo Crespo">
<meta name="twitter:description" content="Frontend Developer at Match.com. All things React. I like to always be learning new things. Meetup.js co-organizer. Bass guitar player and bad jokes teller.">
<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 - Leonardo Crespo">
<meta property="og:type" content="website">
<meta property="og:description" content="Frontend Developer at Match.com. All things React. I like to always be learning new things. Meetup.js co-organizer. Bass guitar player and bad jokes teller.">
<meta property="og:url" content="https://2017.nodeconf.com.ar/leonardo-crespo.html">
<meta property="og:image" content="https://2017.nodeconf.com.ar/assets/images/speakers/flyer-lenny.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-lenny.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/lenny.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">Buenos Aires, AR</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/leogcrespo" target="_blank" class="pt2 pointer link dib f4 light-green hover-near-black">@leogcrespo</a>
<h3 class="f1">Leonardo Crespo</h3>
<h4 class="f4 pb4">Frontend Developer, Match</h4>
<p>Frontend Developer at Match.com. All things React. I like to always be learning new things. Meetup.js co-organizer. Bass guitar player and bad jokes teller.</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">AST a la vista, baby</h3>
<div class="ph3">
<p>Tools like <a href="https://babeljs.io/" class="link near-black dim">Babel</a>, <a href="http://eslint.org/" class="link near-black dim">ESlint</a>, <a href="https://github.com/facebook/jscodeshift" class="link near-black dim">JScodeshift</a>, <a href="https://github.com/prettier/prettier" class="link near-black dim">Prettier</a> all seem to work magically for us. Since they relate to subjects such as "compilers" and "parsers", we never even dare to look inside and understand what they do. How do they work? We'll see the fundamental piece of the puzzle, the Abstract Syntax Tree, or AST. What it is, what it is for, and how can we use it to ease our work and make us more productive while keeping our code optimized, or even do crazy things we never thought of.</p>
<p>After this talk you'll no longer be afraid of the AST, and you'll know enough to go and write your own plugins!</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>