-
Notifications
You must be signed in to change notification settings - Fork 18
/
Copy pathhamburg.html
271 lines (229 loc) · 14.7 KB
/
hamburg.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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Add your city name, dates and year. -->
<title>Railsgirls Hamburg</title>
<!-- Write a metatext. This is what will show on the Facebook page and for instance search engines. -->
<meta name="description" content="Rails Girls Hamburg: join the two-day crash-course to the exciting world of building web applications with Ruby on Rails. ">
<meta name="author" content="Rails Girls">
<link rel="shortcut icon" href="/favicon.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="./css/style.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="main.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="//use.typekit.net/nbs6fzt.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<meta property="og:image" content="https://railsgirls.com/images/railsgirls-sq.png"/>
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
<div class="container_12">
<a id="logo" href="/"><img src="images/railsgirls-logo.png" alt="Rails Girls" /></a>
<nav>
<a href="./events.html">Events</a>
<a href="./materials.html">Materials</a>
<a href="./press.html">Press</a>
<a href="https://railsgirls.tumblr.com/">Blog</a>
<a href="https://guides.railsgirls.com">
Guides</a>
</nav>
</div>
</header>
<!-- Change the header text. You can include a local hello or something else that brings context. Remember to mention the workshop is free. Remember to change to wufoo form link and dates. -->
<div id="container" class="container_12 page clearfix">
<div class="grid_12 ">
<div id="promo" class="hamburg" style="url('../images/rg-hamburg.png') no-repeat 0 30px, url('../images/separator.png') no-repeat center bottom">
<h1>Rails Girls Hamburg</h1>
<h3 style="color:#666">Moin!</h3>
<p style="margin-bottom: 15px;">Der nächste Workshop findet am <strong>3. Dezember 2016</strong> statt.</p>
<p style="margin-bottom: 15px;">Der Workshop ist kostenlos und steht allen Mädchen* und Frauen* ab 16
Jahren offen - egal ob Schülerin, Studentin, Auszubildende, Berufstätige, ... Für den Workshop benötigst Du keine Vorkenntnisse.
</p>
<p>Unser Winter-Workshop ist vorbei.</p>
<p>Folge uns auf <a href="https://twitter.com/railsgirlshh">Twitter</a>, <a href="https://www.facebook.com/RailsGirlsHamburg">Facebook</a> oder tritt unserer <a href="https://groups.google.com/forum/#!forum/rails-girls-hamburg">Mailingliste</a> bei.</p>
</div>
</div>
<!-- You can use here your own contact e-mail, or we can send you the e-mails from contact@! -->
<div class="grid_4 alpha feature">
<p><strong>Du erhälst Einblicke</strong> in das Designen, die Erstgestaltung und in die Programmierung einer Web-App mit der Hilfe unserer Coaches.</p>
</div>
<div class="grid_4 feature">
<p>Das einzige was <strong>du benötigst</strong> ist Neugier und eine Prise Phantasie!</p>
</div>
<div class="grid_4 omega feature">
<p><strong>Du willst helfen?</strong> Wir sind immer auf der Suche nach freiwilligen Rails-Coaches. <a href="#coach-infos">Weitere Infos für Coaches</a></p>
</div>
<hr />
<!-- Feel free to group the sponsors as you wish. E.g media, friends, premium sponsors etc. You know best the situation in your city! Pictures should be either 100 x 100px or 250 x 90px -->
<div class="grid_12">
<h3>Partner</h3>
<p class="grid_2 alpha"><a href="http://www.thoughtworks.com/" target="_blank" style="border:0"><img src="./images/thoughtworks-250-logo.png
" alt="ThoughtWorks" style="width: 310px;"></a></p>
<!-- <p class="grid_12 alpha">
Want to help? We're looking for <a href="files/hamburg/railsgirlshhSponsoren.pdf" target="_blank">partners & sponsors</a> for the non-profit event! <a href="mailto:railsgirlshh@googlemail.com>">Email us</a>!
</p> -->
</div>
<hr />
<!-- Update the texts! -->
<div class="grid_6">
<!-- FAQ -->
<h3>FAQ</h3>
<p><strong>Ich habe mich für den Workshop angemeldet. Nehme ich automatisch teil?</strong><br>
Leider nein. Da nur begrenzt Plätze zur Verfügung stehen, wirst du per E-Mail benachrichtigt, ob du einen Platz bekommen hast oder nicht.</p>
<p><strong>Was kostet der Workshop?</strong><br>
Nichts! Du musst nur Spaß mitbringen.
</p>
<p>
<strong>Welche Zielgruppe hat der Workshop?</strong>
Mädchen und Frauen mit einem grundlegenden Computerverständnis sind willkommen. Wichtig ist, dass du deinen eigenen Laptop mitbringst.
</p>
<p>
<strong>Dürfen Männer teilnehmen?</strong><br>
Ja, aber sie müssen von einer Frau oder einem Mädchen begleitet werden. Bei der Anmeldung wird Mädchen und Frauen Vorrang gegeben.
</p>
<p>
<strong>Ich kann programmieren - kann ich helfen?</strong><br>
Wir sind auch auf der Suche nach Leuten, die coachen möchten. Der Workshop gibt dir Gelegenheit, deine Erfahrungen weiterzugeben und jede Menge Spaß zu haben. <a href="#coach-infos">Weitere Infos für Coaches</a>
</p>
<p>
<strong>Ist der Workshop barrierefrei?</strong><br>
Wir bemühen uns um eine möglichst barrierearme Gestaltung unserer Veranstaltungen. Angesichts der Vielfältigkeit der möglichen Barrieren können wir jedoch nicht von vorneherein eine barrierefreie Veranstaltung garantieren. Wenn Du besondere Bedürfnisse hast, kontaktiere uns und wir suchen gemeinsam nach einer Lösung.
</p>
</div>
<div class="grid_6">
<!-- CoC -->
<h3>Code of Conduct</h3>
<p>
Rails Girls Hamburg engagiert sich dafür, allen Anwesenden einen Veranstaltungsbesuch frei von Belästigungen zu ermöglichen, unabhängig von Geschlecht, Geschlechtsidentität und -ausdruck, sexueller Orientierung, Behinderung, Aussehen, Körperbau, Hautfarbe, Alter oder Religion. Wir dulden keinerlei Belästigung. Sexualisierte Sprache und Darstellungen sind an allen Veranstaltungsorten unerwünscht, dies gilt unter anderem für Vorträge, Workshops, Meetups und Onlinemedien. Wer gegen diese Regeln verstößt, muß mit Sanktionen bis hin zum Verweis von der Veranstaltung rechnen.
<br><br>
<a href="http://rubyberlin.github.io/code-of-conduct/" target="_blank">Lies unseren Code of Conduct</a>
</p>
</div>
<hr />
<div class="grid_12">
<a name="workshop-infos"><h2>Workshop</h2></a>
<p>Im Workshop lernen die Teilnehmerinnen Webentwicklung anhand eines praktischen Beispiels kennen. In Kleingruppen programmieren sie selbst eine kleine Webanwendung. Unterstützt werden sie dabei von ehrenamtlichen Coaches.</p>
</div>
<div class="grid_6">
<h3>Veranstaltungsort</h3>
<p><a href ="https://www.thoughtworks.com/de/"> ThoughtWorks</a> stellt uns für den Workshop Räumlichkeiten zur Verfügung.
Das Büro von ThoughtWorks befindet sich im Zentrum von Hamburg: <a href="http://www.openstreetmap.org/node/3745545632">Großer Burstah 46, 20457 Hamburg</a><br>
<h3 style="padding-top:30px">Workshopmaterial</h3>
<p>Für den Workshop benötigst du einen Laptop, der per WLAN mit dem Internet verbunden werden kann und ein Ladekabel für den Laptop. Solltest du keinen Laptop besitzen, soll dies zunächst kein Auschlusskriterium für dich sein. Daher <a href="mailto:railsgirlshh@googlemail.com">setze dich bitte direkt mit uns in Verbindung</a>, und wir werden versuchen, dir zu helfen.<br>
Wenn du dir Notizen machen möchtest, bring Zettel und Stift mit.</p>
<h3 style="padding-top:30px">Verpflegung</h3>
<p>Mittags werden wir gemeinsam eine Kleinigkeit essen, zwischendurch gibt es Snacks.
Getränke stehen natürlich zur Verfügung.</p>
</div>
<div class="grid_6">
<h3>Ablauf</h3>
<table id="schedule">
<tbody style="padding-top:10px">
<tr>
<th>10:00 - 10:15</th>
<td>
<h4>Begrüßung</h4>
Eintreffen der Teilnehmerinnen, Infos zum Ablauf
</td>
</tr>
<tr>
<th>10:15 - 10:30</th>
<td>
<h4>Lightning Talk</h4>
Softwareentwicklerin - Traumjob für jede
</td>
</tr>
<tr>
<th>10:30 - 10:45</th>
<td>
<h4>Gruppenfindung</h4>
Kennenlernen und Gruppenfindung
</td>
</tr>
<tr>
<th>10:45 - 11:15</th>
<td>
<h4>Tools und erste Schritte mit Ruby</h4>
Kennenlernen der unterschiedlichen Programme, die zum Programmieren benötigt werden und erste Codeversuche mit <a href="http://www.tryruby.org">Tryruby.org</a>
</td>
</tr>
<tr>
<th>11:15 - 13:00</th>
<td><h4>Let's start coding!</h4>Entwicklung einer Webanwendung</td>
</tr>
<tr>
<th>13:00 - 13:45</th>
<td>
<h4>Mittagspause</h4></td>
</tr>
<tr>
<th>13:45- 17:00</th>
<td>
<h4>Coding, Coding, Coding</h4>Weiter geht's mit der praktischen Arbeit in kleinen Gruppen.
</td>
</tr>
<tr>
<th>17:00</th>
<td>
<h4>Abschlussrunde</h4>Wie kann das im Workshop Erlernte weiter genutzt und ausgebaut werden?
</td>
</tr>
</tbody>
</table>
</div>
<hr />
<div class="grid_12">
<a name="coach-infos"><h2>Coaches</h2></a>
<p>Freiwillige Coaches unterstützen die Teilnehmerinnen dabei, mit Hilfe vorhandener Tutorials ihre erste Anwendung zu programmieren.</p>
</div>
<div class="grid_6">
<h3>Als Coach zum Workshop anmelden</h3>
<p>Einfache Programmierkenntnisse und die Bereitschaft, Dein Wissen zu teilen, sind die Voraussetzung für die Teilnahme als Coach. Du brauchst keine jahrelange Erfahrung mit Rails, solltest Dich aber ggf. vor dem Workshop mit unserem <a href="http://railsgirlshh.github.io/app">Tutorial</a> vertraut machen. Wenn Du bei unserem nächsten Workshop als Coach mithelfen möchtest, kannst Du uns <a href="mailto:railsgirlshh@googlemail.com">schreiben</a> oder Dich <a href="http://railsgirls-hamburg.herokuapp.com/" target="_blank">als Coach anmelden</a>.</p>
</div>
<div class="grid_6">
<h3>Workshopmaterial für Coaches</h3>
<p><strong>try ruby</strong> ist ein interaktives Onlinetutorial zu Ruby. Im Workshop werden wir den Teilnehmerinnen zeigen, wie man dieses Tutorial benutzt. Anschliessend haben die Teilnehmerinnen Gelegenheit, mit Hilfe der Coaches an diesem Tutorial zu arbeiten. Meist beschränkt sich das auf die ersten paar Abschnitte.<br><a href="http://tryruby.org">tryruby.org</a>
</p>
<p><strong>Codenvy</strong> ist ein Webservice zur Softwareentwicklung, den wir verwenden, anstatt Ruby on Rails auf den Rechnern der Teilnehmerinnen zu installieren. Details dazu findet Ihr in unserer Anleitung.<br><a href="https://codenvy.io/">codenvy.io</a><br><a href="http://railsgirlshh.github.io/install#cloudservice">Railsgirls-Anleitung zu Codenvy</a><br>
</p>
<p><strong>Railsgirls Guides</strong> ist eine Sammlung verschiedener Onlinetutorials in mehreren Sprachen. Im Workshop arbeiten die Teilnehmerinnen in Kleingruppen mit Hilfe der Coaches auf Basis dieser Tutorials. Als Einstieg dient zunächst die <a href="http://railsgirlshh.github.io/app">Rails Girls App</a>. Sofern noch Zeit bleibt, kann anschließend jede Gruppe in Absprache mit ihrem Coach aus den weiteren Tutorials wählen. Dies hängt stark von der jeweiligen Gruppe ab, viele Gruppen bleiben auch den ganzen Tag über beim ersten Tutorial.<br>
<a href="http://railsgirlshh.github.io">Deutschprachige Guides</a><br>
<a href="http://railsgirlshh.github.io/app">Rails Girls App Tutorial (deutsch)</a><br>
<a href="https://guides.railsgirls.com/">Englischsprachige Guides</a> (mit zahlreichen weiterführenden Tutorials und links zu weiteren Sprachen)<br>
<a href="https://guides.railsgirls.com/app">Rails Girls App Tutorial (englisch)</a>
</div>
<!-- Update the team list -->
<div class="grid_12 coaches">
<hr />
<h3>Hamburg Team</h3>
<a href="https://twitter.com/titanoboa42" class="grid_3" style="margin-left: 0px">Kerstin Puschke<small>@titanoboa42</small></a>
<a href="https://twitter.com/sssggr" class="grid_3" style="margin-left: 0px">Nina Siessegger<small>@sssggr</small></a>
<a href="https://twitter.com/@tajstern" class="grid_3" style="margin-left: 0px">Hosnia Najem<small>@tajstern</small></a>
<a href="https://twitter.com/" class="grid_3" style="margin-left: 0px">Lisa Junger<small>@lieblingswelt</small></a>
<a href="https://twitter.com/huldala" class="grid_3" style="margin-left: 0px">Anne Lamprecht<small>@huldala</small></a>
<a href="https://twitter.com/AndreCedik" class="grid_3" style="margin-left: 0px">Andre Cedik<small>@AndreCedik </small></a>
<a href="https://twitter.com/x3rames" class="grid_3" style="margin-left: 0px">Lucas Jenß<small>@x3rames</small></a>
</div>
</div>
<!-- /content -->
<footer>
<p>2010-2015, Rails Girls. <a href="./press.html">Contact us</a> or follow us on <a href="https://twitter.com/railsgirls">Twitter</a> and <a href="https://www.facebook.com/railsgirls">Facebook</a></p>
<p class="slogan">Get excited and make things!</p>
</footer>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-19631067-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>