Die be­lieb­tes­ten Ja­va­Script-Frame­works und -Bi­blio­the­ken

Bei Ja­va­Script (kurz: JS) handelt es sich um eine Skript­spra­che, mit der sich dy­na­mi­sche HTML-Inhalte im Web­brow­ser umsetzen lassen. Die Sprache kann sowohl für die ob­jekt­ori­en­tier­te als auch für die pro­ze­du­ra­le und funk­tio­na­le Pro­gram­mie­rung genutzt werden. Ja­va­Script enthält zwar vor­de­fi­nier­te Objekte (also Da­ten­ele­men­te mit spe­zi­el­len Ei­gen­schaf­ten oder Methoden bzw. Funk­tio­nen) für den Zugriff auf eine Webseite, doch sind diese teils um­ständ­lich in der Anwendung. In­zwi­schen wurden viele hilf­rei­che An­wei­sun­gen in diversen Ja­va­Script-Bi­blio­the­ken (englisch: „Ja­va­Script Libraries“) und -Frame­works zu­sam­men­ge­fasst: Werkzeuge, die das Pro­gram­mie­ren er­leich­tern sollen. Wir stellen die besten und be­kann­tes­ten vor.

Zunächst jedoch gilt es, die Begriffe aus­ein­an­der zu halten. „Bi­blio­thek“ (bzw. Library) und „Framework“ werden des Öfteren synonym verwendet – was genau genommen falsch ist. Auch wenn der Übergang tat­säch­lich in vielerlei Hinsicht fließend ist, gibt es grund­le­gen­de Un­ter­schie­de zwischen den beiden.

Innerhalb der Pro­gram­mie­rung handelt es sich bei einer Bi­blio­thek grund­sätz­lich um eine Pro­gramm­bi­blio­thek – egal ob Klassen-, Kom­po­nen­ten- oder ir­gend­ei­ne andere Bi­blio­thek. Pro­gramm­bi­blio­the­ken be­her­ber­gen immer Un­ter­pro­gram­me, die mit Hilfs­funk­tio­nen die Pro­gram­mie­rung er­leich­tern sollen. Im Un­ter­schied zu einem Framework wird deshalb eine Bi­blio­thek stärker auf eine bestimmte Ver­wen­dung hin ent­wi­ckelt und besitzt hierfür auf­ein­an­der ab­ge­stimm­te Funk­tio­nen. Bei­spiels­wei­se dient die Ja­va­Script-Bi­blio­thek D3.js der Da­ten­vi­sua­li­sie­rung – mit ihr lassen sich sowohl kleine Tabellen, Diagramme und Sta­tis­ti­ken als auch komplexe grafische Dar­stel­lun­gen umsetzen (inklusive Ani­ma­tio­nen und In­ter­ak­ti­ons­mög­lich­kei­ten). Bi­blio­the­ken werden stets von einer Software ein­ge­bun­den, die auf die ent­spre­chen­den Funk­tio­nen einer Pro­gramm­bi­blio­thek zugreift, sobald sie eine bestimmte Funktion aus dem Sortiment benötigt. Deshalb können Bi­blio­the­ken nur innerhalb eines Programms arbeiten und nicht selbst­stän­dig aus­ge­führt werden.

Auch ein Framework (englisch für „Rah­men­struk­tur“, „Ord­nungs­rah­men“) ist kein autonomes Programm, sondern vielmehr eine spezielle Form einer Klas­sen­bi­blio­thek. Ein Framework stellt die Software-Ar­chi­tek­tur (also das Grund­ge­rüst) einer Anwendung dar und bestimmt we­sent­lich den Ent­wick­lungs­pro­zess. Frame­works besitzen bestimmte Ent­wurfs­mus­ter (Design Patterns) mit ver­schie­de­nen Funk­tio­nen (häufig in Form mehrerer Bi­blio­the­ken) und dienen der Ent­wick­lung neuer, ei­gen­stän­di­ger An­wen­dun­gen. Ein Beispiel hierfür ist das Zend-Framework für PHP, das u. a. in der On­line­shop-Software von Magento und dem Web­ana­ly­tik-Tool Matomo genutzt wird.

Ein weiterer Un­ter­schied zwischen einem Framework und einer Bi­blio­thek besteht in ihrer Steuerung. Bei Bi­blio­the­ken wird der Code von Pro­gram­mie­rern über die Pro­gram­mier­schnitt­stel­le einer Software auf­ge­ru­fen. Frame­works voll­zie­hen hingegen eine Umkehrung der Steuerung („Inversion of Control“): Der Code wird in fest­ge­leg­te Struk­tu­ren des Frame­works ein­ge­bet­tet und auf­ge­ru­fen, sobald er benötigt wird. Zu­sam­men­fas­send kann man sagen, dass Bi­blio­the­ken von dem Programm auf­ge­ru­fen werden, wo­hin­ge­gen ein Framework dem Programm Vorgaben macht.

Der Kern von Ja­va­Script ist eine eher schlichte Pro­gram­mier­spra­che, die sich besonders für den Einsatz innerhalb des Browsers anbietet. Probleme bereitet vielen Pro­gram­mie­rern jedoch die Schnitt­stel­le zur Website: das DOM (Document Object Model). Genau hier setzen Ja­va­Script-Frame­works und -Bi­blio­the­ken an: Sie bieten Ent­wick­lern Ar­beits­er­leich­te­run­gen in diesem und anderen Feldern der Pro­gram­mie­rung. Die in den nächsten Ab­schnit­ten vor­ge­stell­ten Ja­va­Script-Er­wei­te­run­gen können allesamt kos­ten­frei her­un­ter­ge­la­den werden.

jQuery

Die um­fang­rei­che Bi­blio­thek jQuery ist die am meisten genutzte Ja­va­Script-Library. Dies liegt unter anderem daran, dass man mit ihr einfach brow­se­r­ü­ber­grei­fend Code schreiben kann und für sie sehr viele Plug-ins exis­tie­ren. Die quell­of­fe­ne Bi­blio­thek ist Be­stand­teil vieler Content-Ma­nage­ment-Systeme wie WordPress, Drupal oder Joomla!. jQuery dient vor allem als kom­for­ta­ble Schnitt­stel­le zum DOM und bietet hierbei diverse Funk­tio­nen: Mit CSS3-Se­lek­to­ren lassen sich Webseiten-Elemente sehr un­kom­pli­ziert auswählen und ma­ni­pu­lie­ren. Besonders geschätzt wird jQuery auch aufgrund der Mög­lich­keit, Ajax-Anfragen (HTTP-Anfragen ohne das erneute Laden der Webseite) ein­zu­bin­den.

Es gibt erheblich mehr Ja­va­Script-Bi­blio­the­ken als -Frame­works. Letztere eignen sich vor allem für komplexe Web­an­wen­dun­gen. Lassen sich Ent­wick­ler auf die Konzepte und Vorgaben des je­wei­li­gen Frame­works ein, können sie sehr effektiv damit arbeiten.

AngularJS

Das von Google stammende Framework hat mit Abstand die größte Community unter den Ja­va­Script-Frame­works. AngularJS dient – ähnlich wie sein Haupt­kon­kur­rent, Facebooks Bi­blio­thek React – der Er­stel­lung von Single-Page-Web­an­wen­dun­gen (Web-Apps, die nur aus einem HTML-Dokument bestehen). Aufgrund des MVVM-Ansatzes (Model-View-ViewModel) können ins­be­son­de­re Web­ap­pli­ka­tio­nen ent­wi­ckelt werden, die stark auf die In­ter­ak­ti­on mit den Usern ausgelegt sind. (Die Her­stel­ler des JS-Frame­works ka­te­go­ri­sie­ren AngularJS al­ler­dings lieber – halb ernst – als MVW: Model-View-Whatever) Dabei rendert AngularJS die Web­an­wen­dung cli­ent­sei­tig. Das Framework basiert auf jQuery Lite – einer ab­ge­speck­ten Variante der bekannten Ja­va­Script-Bi­blio­thek jQuery.

Frame­works und Bi­blio­the­ken können eine er­heb­li­che Er­leich­te­rung für die Arbeit mit Ja­va­Script bedeuten. Die oben vor­ge­stell­ten bilden nur einen kleinen Teil der ver­füg­ba­ren Tools. Eine gute Quelle für weitere Ja­va­Script-Frame­works, -Libraries und auch -Plug-ins stellt neben GitHub auch die Website www.ja­va­scrip­ting.com dar. Dort lassen sich passende Ja­va­Script-Er­wei­te­run­gen für diverse Zwecke finden.