Programmieren lernen mit JavaScript

Elter, StephanStephan Elter ist Softwareentwickler und verwendet JavaScript seit vielen Jahren - neben PHP, Java und einer Menge anderer Sprachen. Programmieren macht ihm Spaß, er liebt witzige Beispiele und würde niemals ein Buch schreiben, in dem jeder Satz hundertprozentig ernst gemeint ist.

Du kannst direkt an deinem Computer einfach loslegen

Vorwort ... 15
Materialien zum Buch ... 16
Über dieses Buch ... 17
1. HTML ... 31

Die Befehle: Tags ... 32
Deine erste Webseite ... 39
Tags tieferlegen und verchromen: Attribute ... 43

2. Hallo Welt ... 47

So kommen Programme in die Webseite ... 48
Ein kleines Meldungsfenster -- der Einstieg ... 50
Und so kommt das JavaScript in die Webseite ... 51
Das Handy fällt nicht weit vom Stamm -- der gute alte Galileo und warum auch Formeln Spaß machen ... 55
Wie schreibe ich »?« in JavaScript? ... 56
Wohin mit dem Ergebnis? ... 57
Allheilmittel gegen Vergesslichkeit -- die Variablen ... 61
Von Handyweitwurf zum ersten Spiel ... 67
Lasst die Spiele beginnen ... 72
Die erste Schleife geht auch ohne Schnürsenkel ... 73
Waren da hinten nicht gerade noch der Bernd und die Alfi? Dort, wo jetzt das Monster steht? ... 76
Falls es mal nicht klappt ... 79

3. Zufall, Spaß und Logik ... 81

Zahlenraten ... 82
Die Anleitung haben wir -- bauen wir unser Programm ... 83
Was macht der Programmcode denn da? ... 85
»Hey, mach's noch mal« -- Schleifen mit »do-while« ... 88
Das fertige Programm ... 90
Schere, Stein, Papier ... 94
Das »if« und das »else« ... 101
Sag mal, stimmt die Formel so? Formeln, Bauchgefühle, Tests ... 102

4. CodeBreaker ... 105

Die geheime Zahl ... 106
Von der Beschreibung zum Programm ... 107
Nur der Teufel steckt so tief im Detail -- und Programmierer: »else if« ... 112
Tunen, tieferlegen, lackieren und Locken eindrehen ... 118
JavaScript über Klicks auf HTML-Elemente aufrufen ... 122

5. Bubbles, Blasen und Arrays ... 133

Erst einmal alles fürs Sortieren ... 134
Arrays -- die Vereinsmeier unter den Variablen ... 134
Werte lesen, schreiben und auch wieder vergessen ... 136
The sort must go on ... oder so ähnlich ... 138
Bubblesort mit Computer ... 140
Feinschliff ... 147
Das Ende der weißen Seiten ist nahe ... 152
Etwas schicke Kosmetik ... 160
Die volle Funktion für Bubblesort ... 161

6. Quiz ... 163

Tieferlegen und verchromen -- alles mit CSS ... 169
Dreimal darfst du raten ... 172
Vom richtigen Mischen und von anonymen Funktionen ... 179
Die Sache mit der Henne, dem Ei und dem besten Anfang ... 182
Das Quiz starten ... 187

7. Rechenkönig ... 195

Die Benutzeroberfläche ... 196
Zuerst die Funktionen und die Variablen ... 200
Der Spieler ist am Zug ... 212
Das Programm als Ganzes ... 214
Nicht für die Ewigkeit -- aber länger als nur für eine Sitzung ... 216

8. Textadventure ... 227

Wie setzen wir das um? ... 229
JSON -- ein kuscheliges Zuhause für Daten und Geschichten ... 232
Zeit für etwas HTML und CSS ... 236
Von JSON zu JavaScript ... 240
Zuerst die grundlegende Funktionalität -- der Prototyp ... 244
Nach dem Prototyp ... 248
Aus den Nummern die wirklichen Texte holen ... 250
Teile und herrsche -- mehr als nur eine Datei ... 256

9. Hammurabi ... 263

Wie funktioniert das Spiel? ... 264
Die Regeln -- im Detail ... 269
Unsere Zufallszahlen ... 280
Eine Spielrunde -- ein ganzes Jahr ... 283
Das ganze Programm in einem Rutsch ... 293

10. Charts und Bibliotheken ... 299

Chartist.js ... 301
Zeit für eigene Daten ... 310

11. Mondlandung ... 325

Was brauchen wir auf unserer Webseite? ... 326
Schöner abstürzen ... 328
Ein paar Funktionen wären auch ganz hilfreich ... 328
Auch das schönste Programm ist nichts ohne eine Ausgabe ... 332
Etwas Kontrolle muss sein ... 335
Schöner fallen mit Canvas und JavaScript ... 338

12. Im Tal der fallenden Steine ... 347

Die HTML-Datei ... 348
Der Code ... 349

13. Objekte, Orakel, Schiffe und Seeungeheuer ... 361

Klassen, Objekte und die alten Griechen ... 362
Ein Orakel und die erste eigene Klasse ... 363
Noch eine Schippe OOP oben drauf ... 371
Einmal das volle Programm, bitte ... 372
Setzt die Segel! ... 373
So schreiben wir unser Programm ... 374
Eine Karte für die hohe See ... 376
Das Schiff ... 381
Eine Steuerung -- ganz klassisch ... 383
Die Klasse »Karte« ... 385
Die Klasse »Schiff« ... 386
Und noch die Steuerung ... 387

Index ... 389