Die beliebtesten JavaScript-Frameworks und -Bibliotheken

Bei JavaScript (kurz: JS) handelt es sich um eine Skriptsprache, mit der sich dynamische HTML-Inhalte im Webbrowser umsetzen lassen. Die Sprache kann sowohl für die objektorientierte als auch für die prozedurale und funktionale Programmierung genutzt werden. JavaScript enthält zwar vordefinierte Objekte (also Datenelemente mit speziellen Eigenschaften oder Methoden bzw. Funktionen) für den Zugriff auf eine Webseite, doch sind diese teils umständlich in der Anwendung. Inzwischen wurden viele hilfreiche Anweisungen in diversen JavaScript-Bibliotheken (englisch: „JavaScript Libraries“) und -Frameworks zusammengefasst: Werkzeuge, die das Programmieren erleichtern sollen. Wir stellen die besten und bekanntesten vor.

Zunächst jedoch gilt es, die Begriffe auseinander zu halten. „Bibliothek“ (bzw. Library) und „Framework“ werden des Öfteren synonym verwendet – was genau genommen falsch ist. Auch wenn der Übergang tatsächlich in vielerlei Hinsicht fließend ist, gibt es grundlegende Unterschiede zwischen den beiden.

Innerhalb der Programmierung handelt es sich bei einer Bibliothek grundsätzlich um eine Programmbibliothek – egal ob Klassen-, Komponenten- oder irgendeine andere Bibliothek. Programmbibliotheken beherbergen immer Unterprogramme, die mit Hilfsfunktionen die Programmierung erleichtern sollen. Im Unterschied zu einem Framework wird deshalb eine Bibliothek stärker auf eine bestimmte Verwendung hin entwickelt und besitzt hierfür aufeinander abgestimmte Funktionen. Beispielsweise dient die JavaScript-Bibliothek D3.js der Datenvisualisierung – mit ihr lassen sich sowohl kleine Tabellen, Diagramme und Statistiken als auch komplexe grafische Darstellungen umsetzen (inklusive Animationen und Interaktionsmöglichkeiten). Bibliotheken werden stets von einer Software eingebunden, die auf die entsprechenden Funktionen einer Programmbibliothek zugreift, sobald sie eine bestimmte Funktion aus dem Sortiment benötigt. Deshalb können Bibliotheken nur innerhalb eines Programms arbeiten und nicht selbstständig ausgeführt werden.

Auch ein Framework (englisch für „Rahmenstruktur“, „Ordnungsrahmen“) ist kein autonomes Programm, sondern vielmehr eine spezielle Form einer Klassenbibliothek. Ein Framework stellt die Software-Architektur (also das Grundgerüst) einer Anwendung dar und bestimmt wesentlich den Entwicklungsprozess. Frameworks besitzen bestimmte Entwurfsmuster (Design Patterns) mit verschiedenen Funktionen (häufig in Form mehrerer Bibliotheken) und dienen der Entwicklung neuer, eigenständiger Anwendungen. Ein Beispiel hierfür ist das Zend-Framework für PHP, das u. a. in der Onlineshop-Software von Magento und dem Webanalytik-Tool Matomo genutzt wird.

Ein weiterer Unterschied zwischen einem Framework und einer Bibliothek besteht in ihrer Steuerung. Bei Bibliotheken wird der Code von Programmierern über die Programmierschnittstelle einer Software aufgerufen. Frameworks vollziehen hingegen eine Umkehrung der Steuerung („Inversion of Control“): Der Code wird in festgelegte Strukturen des Frameworks eingebettet und aufgerufen, sobald er benötigt wird. Zusammenfassend kann man sagen, dass Bibliotheken von dem Programm aufgerufen werden, wohingegen ein Framework dem Programm Vorgaben macht.

Der Kern von JavaScript ist eine eher schlichte Programmiersprache, die sich besonders für den Einsatz innerhalb des Browsers anbietet. Probleme bereitet vielen Programmierern jedoch die Schnittstelle zur Website: das DOM (Document Object Model). Genau hier setzen JavaScript-Frameworks und -Bibliotheken an: Sie bieten Entwicklern Arbeitserleichterungen in diesem und anderen Feldern der Programmierung. Die in den nächsten Abschnitten vorgestellten JavaScript-Erweiterungen können allesamt kostenfrei heruntergeladen werden.

jQuery

Die umfangreiche Bibliothek jQuery ist die am meisten genutzte JavaScript-Library. Dies liegt unter anderem daran, dass man mit ihr einfach browserübergreifend Code schreiben kann und für sie sehr viele Plug-ins existieren. Die quelloffene Bibliothek ist Bestandteil vieler Content-Management-Systeme wie WordPress, Drupal oder Joomla!. jQuery dient vor allem als komfortable Schnittstelle zum DOM und bietet hierbei diverse Funktionen: Mit CSS3-Selektoren lassen sich Webseiten-Elemente sehr unkompliziert auswählen und manipulieren. Besonders geschätzt wird jQuery auch aufgrund der Möglichkeit, Ajax-Anfragen (HTTP-Anfragen ohne das erneute Laden der Webseite) einzubinden.

Es gibt erheblich mehr JavaScript-Bibliotheken als -Frameworks. Letztere eignen sich vor allem für komplexe Webanwendungen. Lassen sich Entwickler auf die Konzepte und Vorgaben des jeweiligen Frameworks ein, können sie sehr effektiv damit arbeiten.

AngularJS

Das von Google stammende Framework hat mit Abstand die größte Community unter den JavaScript-Frameworks. AngularJS dient – ähnlich wie sein Hauptkonkurrent, Facebooks Bibliothek React – der Erstellung von Single-Page-Webanwendungen (Web-Apps, die nur aus einem HTML-Dokument bestehen). Aufgrund des MVVM-Ansatzes (Model-View-ViewModel) können insbesondere Webapplikationen entwickelt werden, die stark auf die Interaktion mit den Usern ausgelegt sind. (Die Hersteller des JS-Frameworks kategorisieren AngularJS allerdings lieber – halb ernst – als MVW: Model-View-Whatever) Dabei rendert AngularJS die Webanwendung clientseitig. Das Framework basiert auf jQuery Lite – einer abgespeckten Variante der bekannten JavaScript-Bibliothek jQuery.

Frameworks und Bibliotheken können eine erhebliche Erleichterung für die Arbeit mit JavaScript bedeuten. Die oben vorgestellten bilden nur einen kleinen Teil der verfügbaren Tools. Eine gute Quelle für weitere JavaScript-Frameworks, -Libraries und auch -Plug-ins stellt neben GitHub auch die Website www.javascripting.com dar. Dort lassen sich passende JavaScript-Erweiterungen für diverse Zwecke finden.