berlinjs.org/apps.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
156
157
158
159
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>apps.berlin.js: A Berlin.JS spin-off on client-side JavaScript applications</title>
    <meta name="description" content="An evening with the fine people of Saucelabs.">
    <meta name="keywords" content="Javascript, Usergroup, Berlin, Programming, JS, Client-side, Applications, HMTL5">
    <meta name="author" content="Berlin.JS">
    <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1">

    <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="screen" href="css/apps.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 id="apps">
    <header role="banner" class="clearfix">
      <h1 class="logo" title="BERLIN.JS"></h1>
      <hgroup>
        <h4>Berlin.JS Special Event: apps.berlin.js</h4>
        <h1>Client-side JavaScript applications</h1>
      </hgroup>
    </header>
    <div role="main" class="content clearfix">

      <section class="announcement">

        <p class="intro">We’d like to dig deeper into a specific topic: client-side
        JavaScript applications. <strong>Join us on May 10th, 7pm</strong> for a special
        event hosted by Moviepilot.</p>

        <p>There are plenty of frameworks which assist in building
        JavaScript applications (“HTML5 apps”). Most of them lack best
        practices and case studies regarding large-scale applications.
        Especially, small libraries like Backbone.js are used for this purpose
        without providing a scalable structure on their own.</p>

        <p>To discuss these problems, we’re announcing <strong>apps.berlin.js</strong>,
        the first meet-up on JavaScript Web apps in Berlin. There will be a focus on
        Backbone.js and its ecosystem, but we’re going to discuss other libraries,
        tools and development stacks as well.</p>

        <p>If you would like to attend, please take a minute and <a href="http://www.meetup.com/apps-berlin-js/events/63061542/">register on meetup.com</a> so we can estimate the number of participants. This is not mandatory, but helps us to organize enough soft drinks etc.</p>

        <p>If you would like to give a talk or start a discussion, <a href="mailto:[email protected]">please let us know</a>!</p>

      </section>

      <article class="clearfix">
        <section class="clearfix">
        <!-- TALKS -->
          <div class="three-cols clearfix">
            <div class="speaker">
              <h3>Chaplin – JavaScript Applications with Backbone.js</h3>
              <h5>Mathias Schäfer (<a href="http://twitter.com/molily">@molily</a>)</h5>
              <p>An introduction to Chaplin, a field-tested application architecture on top of Backbone.js.</p>
              <p>Chaplin establishes conventions on how to structure an application and addresses the requirements of growing JavaScript applications.</p>
            </div>
            <div class="speaker">
              <h3>A Guided Tour Through the SproutCore Jungle</h3>
              <h5>Florian Kugler (<a href="http://twitter.com/floriankugler">@floriankugler</a>)</h5>
              <p>SproutCore is a Cocoa-inspired JavaScript framework for developing large-scale, desktop-grade web applications.</p>
              <p>SproutCore has never gotten the attention from developers as Backbone did, and recently there has been much confusion about various versions and forks. This talk will guide you through this jungle and clarify for whom it’s worthwhile to take a closer look at what’s behind.</p>
            </div>
            <div class="speaker">
              <h3>Real Windows 8 Metro Apps in HTML5</h3>
              <h5>Timo Tuominen (<a href="http://twitter.com/tehmou">@tehmou</a>)</h5>
              <p>Microsoft has adopted JavaScript as a reasonable option among C++, Visual Basic and C# to build native apps for the upcoming Windows 8. The goal is to be able to make any app with necessary platform integrations in HTML5 - while keeping it HTML5.</p>
              <p>A developer at Futurice gives an overview of how it works and what it can do. And how much of it can be done on a Mac.</p>
            </div>
            <div class="speaker">
              <h3>Wunderkit</h3>
              <h5><a href="http://www.6wunderkinder.com/">6Wunderkinder team</a></h5>
              <p>Developers of 6Wunderkinder will talk about the challenges they faced when building <a href="http://get.wunderkit.com/">Wunderkit</a>, especially regarding Backbone.js.</p>
            </div>
            <div class="speaker empty">
              <h3>Free Slot</h3>
              <h5>This slot could be yours!<br/><a href="mailto:[email protected]">Submit your talk now</a>.</h5>
              <p>Share your experience in developing JavaScript applications. For example, tell about your development stack, tools and libraries, or problems you faced and how you mastered them.</p>
              <p>Your talk doesn’t need to be long. Lightning talks which spark a discussions are fine as well!</p>
            </div>
          </div>
        </section>
      </article>

      <article class="announcement">
        <h2>How to find the venue</h2>
        <p>This special event will take place at the <a href="http://moviepilot.com/">Moviepilot</a>
        office at <a href="http://maps.google.de/maps?q=mehringdamm+33,+berlin">Mehringdamm 33,
        Berlin-Kreuzberg</a> – <em>not</em> at the co.up like the regular Berlin.JS meet-up.</p>
        <p>If you go by underground or bus, get off at station <em>Mehringdamm</em> (U6, U7, M19).</p>
        <p>Enter the <em>M33 Höfe</em> gateway, go straight through the court to the entrance marked
        with a “2”. The office is located on the third floor on the right side.</p>
        <p>The venue is basically wheelchair-accessible, but there are two steps at the entrance
        which we plan to bridge. Please <a href="mailto:[email protected]">send us a
        short notice</a> if you’re a wheelchair user.</p>
      </article>
      <p class="plan"><img src="img/moviepilot.jpg" alt=""></p>
    </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>
          The apps.berlin.js event is organized by <a href="https://twitter.com/omdb"
          title="Follow Benjamin on Twitter">Benjamin Krause</a> &amp;
          <a href="https://twitter.com/molily" title="Follow Mathias on Twitter">Mathias Schäfer</a>.
        </p>

        <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>