-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
549 lines (533 loc) · 23.1 KB
/
index.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
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
<!DOCTYPE html>
<html lang='en-US'>
<head>
<title>JSConf BR 2014</title>
<meta charset='utf-8'>
<link href='style.css' rel='stylesheet'>
</head>
<body>
<nav class='navbar'>
<ul>
<li><a href='#tickets'>Tickets</a></li>
<li><a href='#speakers'>Speakers</a></li>
<li><a href='#schedule'>Schedule</a></li>
<li><a href='#location'>Location</a></li>
<li><a href='#callforpapers'>Call for Papers</a></li>
<li><a href='#sponsors'>Sponsors</a></li>
<li><a href='http://confcodeofconduct.com/'>Code of Conduct</a></li>
</ul>
</nav>
<main class='container'>
<header class='header'>
<img src='images/jsconfbr.png' alt='logo'>
<h1>JSConf BR 2014</h1>
<p>April 26 / Fortaleza, Brazil</p>
</header>
<div class='divider'></div>
<section id='tickets' class='row'>
<h2>Tickets</h2>
<p>Super Early Bird is opened!</p>
<p><a class='btn' href='#'>Buy JSConf BR Tickets</a></p>
</section>
<div class='divider'></div>
<section id='speakers' class='row'>
<h2>Speakers</h2>
<ul>
<li>
<figure id='speaker-gr2m'>
<img src='images/speakers/gregor_martynus.jpg' alt='Gregor Martynus'>
<figcaption>
<h3><a href='#'>Gregor Martynus</a></h3>
<p>Offline First, Made Easy</p>
</figcaption>
</figure>
<div class='hide'>
<h3><a href='#'>Gregor Martynus</a></h3>
<p>Gregor is a full stack developer & UX designer, questioning the status quo of what’s possible in the browser today. He created minutes.io and Hoodie, a JavaScript Library/Architecture that enables you to build offline-capable applications without ever thinking about the backend.</p>
<p>He’s a founder at The Hoodie Firm, where he tries to figure out how to fund the “Hoodie” Open Source project without selling his soul. He lives with his wife in Zurich, but sometimes he's off and on the road to just another AfricaHackTrip.</p>
</div>
</li>
<li>
<figure id='speaker-lynnandtonic'>
<img src='images/speakers/lynn_fisher.jpg' alt='Lynn Fisher'>
<figcaption>
<h3><a href='#'>Lynn Fisher</a></h3>
<p>Developers as Intentional Designers</p>
</figcaption>
</figure>
<div class='hide'>
<h3><a href='#'>Lynn Fisher</a></h3>
<p>Lynn Fisher is a designer and front-end developer from Chandler, Arizona, currently working with the awesome folks at &yet. She can usually be found buried in a text editor or chatting excitedly about improving the way designers and developers work together.</p>
</div>
</li>
<li>
<figure id='speaker-shiota'>
<img src='images/speakers/eduardo_shiota.jpg' alt='Eduardo Shiota'>
<figcaption>
<h3><a href='#'>Eduardo Shiota</a></h3>
<p>Rock the browser like it's 1983</p>
</figcaption>
</figure>
<div class='hide'>
<h3><a href='#'>Eduardo Shiota</a></h3>
<p>I'm a front-end engineer and designer, who moved from the land of samba to the land of bicycles. Started developing pages in 1998, have been working with web development since 2002 and with design since 2005. I'm fluent in HTML, CSS and JavaScript development and hack my way through Ruby and PHP whenever needed.</p>
<p>I graduated in Arts, so I also have skills in print, type, and web design. My main design skill is crafting engaging and optimal User Experience, applying Information Architecture and User-Centered Design concepts.</p>
</div>
</li>
<li>
<figure id='speaker-reconbot'>
<img src='images/speakers/francis_gulotta.jpg' alt='Francis Gulotta'>
<figcaption>
<h3><a href='#'>Francis Gulotta</a></h3>
<p>Full Stack Firmata</p>
</figcaption>
</figure>
<div class='hide'>
<h3><a href='#'>Francis Gulotta</a></h3>
<p>Francis Gulotta is a long time developer and lover of electronics. He spends his days with his development team at Wizard Development and his nights working on javascript robots.</p>
</div>
</li>
<li>
<figure id='speaker-creationix'>
<img src='images/speakers/tim_caswell.jpg' alt='Tim Caswell'>
<figcaption>
<h3><a href='#'>Tim Caswell</a></h3>
<p>The JS-Git Journey</p>
</figcaption>
</figure>
<div class='hide'>
<h3><a href='#'>Tim Caswell</a></h3>
<p>Tim Caswell is an inventor, always looking for new ways to make life better for programmers. Tim is most well known for his early contributions to node.js as a member of the original node Illuminati that met often to plan the early stages of node’s future. Tim has over 100 modules published to the npm registry and has authored about 300 open source projects on GitHub scattered across various organizations. Tim also teaches local programming classes in rural Texas and is currently trying to bootstrap a startup that helps more kids get into programming. He is also the creator and primary author of the community run howtonode.org.</p>
</div>
</li>
<li>
<figure id='speaker-furf'>
<img src='images/speakers/dave_furfero.jpg' alt='Dave Furfero'>
<figcaption>
<h3><a href='#'>Dave Furfero</a></h3>
<p>Close Enough: Using JavaScript to Emulate the Abstract Expressionist Masterworks of Chuck Close</p>
</figcaption>
</figure>
<div class='hide'>
<h3><a href='#'>Dave Furfero</a></h3>
<p>Dave Furfero dropped out of art school in 1993 after two professors told him that he lacked the discipline required to be an artist. They were right. Twenty-one years later, he is a Solutions Architect at HUGE and spends his spare time teaching computers to create art for him. He is also the author of the popular jQuery UI plugin Touch Punch.</p>
</div>
</li>
<li>
<figure id='speaker-junspector'>
<img src='images/speakers/ju_goncalves.jpg' alt='Jú Gonçalves'>
<figcaption>
<h3><a href='#'>Jú Gonçalves</a></h3>
<p>You, programming languages and the browser</p>
</figcaption>
</figure>
<div class='hide'>
<h3><a href='#'>Jú Gonçalves</a></h3>
<p>Jú Gonçalves is currently a freelance Frontend Engineer and MSC candidate in Computer Science. She likes to code and to discuss about coding, specially JavaScript, functional paradigm and good design choices. That's why she spends her free time coding some new (yet another?) UI frameworks and playing around with langs that compiles to Javascript.</p>
</div>
</li>
<li>
<figure id='speaker-timpark'>
<img src='images/speakers/tim_park.jpg' alt='Tim Park'>
<figcaption>
<h3><a href='#'>Tim Park</a></h3>
<p>JavaScript for all the things!</p>
</figcaption>
</figure>
<div class='hide'>
<h3><a href='#'>Tim Park</a></h3>
<p>Tim is an engineer in residence at Microsoft. He resides in Silicon Valley and helps companies use open technologies on the Azure cloud platform and mentors startups in Microsoft's Palo Alto Internet of Things accelerator. Before rejoining Microsoft, he was part of Nest Labs, an internet of things startup focused on making the home more energy efficient. Tim aspires to start his day with a perfectly brewed cup of coffee and end it with a pint of craft beer.</p>
</div>
</li>
<li>
<figure id='speaker-daviddias'>
<img src='images/speakers/david_dias.jpg' alt='David Dias'>
<figcaption>
<h3><a href='#'>David Dias</a></h3>
<p>Securing Node apps, by the community and for the community</p>
</figcaption>
</figure>
<div class='hide'>
<h3><a href='#'>David Dias</a></h3>
<p>Passionate about security, David is one of the leaders of the Node Security Project and the organizer of @LXJS, the Lisbon Javascript Conference. He's currently completing a Computer Science Masters degree with a focus on Peer-to-Peer networks and Cloud Computing.</p>
</div>
</li>
<li>
<figure id='speaker-bkobos'>
<img src='images/speakers/bernard_kobos.jpg' alt='Bernard Kobos'>
<figcaption>
<h3><a href='#'>Bernard Kobos</a></h3>
<p>Appium</p>
</figcaption>
</figure>
<div class='hide'>
<h3><a href='#'>Bernard Kobos</a></h3>
<p>I started coding during primary school being inspired by older brothers' home assignments. During years I developed bigger and smaller apps in various programming languages, both as professional and personal pet projects. Not being satisfied with innovativeness of the tasks, I started applying for fully remote positions at startup companies to work on cutting edge projects which could better utilize my skill set. Currently I'm working in a test-centered company that strongly believes in automated testing solutions. We provide infrastructure and work on making testing more accessible for every developer. I've been contributing to open source projects such as: WD.js, Selenium Builder and Appium.</p>
</div>
</li>
<li>
<figure id='speaker-johnkpaul'>
<img src='images/speakers/john_paul.jpg' alt='John Paul'>
<figcaption>
<h3><a href='#'>John Paul</a></h3>
<p>ES6 on the frontend, in the real world</p>
</figcaption>
</figure>
<div class='hide'>
<h3><a href='#'>John Paul</a></h3>
<p>John K. Paul is the VP of engineering at Penton Media and former lead technical architect of Condé Nast's platform engineering team. He is a contributor to numerous open source projects including promethify, requireify, jquery-ajax-retry, and js-beautify. He is also the organizer of the NYC HTML5 meetup group.</p>
</div>
</li>
<li>
<figure id='speaker-ericmann'>
<img src='images/speakers/eric_mann.jpg' alt='Eric Mann'>
<figcaption>
<h3><a href='#'>Eric Mann</a></h3>
<p>Monkeys in the Machine</p>
</figcaption>
</figure>
<div class='hide'>
<h3><a href='#'>Eric Mann</a></h3>
<p>Eric Mann is a seasoned web developer with experience in languages from JavaScript to Ruby to C# to PHP. He has been building websites of all shapes and sizes for the better part of a decade and continues to experiment with new technologies and techniques.</p>
<p>Eric is a Senior Web Engineer at 10up where he focuses on developing high-end web solutions powered by WordPress.</p>
</div>
</li>
</ul>
</section>
<div class='divider'></div>
<section id='schedule' class='row'>
<h2>Schedule</h2>
<table>
<tr>
<th scope='row'>8:00</th>
<td colspan='2'>
<h4>Registration</h4>
</td>
</tr>
<tr>
<th scope='row'>8:50</th>
<td colspan='2'>
<h4>Welcome</h4>
</td>
</tr>
<tr>
<th scope='row'>9:00</th>
<td>
<h4>Developers as Intentional Designers</h4>
<p class='speaker'><a href='#speaker-lynnandtonic'>Lynn Fisher</a></p>
</td>
<td>
<a href='#speaker-lynnandtonic'>
<img src='images/speakers/lynn_fisher.jpg' alt='Lynn Fisher'>
</a>
</td>
</tr>
<tr>
<th scope='row'>9:30</th>
<td>
<h4>Close Enough: Using JavaScript to Emulate the Abstract Expressionist Masterworks of Chuck Close</h4>
<p class='speaker'><a href='#speaker-furf'>Dave Furfero</a></p>
</td>
<td>
<a href='#speaker-furf'>
<img src='images/speakers/dave_furfero.jpg' alt='Dave Furfero'>
</a>
</td>
</tr>
<tr>
<th scope='row'>10:00</th>
<td>
<h4>The JS-Git Journey</h4>
<p class='speaker'><a href='#speaker-creationix'>Tim Caswell</a></p>
</td>
<td>
<a href='#speaker-creationix'>
<img src='images/speakers/tim_caswell.jpg' alt='Tim Caswell'>
</a>
</td>
</tr>
<tr>
<th scope='row'>10:30</th>
<td colspan='2'>
<h4>Coffee-Break</h4>
</td>
</tr>
<tr>
<th scope='row'>11:00</th>
<td>
<h4>Offline First, Made Easy</h4>
<p class='speaker'><a href='#speaker-gr2m'>Gregor Martynus</a></p>
</td>
<td>
<a href='#speaker-gr2m'>
<img src='images/speakers/gregor_martynus.jpg' alt='Gregor Martynus'>
</a>
</td>
</tr>
<tr>
<th scope='row'>11:30</th>
<td>
<h4>Appium</h4>
<p class='speaker'><a href='#speaker-bkobos'>Bernard Kobos</a></p>
</td>
<td>
<a href='#speaker-bkobos'>
<img src='images/speakers/bernard_kobos.jpg' alt='Bernard Kobos'>
</a>
</td>
</tr>
<tr>
<th scope='row'>12:00</th>
<td>
<h4>Monkeys in the Machine <span class='tag'>webworkers</span><span class='tag'>async</span><span class='tag'>Shakespeare</span><span class='tag'>deferred</span><span class='tag'>promise</span><span class='tag'>jQuery</span><span class='tag'>magic</span></h4>
<p class='speaker'><a href='#speaker-ericmann'>Eric Mann</a></p>
</td>
<td>
<a href='#speaker-ericmann'>
<img src='images/speakers/eric_mann.jpg' alt='Eric Mann'>
</a>
</td>
</tr>
<tr>
<th scope='row'>12:30</th>
<td colspan='2'>
<h4>Lunch</h4>
</td>
</tr>
<tr>
<th scope='row'>14:30</th>
<td>
<h4>JavaScript for all the things!</h4>
<p class='speaker'><a href='#speaker-timpark'>Tim Park</a></p>
</td>
<td>
<a href='#speaker-timpark'>
<img src='images/speakers/tim_park.jpg' alt='Tim Park'>
</a>
</td>
</tr>
<tr>
<th scope='row'>15:00</th>
<td>
<h4>You, programming languages and the browser</h4>
<p class='speaker'><a href='#speaker-junspector'>Jú Gonçalves</a></p>
</td>
<td>
<a href='#speaker-junspector'>
<img src='images/speakers/ju_goncalves.jpg' alt='Jú Gonçalves'>
</a>
</td>
</tr>
<tr>
<th scope='row'>15:30</th>
<td>
<h4>Securing Node apps, by the community and for the community</h4>
<p class='speaker'><a href='#speaker-daviddias'>David Dias</a></p>
</td>
<td>
<a href='#speaker-daviddias'>
<img src='images/speakers/david_dias.jpg' alt='David Dias'>
</a>
</td>
</tr>
<tr>
<th scope='row'>16:00</th>
<td colspan='2'>
<h4>Coffee-Break</h4>
</td>
</tr>
<tr>
<th scope='row'>16:30</th>
<td>
<h4>Full Stack Firmata</h4>
<p class='speaker'><a href='#speaker-reconbot'>Francis Gulotta</a></p>
</td>
<td>
<a href='#speaker-reconbot'>
<img src='images/speakers/francis_gulotta.jpg' alt='Francis Gulotta'>
</a>
</td>
</tr>
<tr>
<th scope='row'>17:00</th>
<td>
<h4>ES6 on the frontend, in the real world <span class='tag'>es6</span><span class='tag'>harmony</span><span class='tag'>browser</span><span class='tag'>jealousy</span></h4>
<p class='speaker'><a href='#speaker-johnkpaul'>John Paul</a></p>
</td>
<td>
<a href='#speaker-johnkpaul'>
<img src='images/speakers/john_paul.jpg' alt='John Paul'>
</a>
</td>
</tr>
<tr>
<th scope='row'>17:30</th>
<td>
<h4>Rock the browser like it's 1983 <span class='tag'>webaudio</span><span class='tag'>neworder</span><span class='tag'>synths</span><span class='tag'>websockets</span></h4>
<p class='speaker'><a href='#speaker-shiota'>Eduardo Shiota</a></p>
</td>
<td>
<a href='#speaker-shiota'>
<img src='images/speakers/eduardo_shiota.jpg' alt='Eduardo Shiota'>
</a>
</td>
</tr>
<tr>
<th scope='row'>18:00</th>
<td colspan='2'>
<h4>Family Photo</h4>
</td>
</tr>
</table>
</section>
<div class='divider'></div>
<section id='location' class='row'>
<h2>Location</h2>
<h5>Hotel Vila Galé Fortaleza</h5>
<p>Av. Dioguinho, 4189 - Praia do Futuro. Fortaleza/CE - Brazil</p>
<img src='images/map.png' alt='Map of Hotel Vila Galé Fortaleza'>
<p>The Vila Galé Fortaleza Hotel is located on the beach only 10 minutes away from the renowned Avenida Beira-Mar, in Fortaleza.</p>
<p>This hotel in Fortaleza features a Beach Tent as well where you can enjoy the lovely weather of North-eastern Brazil, being entitled to a bar service and all the facilities that’ll make it a great afternoon and a perfect holiday in Brazil.</p>
</section>
<div class='divider'></div>
<section id='callforpapers' class='row'>
<h2>Call for Papers</h2>
<p>We are inviting the JavaScript community to submit talks for the upcoming JSConf BR. If you know someone who may deliver an interesting talk, please let us know and we'll contact them.</p>
<p>Our talk selection process favors content (blind selection process); We want our community to be inclusive!</p>
<p>If you get selected as a speaker, here's what you get:</p>
<p>We cover the flights and your stay at a nice Fortaleza hotel for the days of the conference. If your employer can cover your travel and hotel, we are more than happy to list them as sponsors! The money we save will be used to make the conference even better.</p>
<p>30 minutes to present in front of the greatest audience ever: the JSConf family!</p>
<p><a class='btn' href='callforpapers'>Call For Papers Ended :(</a></p>
<p>Let us know if you need help with anything that is not listed here, we'll be more than happy to help.</p>
<p>We value having a safe, family-friendly, harassment-free environment, check our <a href='http://confcodeofconduct.com/'>code of conduct</a>.</p>
<p>PS: crazy topics get extra points ;)</p>
</section>
<div class='divider'></div>
<section id='sponsors' class='row'>
<h2>Sponsors</h2>
<div class='platinum'>
<h5>Platinum</h5>
<ul>
<li>
<a href='http://microsoft.com/'>
<img src='images/sponsors/microsoft.png' alt='Microsoft'>
</a>
</li>
<li>
<a href='http://www.workingatbooking.com/'>
<img src='images/sponsors/booking.com.png' alt='Booking.com'>
</a>
</li>
<li>
<a href='http://www.casamagalhaes.com.br/'>
<img src='images/sponsors/casamagalhaes.png' alt='Grupo Casa Magalhães'>
</a>
</li>
</ul>
</div>
<div class='gold'>
<h5>Gold</h5>
<ul>
<li>
<a href='http://www.globo.com/'>
<img src='images/sponsors/globo.png' alt='globo'>
</a>
</li>
<li>
<a href='http://mozilla.org/'>
<img src='images/sponsors/mozilla.png' alt='mozilla'>
</a>
</li>
<li>
<a href='http://caelum.com.br/'>
<img src='images/sponsors/caelum.png' alt='Caelum'>
</a>
</li>
<li>
<a href='http://www.unigex.com.br/'>
<img src='images/sponsors/unigex.png' alt='unigex'>
</a>
</li>
<li>
<a href='http://saucelabs.com/'>
<img src='images/sponsors/saucelabs.png' alt='Sauce Labs'>
</a>
</li>
<li>
<a href='http://andyet.net/'>
<img src='images/sponsors/andyet.png' alt='&yet'>
</a>
</li>
<li>
<a href='http://digitalocean.com/'>
<img src='images/sponsors/digitalocean.png' alt='DigitalOcean'>
</a>
</li>
</ul>
</div>
<div class='silver'>
<h5>Silver</h5>
<ul>
<li>
<a href='http://www.sagaranatech.com/'>
<img src='images/sponsors/sagarana.png' alt='Sagarana'>
</a>
</li>
<li>
<a href='http://www.unum.com.br/'>
<img src='images/sponsors/unum.png' alt='unum'>
</a>
</li>
<li>
<a href='http://www.grupofortes.com.br/'>
<img src='images/sponsors/grupo_fortes.png' alt='Grupo Fortes'>
</a>
</li>
</ul>
</div>
<div class='support'>
<h5>Support</h5>
<ul>
<li>
<a href='http://www.alura.com.br/'>
<img src='images/sponsors/alura.png' alt='alura'>
</a>
</li>
<li>
<a href='http://www.casadocodigo.com.br/'>
<img src='images/sponsors/casadocodigo.png' alt='Casa do Código'>
</a>
</li>
<li>
<a href='http://penton.com/'>
<img src='images/sponsors/penton.png' alt='Penton'>
</a>
</li>
<li>
<a href='http://10up.com/'>
<img src='images/sponsors/10up.png' alt='10up'>
</a>
</li>
</ul>
</div>
</section>
</main>
<footer class='footer'>
<h2>Presented by:</h2>
<div class='team'>
<div class='row'>
<h3>Jsconf Br Team</h3>
<p>We are the team working hard to make this conference epic.</p>
<p>
Meet the team:
<a href='http://twitter.com/qmx' title='Douglas Campos'>Douglas Campos</a>,
<a href='http://twitter.com/campos_calebe' title='Calebe Campos'>Calebe Campos</a>,
<a href='http://twitter.com/cmilfont' title='Christiano Milfont'>Christiano Milfont</a> and
<a href='http://twitter.com/henriquegogo' title='Henrique Gogó'>Henrique Gogó</a>.
</p>
<p><a class='btn' href='http://twitter.com/jsconfbr' title='JSConf BR on Twitter'>@jsconfbr</a></p>
</div>
</div>
</footer>
</body>
</html>