forked from berlinjs/berlinjs.org
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
189 lines (179 loc) · 9.04 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
<!DOCTYPE html>
<html lang="en">
<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">
<h1>
<a href="/" title="BERLIN.JS">
<img alt="BERLIN.JS" src="img/logo.png" class="logo logo-default" />
<img alt="BERLIN.JS" src="img/logo-x2.png" class="logo logo-2x" aria-hidden="true" />
<img alt="BERLIN.JS" src="img/logo-s.png" class="logo logo-s" aria-hidden="true" />
</a>
</h1>
<p 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 7pm at
<a href="http://co-up.de" title="co.up Coworking">co.up Offices</a>,
Adalbertstraße 7-8 in Berlin-Kreuzberg. Talks start at 7:30pm.
</p>
</div>
</header>
<div role="main" class="content clearfix">
<article class="clearfix">
<header class="clearfix center">
<h2>Next meetup on April 16<sup>th</sup></h2>
</header>
<!-- TALKS -->
<section class="clearfix">
<div class="three-cols clearfix">
<!-- THIS IS WHAT A TALK ABSTRACT LOOKS LIKE
<div class="speaker">
<h3>Your topic</h3>
<p class="speaker-name"><a href="http://twitter.com/your_twitter_handle">Your Name</a></p>
<p>
Description
</p>
<p>
Further description
</p>
</div>
-->
<div class="speaker">
<h3>Reactive Programming with RxJS</h3>
<p class="speaker-name"><a href="http://danielbachler.de">Daniel Bachler</a></p>
<p>
Have you ever had to deal with interactions between several events and/or ajax responses? Did those interactions become more complex as the app developed? Did you ever find yourself in a mess of state logic that was hard to reason about, let alone unit test? If so, reactive programming might be a great new tool in your toolbox.
</p>
<p>
Reactive programming is a powerful paradigm to handle complex scenarios of asynchronous things like events, callbacks and promises. It allows you to unify all these sources and treat them as streams of data that can be composed into new, more expressive ones as needed. This talk will give a short overview of reactive programming and a quick intro to the RxJS library.
</p>
</div>
<div class="speaker">
<h3>Animating things in React with CSSTransitionGroups</h3>
<p class="speaker-name"><a href="http://twitter.com/bastianalbers">Bastian Albers</a></p>
<p>
If you build dynamic user interfaces you will often find the need to make elements appear or disappear. And often you would like to emphasize that by some kind of animation.
</p>
<p>
I'll give a quick demonstration of how to use CSSTransitionGroups in React, what they are and why they are a good solution to this problem.
</p>
</div>
<div class="speaker empty">
<h3>Free slot</h3>
<p class="speaker-name">This slot could be yours!<br />Submit your talk now.</p>
<p>
You did some great 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/2015/berlinjs-april" target="_blank">This event is tracked on Lanyrd</a>
</p>
</div>
</div>
<footer role="complimentary">
<div class="clearfix three-cols">
<div>
<h2>Get in touch</h2>
<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>
<h2>The team</h2>
<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>&
<a href="http://www.twitter.com/sheley" title="Follow Michele on Twitter">Michele Guido</a>.
Design by <a href="http://www.twitter.com/m_besser" title="Follow Matti on Twitter">Matti Besser</a>.
</p>
</div>
<div>
<h2>Supporters</h2>
<p>
Our Meetups are hosted by <a href="http://www.co-up.de" title="co.up Coworking">co.up</a>.
</p>
</div>
</div>
<section>
<div class="clearfix one-col">
<div>
<h2>Code of Conduct</h2>
<p>
Long story short: <strong>Be awesome to each other.</strong>
</p>
<p>
Our goal is to have an awesome, inclusive and safe 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>
<p>
For details on what kinds of behaviour are not tolerated and consequences for violating these rules, we refer to the <a href="http://rubyberlin.github.io/code-of-conduct">Berlin Code of Conduct</a>.
</p>
</div>
</div>
</section>
</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>