-
Notifications
You must be signed in to change notification settings - Fork 17
/
Copy pathindex_de.html
86 lines (67 loc) · 3.54 KB
/
index_de.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
<!doctype html>
<head>
<title>Kursmaterial — JS für absolute Beginner</title>
<link rel=stylesheet href="http://fonts.googleapis.com/css?family=Averia+Serif+Libre:300,400">
<link rel=stylesheet href=style.css>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
</head>
<h1>Kursmaterial: Erster Tag</h1>
<p><strong>Achtung:</strong> Dieses Material wird nicht mehr gepflegt.
Du solltest <a href="http://opentechschool.github.io/js-beginners-1/index_de.html">js-beginners-1</a>
benutzen, das ist etwas kürzer und leichter.</p>
<p>Unser Ziel für den ersten Tag ist es, genug JavaScript zu lernen
um gefährlich zu sein und nebenbei ein Gefühl für JavaScripts natürlichen
Lebensraum (Web, Browser, HTML) zu bekommen.</p>
<h2>Was Du brauchst</h2>
<p>Als Entwicklungsumgebung für den Kurs werden wir Google Chrome verwenden,
weil es ein Browser ist, der ausgezeichnete Tools für Entwickler bereithält.
Falls Du eine ausgeprägte persönliche Vorliebe für einen anderen Browser haben
solltest (bitte lass es nicht Internet Explorer sein), kannst du auch gerne
probieren diesen zu verwenden—die meisten modernen Browser haben ganz ordentliche
Tools für Entwickler—aber dieses Tutorial wird die Funktionalitäten von Chrome
beschreiben.
</p>
<p>Wenn Du Chrome noch nicht installiert hast, kannst Du ihn hier herunterladen:</p>
<ul>
<li><a href="https://www.google.com/chrome/?hl=de" target=_blank>Chrome</a></li>
</ul>
<p>Abgesehen von einem Browser brauchst Du keine weitere Software.
Wir werden unsere JavaScript-Programme direkt im Browser schreiben und
ausprobieren.</p>
<h2>Ablauf</h2>
<p>Im Verlauf des Tages werden wir ein einfaches Spiel schreiben.
Die ersten paar Stunden werden wir mit erbärmlich banalen Programm-Schnipseln
verbringen, um ein Gefühl für die Sprache zu bekommen. Gib nicht auf,
denn diese Vorübungen erlauben Dir Zugang zu einer Welt größerer,
interessanterer Dinge.</p>
<p>Dieses Dokument ist eine Schritt-für-Schritt Anleitung, mit der Du
den Browser und seine JavaScript-Umgebung erkunden kannst und lernst,
Deine ersten eigenen Programme zu schreiben.</p>
<p>Jeder Schritt wird ein Ziel haben (es beschreibt das Warum),
Anweisungen was genau zu tun ist, und eine Erklärung, die
Dir sagt wie und warum das funktioniert was Du da tust. Zum Beispiel:</p>
<div class=box>
<h2 class=step>Beispiel für einen Schritt</h2>
<h3 class=goal>Ziel</h3>
<p>Sehen wie ein Schritt aussieht.</p>
<h3 class=inst>Anweisungen</h3>
<p>Lies diesen Text aufmerksam.</p>
<h3 class=ex>Erklärung</h3>
<p>Das Ziel kommt immer zuerst. Ohne Ziel, keine Aktion.
Die Anweisungen sind schlicht und eindeutig gehalten und enthalten
keine Hintergrund-Informationen. Danach kommt eine Erklärung, die
(hoffentlich) klarmacht, wie und warum alles funktioniert.</p>
</div>
<h2>Informationsquellen</h2>
<p>Eine gute Idee ist es, diesen <a href="http://marijnhaverbeke.nl/js-cheatsheet.html"
target=_blank>Spickzettel</a> in einem Browser-Tab geöffnet zu halten,
damit Du dort schnell nachschauen kannst, wie genau etwas zu schreiben
oder zu lesen ist. Mach Dir keine Sorgen, wenn Dir dieser Zettel jetzt
erstmal gar nichts sagt. Er ist dafür gedacht, Dinge nachzuschlagen
<em>nachdem</em> sie Dir erklärt wurden.</p>
<p>Darüber hinaus sind unsere Coaches auch immer gerne bereit Fragen
zu beantworten. Falls Du irgendwann zwischendurch das Gefühl hast,
dass Du verwirrt bist oder nicht weiterkommst, mach Dich bemerkbar
und wir werden unser Bestes tun Dich zu "entwirren".</p>
<h2>Los geht's</h2>
<p><a href="page1_de.html">→ Zur ersten Seite</a>.</p>