CSS, HTML und Javascript mit {stil}

Javascript für Webseiten

Javascript Programmierung: Einfach zu lernenHTML5CSSJavaScript

Javascript ist die Programmiersprache des Internets – entwickelt für Webseiten und erweitert für immer komplexere Anwendungen. Javascript wurde (anders als Programmiersprachen wie C++) nicht für alle Belange der Programmierung angelegt, sondern gezielt zur Manipulation von Webseiten.

Javascript wird heute für Webseiten, in Widgets, eBooks, PDF und Photoshop eingesetzt. Javascript bringt Interaktion in statische HTML-Seiten und reduziert den aufwändigen Transfer zwischen Benutzer, Browser und Server.

Javascript ändert den Inhalt einer Webseite, nachdem die Seite in den Browser geladen wurde. Wir nutzen Javascript für Slideshows, für die Kommunikation mit dem Benutzer in Formularen, in Shops und den Editoren der Content Management Systeme.

Javascript Slideshow ohne jQuery

Für viele Aktionen und Effekte steht heute CSS3 anstelle von Javascript zur Verfügung. Auch wenn CSS mit weichen Transitionen und Keyframe-Animationen bereit steht, ist die Interaktion mit dem Benutzer effizienter, wenn Javascript und CSS im Team agieren.

»A better simple slideshow« – kurz BBS – ist eine responsive Slideshow, unterstützt eine Navigation mit den Pfeiltasten, mit dem Swipe auf Touch-Screens und beherrscht einen Fullscreen-Modus.

Das API ist so einfach wie die APIs der jQuery-Slideshows, aber A better simple slideshow ist reines natives Javascript.

Javascript Slideshow ohne jQuery
Sauberes HTML5 ohne zusätzliches Markup
Gerade mal etwas mehr als 3KB

Better Simple Slideshow

Javascript, Java und ECMAScript

Java und JavaScript haben so wenig miteinander am Hut wie »Anzug« und «Aufzug«. Die kleine Namensgleichheit ist einfach unglücklich. »ECMAScript« wäre korrekter, aber wir haben uns an Javascript gewöhnt.

Die ECMA legt nur den Kern der Javascript-Spezifikation fest. Für webbasierte Anwendungen springt das W3C ein:

Das Document Object Model (DOM) legt Empfehlungen für Zugriff auf Dokumente, Stylesheets, das Fenster des Browsers und das Event Handling vor.

Scriptsprache vs Programmiersprache

Skriptsprachen wie Javascript werden Zeile für Zeile ausgewertet – das macht die Programmierung mit Javascript so einfach. Programmiersprachen wie C oder Java müssen zuerst in eine maschinennahe Sprache übersetzt (kompiliert) und können erst dann ausgeführt werden.

Und noch etwas macht die Programmierung mit Javascript einfach und effizient: Der Browser bildet die grafische Schnittstelle zum Benutzer und nimmt dem Programmierer einen großen Teil der Arbeit ab.

Javascript (als client-seitige Scriptsprache) und PHP (als Scriptsprache auf dem Server) nutzen den Browser als Benutzeroberfläche und überlassen dem Browser die komplexen Niederungen der Programmierung wie das Memory Management. Das macht Scriptsprachen wie Javascript und PHP so genial einfach für Einsteiger – Javascript ist schnell zu lernen.

C++ Net Java Browser Javascript

Javascript programmieren

Habe ich behauptet, Javascript wäre einfach zu lernen? Das stimmt zwar, allerdings liegen die Hürden für den Einstiegt hoch:

  • Ohne fundierte Kenntnis von HTML geht gar nichts. Das Document Object Model verweigert, wenn der HTML-Quelltext nicht sauber codiert ist.
  • Wer Javascript programmieren will, muss CSS wie seine Muttersprache beherrschen.
  • Ohne intime Kenntnis der Browser auf den verschiedenen Plattformen endet jedes Script als wirrer Spagetticode. Dazu gehören auch die Browser auf den mobilen Geräten.
  • Grundkenntnisse in serverseitiger Verarbeitung gehören in jede Programmierstube.
  • Wissen, wie der Benutzer tickt … unentbehrlich.

Javascript nodejs

Javascript ist nicht auf Webanwendungen beschränkt wie PHP, sondern ist heute die meistgenutzte Programmiersprache der Welt. Neben den Browsern nutzen viele Anwendungen Javascript:

Javascript hatte allerdings bislang enge Grenzen: Ich kann z.B. kein Betriebssystem mit Javascript schreiben und nicht einmal den Drucker ansprechen. Javascript sitzt in einem Browser, in Photoshop oder dem eBook und hat erst mit HTML5 lesenden Zugriff auf das Dateisystem des Rechners (und selbst dann nur eingeschränkten Zugriff).

Von den Editoren der Content Management Systeme bis zu browserbasierten Apps in der Cloud fallen Javascript immer mehr Aufgaben zu, die früher »richtigen« Programmiersprachen vorbehalten waren.

Mit node.js endet die Beschränkung auf Browseranwendungen und Javascript kann auch für Serveranwendungen eingesetzt werden. Wir könnten mit HTML, CSS und Javascript Desktop-Anwendungen programmieren, die auf einem Bierdeckel (also in jeder Umgebung) laufen. Das wird Programmiersprachen wie C++ und Objective C oder serverseitige Scriptsprachen wie PHP nicht überflüssig machen, aber ein Entwickler kann sein Wissen und seine Erfahrung auf weniger Puzzelstücke aufteilen. Das sind ja mal schöne Aussichten …