forked from berlinjs/berlinjs.org
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapps.html
183 lines (149 loc) · 10.2 KB
/
apps.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>apps.berlin.js: A Berlin.JS spin-off on client-side JavaScript applications</title>
<meta name="description" content="A Meetup on JavaScript-driven web applications.">
<meta name="keywords" content="Javascript, Usergroup, Berlin, Programming, JS, Client-side, Applications, HTML5">
<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'>
<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 id="apps">
<header role="banner" class="clearfix">
<img alt="BERLIN.JS" src="/img/logo.png" class="logo logo-default" />
<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"><strong>apps.berlin.js</strong> is a Berlin.js spin-off with a special focus on JavaScript running in the browser on top of HTML & CSS. This includes JavaScript-driven web applications (“HTML5 apps”), desktop browser apps as well as mobile apps and games written in JavaScript.</p>
<p class="intro"><strong>Join us Thursday, February 27, 2014</strong> around 7pm for the eighth apps.berlin.js meetup.</p>
<p>It will take place at the <a href="http://bitcrowd.net/">bitcrowd</a> office, <a href="https://maps.google.com/maps?q=Sanderstrasse+28+12047+Berlin">Sanderstr. 28, 12047 Berlin</a>, Aufgang III Etage 3. It is located near the U-Bahn station Schönleinstraße (line U8).</p>
<p>There’s an <a href="http://www.meetup.com/apps-berlin-js/events/165713402/">event page on Meetup.com</a> you might join to acknowledge that you’re attending (this is not mandatory).</p>
</section>
<section>
<div class="two-cols clearfix">
<div><!-- left -->
<h2>How it works</h2>
<p>Our goal is to have high quality talks with a low entry barrier. We’d like to attract people who are familiar with developing JavaScript apps, as well as people who are new in this world.</p>
<p>We also aim to promote discussions and hear voices from different backgrounds. Therefore we usually have…</p>
<ul class="bullet-list">
<li>Two slots for 15-20 min talks + discussion and</li>
<li>Two slots for 5-10 min talks + discussion</li>
</ul>
<p>If you would like to give a presentation, <a href="mailto:[email protected]">just drop us a mail</a>!</p>
<p>In case you’ve missed the recent apps.berlin.js meetup, you can <a href="https://gist.github.com/3216326">browse the slides of all past editions</a>.</p>
</div>
<div><!-- right -->
<h2>We are all awesome!</h2>
<p>We’d like to bring people on the stage who haven’t spoken before and probably hesitate to present. Everyone of us does interesting stuff on the interwebs. We want to hear what you have to say!</p>
<p>Are you into JavaScript and HTML5 and would like to give a talk, but you’re unsure about the topic or the structure? In the spirit of <a href="http://weareallaweso.me/">We Are All Awesome</a>, we’re offering mentoring to answer your questions, give speaking and slidedeck advice, as well as technical input for your talk.</p>
<p>The mentoring team: Tiffany Conroy (SoundCloud), Benjamin Kubota (Moviepilot), Mathias Schäfer (9elements), Robin Mehner, Jan Lehnardt.</p>
</div>
</div><!-- two-cols -->
</section>
<section class="talks">
<h2>February 2014 meetup schedule</h2>
<div class="two-cols clearfix">
<div class="speaker">
<h3>Web technologies for desktop development</h3>
<h5><a href="https://twitter.com/DarkoKukovec">Darko Kukovec</a></h5>
<p>
With web apps gaining popularity an idea was born to make an web app in an native web view and so the hybrid app was born. While talking about hybrid applications today, people tend to think only of the mobile apps. This talk will instead concentrate on hybrid desktop apps: what wrappers are available, which features they offer and my experience with node-webkit.
</p>
</div>
<div class="speaker">
<h3>Learnings from two real-live apps with AngularJS (and some other)</h3>
<h5><a href="https://twitter.com/bitcrowd">Dirk & Chris from bitcrowd</a></h5>
<p>
<a href="http://bitcrowd.net">@bitcrowd</a> is about fast software releases. Under this viewport, we compare two apps we build with <a href="http://angularjs.org/">AngularJS</a> with the previous <a href="http://backbonejs.org/">Backbone.js</a> approaches and an 'old-school' <a href="http://rubyonrails.org/">rails app</a> we created recently.
</p>
<p>
This talk will focus on the build process and the outcome, touching the techniques or designs of the frameworks rather briefly. Also, we will try to constitute a <a href="https://xkcd.com/483/">rule-of-thumb</a> on page-reloads and which (parts of )?an application might be best suited for which strategy.
</p>
</div>
</div>
<div class="two-cols clearfix">
<div class="speaker">
<h3>Soulseek.js, a WebRTC odyssey. A p2p filesharing platform in the web browser.</h3>
<h5><a href="https://twitter.com/jellea">Jelle Akkerman</a></h5>
<p>9 months ago on Angelhack Moscow I felt like playing with WebRTC (html5 feature allowing p2p connections directly between web browsers). I decided to port my favourite p2p file sharing platform Soulseek to the browser. 48 hours and a second prize later I felt like I stumbled on something cool, but left it untouched as most of my hacks..</p>
<p>Until two weeks ago. I decided to rebuild it from scratch in Clojurescript in combination with Facebook's React. This talk will be a show and tell on the process I went through. Buzzwords: WebRTC, Om, React.js, ClojureScript, Angular and Cupcake hackathons.</p>
</div>
<div class="speaker">
<h3>Handling user capabilities</h3>
<h5><a href="https://twitter.com/theophani">Tiffany Conroy</a></h5>
<p>
What if some of your users have access to some features while others don’t? Have you spent time thinking about or implementing patterns for handling the logic around user capabilities in a client-side app? I have a lot of questions and no concrete answers. Let's start a discussion that can continue into the break.
</p>
</div>
</div>
</section>
<footer class="clearfix three-cols">
<div>
<h5>Get in touch</h5>
<ul>
<li>
Join our <a href="http://www.meetup.com/apps-berlin-js/">Meetup.com group</a>
</li>
<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">mailing list</a>
</li>
<li>
Find past slides/videos on our <a href="https://plus.google.com/b/111271605305488004828/111271605305488004828/posts" title="Visit our goole plus profile">google+ page</a>
</li>
<li>
Watch the code on <a href="https://github.com/berlinjs/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/theophani" title="Follow Tiffany on Twitter">Tiffany Conroy</a>,
<a href="https://twitter.com/omdb" title="Follow Benjamin on Twitter">Benjamin Kubota</a>,
<a href="https://twitter.com/molily" title="Follow Mathias on Twitter">Mathias Schäfer</a>,
<a href="https://twitter.com/rmehner" title="Follow Robin on Twitter">Robin Mehner</a> &
<a href="https://twitter.com/janl" title="Follow Jan on Twitter">Jan Lehnardt</a>.
Design by <a href="https://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>