-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
148 lines (129 loc) · 7.36 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Niteroi JS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico" />
<meta property="og:url" content="http://www.niteroijs.org/">
<meta property="og:title" content="NiteroiJS">
<meta property="og:site_name" content="NiteroiJS">
<meta property="og:description" content="Um grupo para celebrar o desenvolvimento com JavaScript e outras tecnologias web na cidade com maior índice de desenvolvimento humano do Brasil!">
<meta property="og:type" content="website">
<meta property="og:image" content="/img/niteroi.jpg">
<meta property="og:image:type" content="image/jpeg">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/all.css">
<meta name="description" content="Niteroi.JS">
<link rel="shortcut icon" href="images/favicon.gif" type="image/x-icon">
</head>
<body>
<header class="sitehead">
<div class="wrap headerwrap">
<div class="infoheader">
<h1 class="logo">Niteroi.JS</h1>
<h2 class="date">11 de Abril de 2015 - 9h30</h2>
<h2 class="local">Auditório da NAB, UFF</h2>
<nav class="primary">
<a href="#inscricoes">Inscreva-se!</a>
</nav>
</div>
</header>
<div class="wrap eventhead">
<div class="event">
<p>Vamos celebrar o desenvolvimento com JavaScript e outras tecnologias web na cidade com maior índice de desenvolvimento humano do Brasil!</p>
<h2 class="title-hed">Local</h2>
<p>
<a href="https://www.google.com/maps?q=Rua+Passo+da+P%C3%A1tria,+156.+Gragoat%C3%A1,+Niter%C3%B3i+-+RJ">
Auditório da NAB, UFF<br>
Campus da Praia Vermelha - UFF<br>
Rua Passo da Pátria, 156. Gragoatá, Niterói - RJ
</a>
</p>
<h2 class="title-hed">Programação</h2>
<ul>
<li class="speaker">
<img src="http://robohash.org/abertura?set=set3&size=80x80" class="robohash">
<div class="title">Abertura</div>
<div><strong>9:30</strong></div>
</li>
<li class="speaker">
<img src="http://robohash.org/apresentacao?set=set3&size=80x80" class="robohash">
<div class="title">Apresentação</div>
<div><strong>9:45</strong></div>
</li>
<li class="speaker">
<img src="http://www.gravatar.com/avatar/0676d36a8d9488eb70eaf95a7ae79de9" class="speaker-pic">
<div class="title">HTML para robôs</div>
<div class="presented"><a href="https://twitter.com/s1mone">Simone Villas Boas</a></div>
<p>O código HTML é criado por humanos para usufruto de outros humanos. O desafio para qualquer robô de busca é interpretar esta mensagem para gerar uma boa indexação de dados. Mas podemos dar uma mãozinha, não é? Analisando a história da web, dos mecanismos de busca e do desenvolvimento front-end, veremos que um código semântico e bem marcado pode ser bom para todos.</p>
<div><strong>10:00</strong></div>
</li>
<li class="speaker">
<img src="http://www.gravatar.com/avatar/e133221d7fbc0dee159dca127d2f6f00" class="speaker-pic">
<div class="title">JavaScript no mundo da Internet das Coisas</div>
<div class="presented"><a href="https://twitter.com/vitorleal">Vitor Leal</a></div>
<p>Explore a utilização do NodeJS em sistemas embarcados para o controle de sensores e APIs.</p>
<div><strong>11:00</strong></div>
</li>
<li class="speaker">
<img src="http://robohash.org/almoco?set=set3&size=80x80" class="robohash">
<div class="title">Almoço</div>
<div><strong>12:00</strong></div>
</li>
<li class="speaker">
<img src="http://www.gravatar.com/avatar/da00e54f8aa22a44d97d6dae09a8b859" class="speaker-pic">
<div class="title">Eu prometo que vou gerar mais <em>iterações</em></div>
<div class="presented"><a href="https://twitter.com/leobetosouza">Leo Beto Souza</a></div>
<p>O ES6 tem muitas novidades. Quero focar em três delas: promises, generators e iterators e como elas interagem entre si.</p>
<div><strong>14:00</strong></div>
</li>
<li class="speaker">
<img src="http://www.gravatar.com/avatar/b8948eca9c9d50202774e970d8410cef" class="speaker-pic">
<div class="title">Firefox OS e o futuro da Web</div>
<div class="presented"><a href="https://twitter.com/soapdog">Andre Garzia</a></div>
<p>Venha descobrir mais sobre como entregar Open Web Apps em diversas plataformas tais como Firefox OS, Android, iOS. Nessa palestra vamos mostrar como o HTML5 veio para ficar e está na vanguarda dos novos aparelhos conectados tais como mobiles, SmartTVs, IoT entre outros.</p>
<div><strong>15:00</strong></div>
</li>
<li class="speaker">
<img src="http://www.gravatar.com/avatar/ed35943d3199ea37b1b60c39615e8163" class="speaker-pic">
<div class="title">Playground with Canvas</div>
<div class="presented"><a href="https://twitter.com/raphamundi">Raphael Amorim</a></div>
<p>Canvas é uma tela de bitmap que pode ser usada para a renderização de elementos gráficos ou outras imagens visuais rapidamente. No HTML5 ele permite que se desenhem elementos gráficos usando JavaScript. Vamos abordar funcionalidades e recursos e porque você deveria estar pensando em utilizar o canvas no seu próximo projeto.</p>
<div><strong>16:00</strong></div>
</li>
<li class="speaker">
<img src="http://robohash.org/encerramento?set=set3&size=80x80" class="robohash">
<div class="title">Encerramento</div>
<div><strong>17:00</strong></div>
</li>
<li class="speaker">
<img src="http://robohash.org/horaextra?set=set3&size=80x80" class="robohash">
<div class="title">Hora Extra</div>
<div><strong>17:15</strong></div>
</li>
</ul>
</div>
<div id="inscricoes" class="registration">
<h2 class="title-hed">Inscrições</h2>
<iframe src="http://www.eventick.com.br/niteroijs/embedded" vspace="0" hspace="0" marginheight="5" marginwidth="5" scrolling="auto" allowtransparency="true" frameborder="0" height="280px" width="100%"></iframe>
<p>Você também pode fazer sua inscrição pelo site do <a href="http://www.eventick.com.br/niteroijs">Eventick</a>.</p>
</div>
<div class="sponsors">
<h2 class="title-hed">Apoio</h2>
<div class="logos">
<a href="http://bocoup.com/pt-BR/"><img src="img/bocoup.png" alt="Bocoup"></a>
<a href="http://colab55.com/@niteroijs"><img src="img/colab55-logo.png" alt="Colab55"></a>
</div>
</div>
</div>
<div class="coc">
<p>Niteroi.JS espera que todos os participantes respeitem o <a href="http://bocoup.com/pt-BR/comunidade/conduta/">Código de Conduta</a>.</p>
</div>
<div class="foot">
<footer class="wrap">
<p>NiteroijS 2015 – Um evento oferecido pela <a href="http://bocoup.com/pt-BR/" target="_blank">Bocoup.com</a></p>
</footer>
</div>
</body>
</html>