-
Notifications
You must be signed in to change notification settings - Fork 21
/
Copy pathindex_de.html
83 lines (64 loc) · 3.37 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
<!doctype html>
<head>
<title>Kursmaterial — JavaScript für absolute Beginner</title>
<link rel=stylesheet href="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: JavaScript für absolute Beginner</h1>
<p><a href="index.html">In English »</a></p>
<p>Unser Ziel für diesen Workshop 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>Die ersten paar Stunden werden wir mit 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 und es wird auch Farben und Animationen geben.</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>