JavaScript-Programmierung von Kopf bis Fuß

vii

Einführung

Ihr Gehirn und JavaScript. Sie versuchen, etwas zu lernen, und Ihr Hirn tut sein Bestes,

damit das Gelernte nicht hängen bleibt. Es denkt nämlich: »Wir sollten lieber Platz für wichtigere Dinge

lassen, z. B. für das Wissen darüber, welche Tiere einem gefährlich werden könnten oder dass es eine

ganz schlechte Idee ist, nackt Snowboard zu fahren.« Tja, wie schaffen wir es nun, Ihr Gehirn davon zu

überzeugen, dass Ihr Leben davon abhängt, etwas über JavaScript-Programmierung zu wissen?

Der Inhalt (in der Übersicht)

Einführung xxiii

1 Ein Sprung ins kalte JavaScript-Wasser: Zeit für nasse Füße 1

2 Richtigen Code schreiben: Die nächsten Schritte 43

3 Einführung in Funktionen: Jetzt funkt’s 79

4 Etwas Ordnung in die Daten bringen: Arrays 125

5 Objekte verstehen: Ein Ausug nach Objectville 173

6 Interaktion mit der Webseite: Das DOM kennenlernen 229

7 Typen, Gleichheit, Umwandlung und der ganze Rest: Seriöse Typen 265

8 Die Einzelteile zusammenfügen: Eine App schreiben 317

9 Asynchron programmieren: Events be-handeln 381

10 Funktionen erster Klasse: Befreite Funktionen 429

11 Anonyme Funktionen, Geltungsbereiche und Closures:

Seriöse Funktionen 475

12 Fortgeschrittene Objektkonstruktion: Objekte erstellen 521

13 Prototypen verwenden: Extrastarke Objekte 563

A Die Top Ten der Themen, die wir nicht behandelt haben:

Was übrig bleibt 623

Index 641

Der Inhalt (jetzt ausführlich)

Der Inhalt

Für wen ist dieses Buch? xxiv

Wir wissen was Sie gerade denken. xxv

Wir stellen uns unseren Leser als einen aktiv Lernenden vor xxvi

Metakognition: Nachdenken übers Denken xxvii

Das haben WIR getan xxviii

Das können SIE tun, um sich Ihr Gehirn untertan zu machen xxix

Lies mich! xxx

Fachgutachter xxxiii

Danksagungen xxxiv

viii

1

Zeit für nasse Füße

Ein Sprung ins kalte JavaScript-Wasser

JavaScript verleiht Superkräfte. Es ist die Programmiersprache des

Webs. Mit JavaScript bekommen Ihre Webseiten nämlich Verhalten. Das heißt:

keine trockenen, langweiligen statischen Seiten mehr, die einfach nur dasitzen und

Sie anstarren. Mit JavaScript erreichen Sie Ihre Benutzer direkt. Sie können auf

interessante Events reagieren, Daten aus dem Web einbinden, Diagramme direkt

in Ihren Seiten erstellen und vieles mehr. Haben Sie JavaScript einmal verstanden,

können Sie vollkommen neue Verhaltensweisen für Ihre Benutzer erstellen.

Wie JavaScript funktioniert 2

Wie Sie JavaScript schreiben werden 3

JavaScript in die Seite einbinden 4

JavaScript, du hast einen langen Weg hinter dir ... 6

Anweisungen definieren 10

Variablen und Werte 11

Finger weg von der Tastatur! 12

Der richtige Ausdruck 15

Dinge mehr als einmal tun 17

Wie eine while-Schleife funktioniert 18

Entscheidungen in JavaScript 22

Und wenn Sie richtig VIELE Entscheidungen treffen müssen 23

Sprechen Sie Ihre Benutzer direkt an 25

Ein näherer Blick auf console.log 27

Die Konsole öffnen 28

Die erste richtige JavaScript-Applikation 29

Wie bekomme ich den Code in meine Seite?

(... mal die Möglichkeiten zählen ...) 32

Wir müssen euch trennen 33

Der Inhalt

HTML

CSS

JS

Browser

Bei der Wahl Ihrer Variablennamen

haben Sie eine Menge Flexibilität.

Hier ein paar Tipps aus Webville,

die Ihnen die Namenswahl etwas

erleichtern sollen:

Wählen Sie »sprechende«

Variablennamen.

Variablennamen wie _m, $, r und foo

haben vielleicht für Sie eine Bedeutung,

werden in Webville aber meist nicht

so gern gesehen. Sie werden nicht

nur leicht wieder vergessen, Ihr Code

wird auch viel lesbarer, wenn Sie Ihre

Variablen winkel, aktuellerDruck oder

bestandenesExamen nennen.

Verwenden Sie »CamelCase«,

wenn Sie zusammengesetzte

Variablennamen benutzen wollen.

Irgendwann kommen Sie an den

Punkt, an dem Sie beispielsweise

einen zweiköpfigen Feuer speienden

Drachen beschreiben wollen. Wie?

Mit CamelCase. Hierbei wird der

erste Buchstabe jedes Worts (mit

Außnahme des ersten) großgeschrieben:

zweikoepfigerFeuerspeienderDrache.

CamelCase lässt sich leicht schreiben,

ist in Webville weit verbreitet und

ist flexibel genug, um passende

Variablennamen zu finden. Es gibt zwar

auch noch andere Methoden, CamelCase

wird jedoch am häufigsten eingesetzt

(nicht nur in JavaScript).

Benutzen Sie Variablen, die mit _ und

$ beginnen, nur wenn Sie einen guten

Grund dafür haben.

Mit $ beginnende Variablennamen

sind üblicherweise für JavaScript-

Bibliotheken reserviert. Auch wenn

manche Autoren ihre Variablen

manchmal mit _ beginnen, sollten

Sie das nur mit gutem Grund tun (Sie

werden wissen, wann das der Fall ist).

Seien Sie vorsichtig.

Seien Sie bei der Benennung von

Variablen vorsichtig. Wir werden Ihnen

später noch ein paar Tipps hierzu geben.

Für den Augenblick gilt: Verwenden

Sie »sprechende« Variablennamen,

vermeiden Sie Schlüsselwörter und

nutzen Sie bei der Deklaration von

Variablen immer var.

WEBVILLE

T I M E S

Peinliche Fehler bei Variablennamen vermeiden!