-
Notifications
You must be signed in to change notification settings - Fork 4
/
claudia-hernandez.html
102 lines (96 loc) · 7.14 KB
/
claudia-hernandez.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="Claudia is a mexican frontend developer at Dailymotion in Paris. She has previously worked on projects for companies such as Air France, EDF, Groupe SEB and Aéroport de Paris.">
<link rel="canonical" href="https://2017.nodeconf.com.ar/">
<meta name="twitter:title" itemprop="name" property="og:title" content="Claudia Hernández">
<meta name="twitter:description" content="Claudia is a mexican frontend developer at Dailymotion in Paris. She has previously worked on projects for companies such as Air France, EDF, Groupe SEB and Aéroport de Paris.">
<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 - Claudia Hernández">
<meta property="og:type" content="website">
<meta property="og:description" content="Claudia is a mexican frontend developer at Dailymotion in Paris. She has previously worked on projects for companies such as Air France, EDF, Groupe SEB and Aéroport de Paris.">
<meta property="og:url" content="https://2017.nodeconf.com.ar/claudia-hernandez.html">
<meta property="og:image" content="https://2017.nodeconf.com.ar/assets/images/speakers/flyer-claudia.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-claudia.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/claudia.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">Paris, France</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/koste4" target="_blank" class="pt2 pointer link dib f4 light-green hover-near-black">@koste4</a>
<h3 class="f1">Claudia Hernández</h3>
<h4 class="f4 pb4">Frontend Developer, Dailymotion</h4>
<p>Claudia is a mexican frontend developer at Dailymotion in Paris. She has previously worked on projects for companies such as Air France, EDF, Groupe SEB and Aéroport de Paris. Claudia has a computer science background and loves learning emerging web technologies. When she is not coding, chances are you’ll find her reading a book ! Claudia also loves travelling and discovering new cultures.</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">How to sort your socks using Javascript</h3>
<div class="ph3">
<p>No matter your experience in JS, you have probably came across the Array#sort method at some point. Do you remember the first time you tried sorting numbers? You were probably astonished that the sort method does not sort things out quite as we might expect.</p>
<p>Believe it or not, there is actually much more going on than meets the eye! Let’s get our computer science hat on and explore some useful sorting algorithms currently implemented by JS engines used by Node such as Chrome's V8 and Microsoft's Chakra. As a developer, learning how these algorithms work, why and when to use them will help you create more performant and consistent applications! </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>