forked from berlinjs/berlinjs.org
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
224 lines (208 loc) · 10.5 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>BerlinJS — Berlin's finest JavaScript Usergroup</title>
<meta name="description" content="Berlin.JS is a usergroup focused on JavaScript and related
topics. We meet regularly on the 3rd Thursday each month at 7p.m. at co.up Offices,
Adalbertstraße 7-8 in Berlin-Kreuzberg.">
<meta name="keywords" content="JavaScript, Usergroup, Berlin, Programming, JS">
<meta name="author" content="Berlin.JS">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1">
<!-- disable cache completely for now -->
<meta http-equiv="cache-control" content="max-age=0">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="expires" content="Thu, 01 Jan 1970 13:37:00 GMT">
<meta http-equiv="pragma" content="no-cache">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" media="screen" href="css/style.css?v=1">
<link rel="stylesheet" media="print" href="css/print.css?v=1">
<link rel="stylesheet" media="only screen and (min-width: 480px)" href="css/480.css?v=1">
<link rel="stylesheet" media="only screen and (min-width: 768px)" href="css/768.css?v=1">
<link rel="stylesheet" media="only screen and (min-width: 992px)" href="css/992.css?v=1">
<link rel="stylesheet" media="only screen and (min-width: 1382px)" href="css/1382.css?v=1">
<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)" href="css/2x.css?v=1">
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="apple-touch-icon-precomposed" href="http://berlinjs.org/apple-touch-icon-precomposed.png">
<link rel="apple-touch-icon" sizes="72x72" href="http://berlinjs.org/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="http://berlinjs.org/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="144x144" href="http://berlinjs.org/apple-touch-icon-144x144.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
</head>
<body>
<header role="banner" class="clearfix">
<div class="clearfix">
<a href="/" title="BERLIN.JS"><h1 class="logo"></h1></a>
<h3 class="ug-info triangle-border left">
Berlin.JS is a usergroup focused on JavaScript and related topics. We meet regularly on
the 3rd Thursday each month at 7p.m. at
<a href="http://co-up.de" title="co.up Coworking">co.up Offices</a>,
Adalbertstraße 7-8 in Berlin-Kreuzberg.
</h3>
</div>
</header>
<div role="main" class="content clearfix">
<article class="clearfix">
<header class="clearfix center">
<h1>Next meetup on April 17<sup>th</sup></h1>
</header>
<section class="clearfix">
<!-- TALKS -->
<!-- THIS IS HOW A TALK ABSTRACT LOOKS LIKE
<div class="speaker">
<h3>Your topic</h3>
<h5><a href="http://twitter.com/your_twitter_handle">Your Name</a></h5>
<p>
Description
</p>
<p>
Further description
</p>
</div>
-->
<div class="three-cols clearfix">
<div class="speaker">
<h3>Node Deployment</h3>
<h5><a href="http://twitter.com/bodojs">Bodo Kaiser</a></h5>
<p>
Ever thought about bringing your node app public? Then you will
know the pain of either being forced into a PaaS environment or
being overwhelmed by the freedom of a virtual machine. In this
speech I want to share some experience I made with hosting
nodejs applications and how you can get a good mix out of both
worlds.
</p>
<p>
Basically the speech will cover the choice of the right linux
distribution, how to use git for deployment, how to define your
app as a service and how to put multiple apps behind a proxy.
</p>
</div>
<div class="speaker">
<h3>Building messaging using open systems</h3>
<h5><a href="http://twitter.com/buddycloud">Simon Tennant</a></h5>
<p>
We briefly glimpsed a golden age of open messaging with the advent of XMPP, and then quickly retreated to our communication silos because it was hard to implement in the JSON landscape. Now, two new libraries (<a href="http://stanza.io">stanza.io</a> and <a href="https://xmpp-ftw.jit.su">xmpp-ftw</a>) are bringing an open and extensible communication to the browser. It's now possible to build an open messaging stack that interconnects with different sites. In the browser. 100% silo-free!
</p>
<p>
This talk will discuss XMPP's design and then show you how to use XMPP-ftw to add user and group communication to your application. From simple group chat to being a signaling system for WebRTC calls.
</p>
</div>
<div class="speaker">
<h3>WebRTC</h3>
<h5><a href="https://twitter.com/hcornflower">Philipp Hancke</a></h5>
<p>
WebRTC brings realtime communications, voice and video, to the open web platform. With toolkits like simplewebrtc you can add a simple videochat to your website in less that five minutes. The quality of apps like <a href="https://talky.io">talky.io<a> or <a href="https://meet.jit.si">Jitsi Meet</a> is impressive.
</p>
<p>
This talk will explain why WebRTC is important and why it needs more open web hackers. It will also explain some of the challenges you will face when building a webrtc application and how to get around them.
</p>
</div>
</div>
<div class="three-cols clearfix">
<div class="speaker empty">
<h3>Free slot</h3>
<h5>This slot could be yours!<br />Submit your talk now.</h5>
<p>
You did some crazy stuff with JavaScript? You want to show it to the community?
</p>
<p>
Drop us a line on your topic on <a href="http://twitter.com/berlinjs" title="BerlinJS on Twitter">
Twitter</a> or to our <a href="http://groups.google.com/group/js-berlin" title="BerlinJS Mailinglist">Mailinglist</a>.
</p>
</div>
<div class="speaker empty">
<h3>Free slot</h3>
<h5>This slot could be yours!<br />Submit your talk now.</h5>
<p>
You did some crazy stuff with JavaScript? You want to show it to the community?
</p>
<p>
Drop us a line on your topic on <a href="http://twitter.com/berlinjs" title="BerlinJS on Twitter">
Twitter</a> or to our <a href="http://groups.google.com/group/js-berlin" title="BerlinJS Mailinglist">Mailinglist</a>.
</p>
</div>
<div class="speaker empty">
<h3>Free slot</h3>
<h5>This slot could be yours!<br />Submit your talk now.</h5>
<p>
You did some crazy stuff with JavaScript? You want to show it to the community?
</p>
<p>
Drop us a line on your topic on <a href="http://twitter.com/berlinjs" title="BerlinJS on Twitter">
Twitter</a> or to our <a href="http://groups.google.com/group/js-berlin" title="BerlinJS Mailinglist">Mailinglist</a>.
</p>
</div>
</div>
</section>
</article>
<div class="clearfix">
<p class="lanyrd">
<a href="http://lanyrd.com/2014/berlinjs-april/" target="_blank">This event is tracked on Lanyrd</a>
</p>
</div>
</div>
<footer>
<div class="clearfix three-cols">
<div>
<h5>Get in touch</h5>
<ul>
<li>
Follow Berlin.JS on <a href="http://twitter.com/berlinjs" title="Follow us on Twitter">Twitter</a>
</li>
<li>
Join our <a href="http://groups.google.com/group/js-berlin" title="Join our Mailinglist">Mailinglist</a>
</li>
<li>
Watch the code on <a href="https://github.com/berlinjs/berlinjs.org" title="Berlin.JS code on Github">Github</a>
</li>
<li>
Browse the archive of <a href="./archive.html" title="Slides from previous meetups">Slides</a>
</li>
</ul>
</div>
<div>
<h5>The team</h5>
<p>
Berlin.JS is organized by <a href="http://www.twitter.com/rmehner" title="Follow Robin on
Twitter">Robin Mehner</a>, <a href="http://www.twitter.com/janl" title="Follow Jan on
Twitter">Jan Lehnardt</a> & <a href="http://www.twitter.com/theophani" title="Follow Tiffany on
Twitter">Tiffany Conroy</a>. Design by <a href="http://www.twitter.com/m_besser"
title="Follow Matti on Twitter">Matti Besser</a>.
</p>
</div>
<div>
<h5>Supporters</h5>
<p>
Our Meetups are hosted by <a href="http://www.co-up.de" title="co.up Coworking">co.up</a>.
</p>
</div>
</div>
<div class="clearfix one-col">
<div>
<h5>Code of Conduct</h5>
<p>
Long story short: <strong>Be awesome to each other.</strong>
</p>
<p>
Our goal is to have an awesome and inclusive community meetup where people meet,
hang out together, chat, listen to talks, exchange ideas and make new friends.
Any harmful or discriminating behaviour will not be tolerated and results
in the offending person being expelled from the meetup.
</p>
</div>
</div>
</footer>
<script>
var _gaq = [['_setAccount','UA-25036346-1'],['_trackPageview']];
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.async = g.src = '//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s);
}(document, 'script'));
</script>
</body>
</html>