Einfhrung in JavaScript

Hier entsteht eine Dokumentation der Programmiersprache JavaScript. Sie richtet sich an Einsteiger, soll dem Leser aber nach und nach alle

wichtigen Aspekte des JavaScript-Einsatzes bei der Webseiten-Entwicklung nahezubringen. Ziel ist ein profundes Verstndnis der Sprache und ihre

Beherrschung von den Grundlagen bis zur Entwicklung komplizierter Scripte und dem gezielten Einsatz von JavaScript-Frameworks.

Kommentare und Feedback werden gerne per E-Mail entgegen genommen.

1. Aufgaben und Anwendungsbereiche

2. Vorkenntnisse und Voraussetzungen

3. Grundlegende Konzepte

4. Entstehung und Standardisierung

5. Sinnvoller JavaScript-Einsatz

6. Sprachelemente

1. Syntax-Grundlagen

2. Objekte und Variablen

3. Kernobjekte und Datentypen

4. Funktionen

7. Arbeitstechniken und Entwicklerwerkzeuge

8. Arbeiten mit dem DOM

9. Einbindung in HTML und Ereignisverarbeitung (Event-Handling)

1. Einbindung in HTML mit dem script-Element

2. Grundlagen der Ereignisverarbeitung

3. Arbeiten mit dem Event-Objekt

4. Fortgeschrittene Ereignisverarbeitung

5. Onload-Techniken: Scripte ausfhren, sobald das Dokument verfgbar ist

6. Effiziente Ereignisverarbeitung: Event-Delegation und Capturing

10. Browserbergreifende Entwicklung

11. Fenster und Dokumente

12. Zusammenarbeit mit CSS

13. Sicherheit

14. Serverkommunikation und dynamische Webanwendungen (Ajax)

15. Bibliotheken und Frameworks

16. Organisation von JavaScripten

1. Voraussetzungen und berblick

2. Module und Kapselung

3. Konstruktoren, Prototypen und Instanzen

4. Objektverfgbarkeit und this-Kontext

5. Framework-Architekturen

JavaScript: Aufgaben und Anwendungsbereiche

1. Was ist unter JavaScript zu verstehen?

2. Was macht JavaScript und wie funktioniert JavaScript?

3. Bedeutung von JavaScript fr das Web

4. JavaScript als vollwertige Programmiersprache

5. Besonderheiten und Tcken von JavaScript

Was ist unter JavaScript zu verstehen?

JavaScript ist eine Programmiersprache, die als Zusatztechnik in Webseiten eingebunden wird. Die JavaScript-Programme, auch

mailto:zapperlott@gmail.comhttp://molily.de/js/aufgaben.htmlhttp://molily.de/js/voraussetzungen.htmlhttp://molily.de/js/konzepte.htmlhttp://molily.de/js/standards.htmlhttp://molily.de/js/einsatz.htmlhttp://molily.de/js/syntax.htmlhttp://molily.de/js/objekte-variablen.htmlhttp://molily.de/js/kernobjekte.htmlhttp://molily.de/js/funktionen.htmlhttp://molily.de/js/werkzeuge.htmlhttp://molily.de/js/dom.htmlhttp://molily.de/js/einbindung.htmlhttp://molily.de/js/event-handling-grundlagen.htmlhttp://molily.de/js/event-handling-objekt.htmlhttp://molily.de/js/event-handling-fortgeschritten.htmlhttp://molily.de/js/event-handling-onload.htmlhttp://molily.de/js/event-handling-effizient.htmlhttp://molily.de/js/browser.htmlhttp://molily.de/js/fenster.htmlhttp://molily.de/js/css.htmlhttp://molily.de/js/sicherheit.htmlhttp://molily.de/js/ajax.htmlhttp://molily.de/js/bibliotheken.htmlhttp://molily.de/js/organisation-ueberblick.htmlhttp://molily.de/js/organisation-module.htmlhttp://molily.de/js/organisation-instanzen.htmlhttp://molily.de/js/organisation-verfuegbarkeit.htmlhttp://molily.de/js/organisation-frameworks.htmlhttp://molily.de/js/aufgaben.html#definitionhttp://molily.de/js/aufgaben.html#aufgabenhttp://molily.de/js/aufgaben.html#bedeutunghttp://molily.de/js/aufgaben.html#programmiersprachehttp://molily.de/js/aufgaben.html#besonderheiten

Scripte genannt, werden im Web-Browser interpretiert. Das heit, sie werden in Maschinencode bersetzt und ausgefhrt. Da

JavaScripte auf dem Rechner des Websurfers ausgefhrt werden, spricht man von einer clientseitigen Programmiersprache, um sie von

Programmen abzugrenzen, die auf dem Web-Server laufen, wie etwa PHP- oder Perl-Scripte.

Was macht JavaScript und wie funktioniert JavaScript?

JavaScripte haben Zugriff auf das Browserfenster und das darin angezeigte HTML-Dokument. Ihre wichtigste Aufgabe besteht

darin, auf Benutzereingaben im Dokument zu reagieren (z.B. klickt der Benutzer auf ein Element oder gibt einen Text in ein Formularfeld

ein). JavaScripte knnen daraufhin nderungen im gegenwrtig angezeigten HTML-Dokument vornehmen. Diese nderungen finden nur

im Browser, genauer gesagt im Arbeitsspeicher des Rechners statt, whrend das Dokument auf dem Web-Server unangetastet bleibt.

Die nderungen knnen sowohl den Inhalt als auch die Darstellung des Dokuments betreffen. Auf diese Weise kann ein

Dokument interaktiv und dynamisch gestaltet werden. Das bedeutet, es kann auf Benutzereingaben reagieren und sich ndern, ohne

dass ein neues Dokument vom Web-Server abgerufen werden muss. Beispielsweise knnen Zusatzinformationen eingeblendet werden,

sobald der Anwender mit der Maus auf ein bestimmtes HTML-Element klickt.

Den lesenden und verndernden Zugriff auf das Dokument regelt das sogenannte Document Object Model (DOM) dazu spter

mehr. Der berragende Teil der JavaScript-Programmierung besteht aus dem Umgang mit dem DOM. Wegen dieser zentralen

Wichtigkeit wird auch von DOM Scripting gesprochen. Ein lterer, mittlerweile berholter Begriff lautet Dynamisches HTML,

abgekrzt DHTML. Dies soll Ihnen nur verdeutlichen, dass sich JavaScript in erster Linie darum dreht, mit dem HTML-Dokument zu

hantieren, in dessen Kontext ein Script ausgefhrt wird.

Bedeutung von JavaScript fr das Web

JavaScript ist aus dem heutigen Web nicht mehr wegzudenken und nimmt neben HTML und CSS eine enorm wichtige Rolle ein.

Beinahe jede Website verwendet kleinere oder grere JavaScripte.

Viele verbreitete Funktionen im Web lassen sich mit JavaScript vereinfachen und benutzerfreundlicher gestalten und neue

Funktionen knnen hinzukommen. Das bedeutet allerdings nicht, dass Ihre Website JavaScript verwenden muss, um vollstndig und

erfolgreich zu sein. Viel JavaScript hilft nicht unbedingt viel. Ein bedachter JavaScript-Einsatz sorgt beispielsweise dafr, dass eine

Website auch ohne JavaScript gut benutzbar und zugnglich ist.

Die Sprache JavaScript existiert schon seit ber zehn Jahren und die Plattform wurde stetig fortentwickelt. Lange war JavaScript

das Schmuddelkind unter den Webtechniken und seine Daseinsberechtigung wurde angezweifelt. Erst in den vergangenen Jahren

kam es zu einer Renaissance von JavaScript und die JavaScript-Nutzung explodierte unter dem Schlagwort Ajax. Zudem entstanden

Theorien, die den vernnftigen JavaScript-Einsatz begrnden.

JavaScript als vollwertige Programmiersprache

Fr viele Webautoren ist JavaScript die erste Programmiersprache, mit der sie zu tun bekommen. HTML und CSS sind zwar auch

knstliche Rechnersprachen, aber keine Programmiersprachen es lassen sich damit keine Programme schreiben, die Anweisung fr

Anweisung abgearbeitet werden.

Was zuerst wie eine spitzfindige Unterscheidung klingt, ist ein Unterschied ums Ganze: Mit HTML lassen sich lediglich Texte

auszeichnen und Dokumente aufbauen. Mit CSS werden diese Dokumente formatiert und gelayoutet. In CSS werden sogenannte

Deklarationen verfasst, die HTML-Elemente ansprechen und ihnen Formatierungen zuweisen.

Eine Programmiersprache hingegen funktioniert grundlegend anders und erfordert eine eigentmliche Denkweise und

Herangehensweise an Probleme. Die Grundlagen der Programmierung knnen an dieser Stelle nicht beschrieben werden, sie sind aber

essentielle Voraussetzung fr den Umgang mit JavaScript.

Besonderheiten und Tcken von JavaScript

JavaScript ist eine Baustelle: Es hat sehr klein angefangen und wurde nicht entworfen, um den Anforderungen des heutigen

Einsatzes zu gengen. Daher stecken der JavaScript-Kern und viele der ber JavaScript nutzbaren Techniken voller Strken und

Schwchen manches ist besonders einsichtig und einfach, anderes besonders verworren und macht Ihnen die Arbeit schwer.

Heutzutage beruhen groe Webanwendungen auf umfangreichen und hochkomplexen JavaScripten. JavaScript gert dadurch in

das Interesse von Informatikern und Software-Entwicklern, die die Sprache erforschen, mit ihr experimentieren und Grenzen austesten.

Empfehlenswerte Programmiertechniken sind dadurch erst nach und nach ans Licht gebracht worden und es ist ein andauernder

Prozess, den Sie verfolgen sollten und an dem Sie sich beteiligen knnen.

JavaScript nimmt unter den Programmiersprachen einen besonderen Platz ein. Wenn Sie bereits andere Programmiersprachen

kennen, werden Sie sicher Gemeinsamkeiten erkennen und Ihr Wissen wiederverwenden knnen. Doch frher oder spter werden Sie

auf Eigentmlichkeiten von JavaScript stoen, die Sie so in keiner anderen im Web verbreiteten Programmiersprache finden werden.

Sobald Sie komplexere Scripte schreiben, sollten Sie mit diesen Eigentmlichkeiten und den daraus resultierenden

Programmiertechniken Bekannschaft machen, denn Sie werden sie zu schtzen lernen.

JavaScript: Vorkenntnisse und Voraussetzungen

1. Herangehensweise dieser Einfhrung

2. HTML und CSS: Trennung von Struktur und Layout

3. Serverseitige Programmierung

Herangehensweise dieser Einfhrung

Diese Dokumentation whlt eine bestimmte Herangehensweise an JavaScript und empfiehlt einenbestimmten JavaScript-Einsatz.

Sie gibt Ihnen bewusst eine Arbeitsweise vor und geht von einigen Grundannahmen aus, die im Folgenden offen gelegt werden. Sie

mssen mit diesen selbstverstndlich nicht einverstanden sein und knnen Ihren eigenen Weg whlen.

Diese Anleitung ist nicht fr Webautoren gedacht, die blo fremde Fert