Einstieg in JavaScript, Listings und Tutorials

Clientseitige Programmierung mit JavaScript

Kaum ein Webprojekt, gleich ob dieses vorrangig aus statischen oder dynamischen Webseiten besteht, kommt ohne diverse JavaScripts aus. Dabei hat der Funktions­umfang von clientseitigen Anwendungen stetig zugenommen und Ajax-Anwen­dungen machten das Web erst so richtig interaktiv. In Verbund mit HTML5 erlebte JavaScript im letzten Jahrzehnt einen erneuten Höhenflug, erlaubt doch die Kombination aus Hypertext und JavaScript die Programmierung von Applikationen, deren Erstellung in den ersten Jahren noch das Erlernen und die Verwendung einer Hochsprache vorausgesetzt hätte. Ermöglicht wird diese Kombination aus Hyper­text und JavaScript vor allem dadurch, dass JavaScript eigens entwickelt wurde um HTML-Seiten dynamischer zu gestalten.

Der Einsteiger sollte sich jedoch bewusst sein, dass JavaScript nicht wesentlich einfacher zu erlernen ist, als eine andere Programmiersprache, wenn die Möglich­keiten, welche diese Scriptsprache bietet, auch nur annähernd ausgeschöpft werden sollen. Der entscheidende Vorteil liegt jedoch darin, dass ein Webmaster oder Web-Entwickler, der sich bereits bestens mit HTML auskennt und dem einfache JavaScript-Codeschnipsel bereits vertraut sind, nicht bei Null beginnen muss. Erschwerend kommt jedoch hinzu, dass die Besonderheiten der Browser bzw. deren Interpreter berücksichtigt werden müssen. Vor allem dann, wenn eine gewisse Abwärtskompatibilität der Anwendungen zur Erhaltung der Funktionalität in älteren Browsern erwünscht ist, sind oftmals Browserweichen erforderlich.

Nachfolgend eine kleine Einführung in die clientseitige Programmierung mit Java-Script für Einsteiger, mit diversen Listings und Tutorials.

---

Übersicht

Allgemeine Einführung

Einstieg:

• Syntax von JavaScript (eine kleine Einführung mit Beispielen)
• Variablen (lokale und globale Variablen deklarieren und definieren)
• Datentypen (Ermittlung und Umwandlung von Datentypen)
• Operatoren (Ausdrücke, Operanden und spezielle Operatoren)

---

Listings und Tutorials

Funktionen zum Zoomen und Verschieben von Grafiken:

• Funktionen zum Zoomen (und Verschieben von Bildern mit Code-Listings)
• Eine einfache Zoomfunktion (für Bilder mit JavaScript, allgemeine Infos)
• Code-Listing und Details (Beschreibung einer einfachen Zoomfunktion)
• Ausrichten von Grafiken (und zentrieren innerhalb eines Bereiches)
• Verschieben von Grafiken (ausschnittsweise innerhalb eines Bereiches)
• Listing und Details (zum Verschieben von Bildern oder sonstigen Grafiken)
• Funktionsweise und Prinzip (Programmablaufplan / Flussdiagramm)
• Komplettes Code-Listing (zum Zoomen und Ausrichten von Grafiken)

Formulardaten verarbeiten:

• GET (Benutzereingaben prüfen, QueryString auslesen und auswerten)
• DOM Storage (Daten aufbewahren und abrufen)

Animationen mit JavaScript:

• Ladebalken (als Fortschrittsanzeige für das Laden von Inhalten)