berlinjs.org/index.html at gh-pages · emdin/berlinjs.org · GitHub

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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>BerlinJS &mdash; 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">
    <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'>

    <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">
      <hgroup class="clearfix">
      <h1 class="logo" title="BERLIN.JS"></h1>
      <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>
      </hgroup>
    </header>
    <div role="main" class="content clearfix">
      <article class="clearfix">
        <header class="clearfix center">
          <h1>Next meetup on June 21<sup>st</sup></h1>
        </header>
        <section class="clearfix">
        <!-- TALKS -->
          <div class="three-cols clearfix">
            <div class="speaker">
              <h3>Δt - dynamic template</h3>
              <h5>▟ ▖▟ ▖ <a href="https://twitter.com/dodothelast">@dodothelast</a>.</h5>
              <p>
                Writing and maintaining templates can be hard.
                Especially when the design is not final and everything can change.
              </p>
              <p>
                Dodo will show you some neat features, that you've missed in your browser dev tool belt.
              </p>
            </div>
            <div class="speaker">
              <h3>Jalda Schaback</h3>
              <h5><a href="http://twitter.com/wooga">@wooga</a></h5>
              <p>
                wooga developer, Jalda Schaback, will be making a surprise announcement!
              </p>
              <p>
                This will be a lightning talk.
              </p>
            </div>
            <div class="speaker">
              <h3>How to write a parser?</h3>
              <h5>Jan Dudek (<a href="http://twitter.com/_janek">@_janek</a>)</h5>
              <p>
                This talk will describe an approach known as parser combinators.
              </p>
              <p>
                There are many ways to write (or generate) parsers, but combinators are relatively easy to understand and implement. They're also a nice example of functional programming.
              </p>
            </div>
          </div>
          <div class="three-cols clearfix">
            <div class="speaker">
              <h3>Fake API using Sinon.js and LocalStorage</h3>
              <h5>Pavel Filippov (<a href="http://twitter.com/emdin">@emdin</a>)</h5>
              <p>
                <a href="http://sinonjs.org/">Sinon.JS</a>'s primary field of use is testing, but you can have even more fun with it; for example, you can create fake client-side API to ease your development process.
              </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?
                Then you should <b>give a talk at Berlin.JS!</b>
              </p>
              <p>
                Drop us a line on your topic via direct message on <a href="http://twitter.com/berlinjs" title="BerlinJS on Twitter">Twitter</a> or 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?
                Then you should <b>give a talk at Berlin.JS!</b>
              </p>
              <p>
                Drop us a line on your topic via direct message on <a href="http://twitter.com/berlinjs" title="BerlinJS on Twitter">Twitter</a> or our <a href="http://groups.google.com/group/js-berlin" title="BerlinJS Mailinglist">Mailinglist</a>.
              </p>
            </div>
          </div>
        </section>
      </article>
    </div>
    <footer 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="http://github.com/rmehner/berlinjs.org" title="Berlin.JS code on Github">Github</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> &amp; <a href="http://www.twitter.com/janl" title="Follow Jan on
          Twitter">Jan Lehnardt</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>
    </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>