-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathtalks.html
executable file
·256 lines (239 loc) · 20.4 KB
/
talks.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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>JSDayES 2016</title>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/talks.css" media="screen">
<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/flexslider.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/animate.css" media="screen">
<link rel="stylesheet" type="text/css" href="cubeportfolio/css/cubeportfolio.min.css">
<link rel="stylesheet" type="text/css" href="css/owl.carousel.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/owl.theme.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/yamm.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script type="text/javascript" src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script type="text/javascript" src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-controls="navbar">
<span class="sr-only">Cambiar estado navegación</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">JSDayES 2016</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav scroll-to navbar-right">
<li><a href="index.html#home">Home</a></li>
<li><a href="index.html#speakers">Speakers</a></li>
<li><a href="index.html#schedule">Programa</a></li>
<li><a href="index.html#where">Dónde</a></li>
<li><a href="index.html#tickets">Entradas</a></li>
<li><a href="index.html#organizers">Organización</a></li>
<li><a href="index.html#sponsors">Sponsors</a></li>
</ul>
</div>
</div>
</nav><!--nav-->
<div class="divide80"></div>
<div class="container">
<div class="row">
<div class="col-sm-6 col-sm-offset-3 center-title text-center">
<h2>Programa</h2>
<span class="center-line"></span>
<p>
Las mejores sesiones sobre el ecosistema tecnológico de JavaScript.<br>
Un día enetero de talleres y otro de apasionantes charlas.
</p>
</div>
</div><!--section title-->
<ul class="timeline">
<li id="talk-1">
<div class="timeline-badge primary"><i class="fa fa-minus-square-o"></i></div>
<div class="timeline-panel wow animated fadeInUp">
<div class="timeline-heading">
<img class="img-responsive" src="img/speaker-9.jpg" alt="Enrique Amodeo"/>
</div>
<div class="timeline-body">
<h2>Key Note</h2>
<ul class="list-inline post-detail">
<li class="post-author">Enrique Amodeo</li>
<li><i class="fa fa-clock-o"></i>09:45</li>
</ul>
<p class="post-description">Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
</div>
</li>
<li id="talk-2" class="timeline-inverted">
<div class="timeline-badge primary"><i class="fa fa-minus-square-o"></i></div>
<div class="timeline-panel wow animated fadeInUp">
<div class="timeline-heading">
<img class="img-responsive" src="img/speaker-3.jpg" alt="Anler Hernández"/>
</div>
<div class="timeline-body">
<h2>Programación funcional pura con JavaScript</h2>
<ul class="list-inline post-detail">
<li class="post-author">Anler Hernández</li>
<li><i class="fa fa-clock-o"></i>10:30</li>
</ul>
<p class="post-description">Programación funcional pura con JavaScript cuenta mi búsqueda de un framework o conjunto de bibliotecas en donde todas las funciones fueran puras, es decir, tuvieran parámetros de entrada, un valor de retorno, referencialmente transparentes y donde además los efectos secundarios se trataran como datos.Mi búsqueda culminó portando casi todas las ideas encontradas en el lenguaje Elm a JavaScript dando lugar a un experimento llamado Olmo (github.com/kaleidos/olmo) cuyo principal y casi único ingrediente son Observables de RxJS.</p>
</div>
</div>
</li>
<li id="talk-3" class="timeline">
<div class="timeline-badge primary"><i class="fa fa-minus-square-o invert"></i></div>
<div class="timeline-panel wow animated fadeInUp">
<div class="timeline-heading">
<img class="img-responsive" src="img/speaker-2.jpg" alt="Rafael Casuso"/>
</div>
<div class="timeline-body">
<h2>Rise of the Bots</h2>
<ul class="list-inline post-detail">
<li class="post-author">Rafael Casuso</li>
<li><i class="fa fa-clock-o"></i>11:15</li>
</ul>
<p class="post-description">El auge de los robots de software es evidente, en JavaScript disponemos de diferentes herramientas para su diseño. Aquí contaré mi experiencia construyendo un Bot de Slack que automatiza muchas gestiones en mi empresa y arquitecturando un Bot de una aplicación de chat propio que hace las labores de Asistente de Customer Service. Tecnologías como Botkit o Witbot y software de lenguaje natural como Wit.ai e IBM Watson aplicado a desarrollo de bots.</p>
</div>
</div>
</li>
<li id="talk-4" class="timeline-inverted">
<div class="timeline-badge primary"><i class="fa fa-minus-square-o invert"></i></div>
<div class="timeline-panel wow animated fadeInUp">
<div class="timeline-heading">
<img class="img-responsive" src="img/speaker-1.jpg" alt="Carlos Ble"/>
</div>
<div class="timeline-body">
<h2>ES6 simplificado</h2>
<ul class="list-inline post-detail">
<li class="post-author">Carlos Ble</li>
<li><i class="fa fa-clock-o"></i>12:30</li>
</ul>
<p class="post-description">ES6 viene con un montón de funcionalidad y sigue dejando la puerta abierta para resolver el mismo problema de muchas formas diferentes. ¿Debería usar las clases de ES6? ¿Deberia usar patrones tipicos de ES5 como el módulo? En esta sesión cuento cómo estamos usando ES6 en nuestros proyectos, nuestro estilo de programación y los novedades del lenguaje que más útiles nos resultan. Veremos un poquito de arquitectura, infraestructura, testing...</p>
</div>
</div>
</li>
<li id="talk-5" class="timeline">
<div class="timeline-badge primary"><i class="fa fa-minus-square-o invert"></i></div>
<div class="timeline-panel wow animated fadeInUp">
<div class="timeline-heading">
<img class="img-responsive" src="img/speaker-4.jpg" alt="Pedro J. Molina"/>
</div>
<div class="timeline-body">
<h2>Microservicios sobre MEAN stack</h2>
<ul class="list-inline post-detail">
<li class="post-author">Pedro J. Molina</li>
<li><i class="fa fa-clock-o"></i>13:15</li>
</ul>
<p class="post-description">Los microservicios proprocionan un patron arquitectonico adecuado para particionar la funcionalidad e iterar de modo rápido.En esta charla se mostraran las decisiones y alternativas tomadas para la construcción de microservicios sobre el stack MEAN: (MongoDB, NodeJS, AngularJS y ExpressJS) desde la experiencia de la construccion del producto https://www.hivepod.io durante los dos ultimos años. Hivepod proprociona la construcción y despliegue de microservicios en diversos proveedores de nube. La arquitectura MEAN permite emplear Javascript en todas las capas del stack desde la UI hasta la lógica de negocio.</p>
</div>
</div>
</li>
<li id="talk-6" class="timeline-inverted">
<div class="timeline-badge primary"><i class="fa fa-minus-square-o invert"></i></div>
<div class="timeline-panel wow animated fadeInUp">
<div class="timeline-heading">
<img class="img-responsive" src="img/speaker-7.jpg" alt="Javi Velasco"/>
</div>
<div class="timeline-body">
<h2>Scaffolding de Aplicaciones Complejas con React</h2>
<ul class="list-inline post-detail">
<li class="post-author">Javi Velasco</li>
<li><i class="fa fa-clock-o"></i>15:00</li>
</ul>
<p class="post-description">React ha sido la librería de moda en 2015. Facebook ha revolucionado la forma en la que desarrollamos el frontend de nuestras aplicaciones aunque, tal y como ellos mismos la promocionan, es una librería que "sólo se ocupa de la vista". Es cierto que React dispone de una API muy escueta y, una vez hemos aprendido como usarla, nos cuesta proyectar cómo trabajar con una aplicación compleja. El ecosistema que se ha creado en torno a React es enorme, y disponemos de muchísimos módulos para ayudarnos en el andamiaje de la aplicación. No obstante, ¿cuáles son los más destacados? ¿cuáles necesitamos realmente? En esta charla haré un recorrido por los diferentes aspectos que debemos afrontar a la hora de diseñar una aplicación completa con React: Cómo nos enfrentamos al Routing, cómo integrar Redux y qué resuelve Redux y Redux Saga, cómo implementar server side rendering, cómo resolver las llamadas AJAX a una api, cómo resolver el problema de fetching en el servidor, cómo internacionalizar la aplicación, cómo integrar el nuevo frontend poco a poco en tu legacy, cómo integrar CSS Modules, cómo levantar el entorno de desarrollo con HMR, cómo integrar todo en el despliegue a producción. El objetivo de la charla es responder a todas estas preguntas con ejemplos, haciendo especial hincapié y desarrollando los puntos más tediosos o complejos de resolver</p>
</div>
</div>
</li>
<li id="talk-7" class="timeline">
<div class="timeline-badge primary"><i class="fa fa-minus-square-o invert"></i></div>
<div class="timeline-panel wow animated fadeInUp">
<div class="timeline-heading">
<img class="img-responsive" src="img/speaker-6.jpg" alt="Javi Santana"/>
</div>
<div class="timeline-body">
<h2>Mapas en Javascript: Tecnología y Estado del Arte</h2>
<ul class="list-inline post-detail">
<li class="post-author">Javi Santana</li>
<li><i class="fa fa-clock-o"></i>15:45</li>
</ul>
<p class="post-description">En los últimos años la tecnología de render en navegador ha mejorado notablemente con canvas y webgl, google maps usa este último para renderizar mapas desde hace años. Pero hay vida más allá de google maps, librerías open source como Leaflet, OpenLayers, d3 son alternativas muy interesantes para incrustar mapas en aplicaciones javascript.Esta charla habla de la historia de los mapas, como funcionan y qué librerías podemos usar actualmente para cada tipo de proyecto. Siempre hablando de open source, por supuesto</p>
</div>
</div>
</li>
<li id="talk-8" id="talk-1" class="timeline-inverted">
<div class="timeline-badge primary"><i class="fa fa-minus-square-o invert"></i></div>
<div class="timeline-panel wow animated fadeInUp">
<div class="timeline-heading">
<img class="img-responsive" src="img/speaker-8.jpg" alt="Javier Vélez"/>
</div>
<div class="timeline-body">
<h2>Arquitecturas Para la Reutilización en JavaScript</h2>
<ul class="list-inline post-detail">
<li class="post-author">Javier Vélez</li>
<li><i class="fa fa-clock-o"></i>17:45</li>
</ul>
<p class="post-description">La reutilización ha sido desde siempre uno de los objetivos más perseguidos dentro de la ingeniería del software. La idea de convertir los procesos de construcción de aplicativos en algo automatizable, sencillo y económico siempre ha estado ahí en la cabeza de los desarrolladores. Pero, de manera recurrente, esta iniciativa se ha dado de bruces con los inamovibles mimbres de unos paradigmas de programación demasiado inflexibles a este respecto. Sin embargo, lenguajes como Javascript se prestan mucho más a hacer del desarrollo de código un ejercicio de verdadera reutilización. A lo largo de esta charla explicaremos cuáles son las barreras paradigmáticas que suelen impedir la reutilización y cómo y en qué sentido JavaScript consigue soslayarlas con éxito. Asimismo presentaremos una colección de modelos arquitectónicos basados en Mixins, Traits, Roles, Aspectos, Subjects, etc. que se están usando en proyectos de software actuales con este lenguaje precisamente por las bondades que ellos presentan.</p>
</div>
</div>
</li>
<li id="talk-9" class="timeline">
<div class="timeline-badge primary"><i class="fa fa-minus-square-o invert"></i></div>
<div class="timeline-panel wow animated fadeInUp">
<div class="timeline-heading">
<img class="img-responsive" src="img/speaker-5.jpg" alt="Jesús Pérez Rubio"/>
</div>
<div class="timeline-body">
<h2>Que no te peten el Node</h2>
<ul class="list-inline post-detail">
<li class="post-author">Jesús Pérez Rubio</li>
<li><i class="fa fa-clock-o"></i>17:45</li>
</ul>
<p class="post-description">Todos sabemos que JavaScript está dominando el mundo, también el lado servidor. Instalas Express, añades unas rutas, unas cuantas dependencias, una especie de sistema de logging ... ¿alguien dijo tests? Y a volar! Las risas vienen cuando manejas datos personales de cientos de miles de usuarios y en donde una caída del sistema podría suponer el fin de la organización. La única forma de evitarlo es comprender las principales vulnerabilidades que afectan a este tipo de entornos. Pero realmente no disponemos de una documentación completa para guiarnos, más allá de algunas diapositivas y diversos posts.Por este motivo durante la presentación publicaré mi propio checklist. Se mostrarán casos reales y ejemplos de código (con su corrección) ilustrando cada una de las vulnerabilidades: inyección de JavaScript/SQL/NoSQL, componentes inseguros, XSS, malos controles de acceso, fugas de información, etc.</p>
</div>
</div>
</li>
<li class="clearfix" style="float: none;"></li>
</ul>
</div><!--/Blog-->
<div class="divide80"></div>
<footer class="footer text-center shadow">
<div class="container">
<div class=" text-center">
<ul class="list-inline social">
<li><a href="https://twitter.com/jsdayes"><span class="sr-only">Twitter de JSDayES</span> <i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.youtube.com/channel/UClqqpvRAqxpLT27rj7vKfOA"><span class="sr-only">Canal Youtube de JSDayES</span> <i class="fa fa-youtube"></i></a></li>
<li><a href="https://plus.google.com/+JsdayEsMadrid"><span class="sr-only">Google Plus de JSDayES</span> <i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>
<span>JSDayES - 2a Edición © Abril 2016</span>
</footer>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.min.js"></script>
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
<script type="text/javascript" src="js/waypoints.min.js"></script>
<script type="text/javascript" src="js/jquery.counterup.min.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="js/jquery.mb.YTPlayer.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
<script type="text/javascript" src="js/cube-portfolio.js"></script>
</body>
</html>