- Top 10 aller JavaScript-Frameworks - Webstandard-Blog

Top 10 aller JavaScript-Frameworks

JavaScript
- 21 Aug, 2008
Kommentare (21)

Top 10 der JavaScript Frameworks JavaScript-Frameworks sind in Mode und seit dem es diese Bibliotheken mit ihren zahlreichen Funktionen gibt, ist JavaScript auch nicht mehr mit diesem negativen Image behaftet, wie das vor einigen Jahren noch der Fall. Denn dank dieser modular aufgebauten Bibliotheken kann fast jeder diese JavaScripts anwenden und fast beliebig erweitern. Um die Vielzahl dieser Frameworks ein wenig einzuschränken, werden an dieser Stelle die Top-10 aktueller JavaScript Frameworks zusammengefasst. Welche für die eigenen Webdesign-Ansprüche und Anforderungen ideal ist sollte jeder selbst herausfinden, denn jede dieser Anwendungen hat sein Vor- und Nachteile ( Dateigröße, Funktionsumfang, etc. ).

jQuery

Dieses frei verfügbare Javascript-Framework, verfügt über umfangreiche Funktionen zur Navigation und Manipulation der DOM-Syntax und liegt aktuell in Version 1.2.6 vor und ist minimierten und gepackten (GZip) Umfang lediglich 16KB groß. Ein deutlicher Vorteil gegenüber viele der anderen Frameworks. Ob Slide-Effekte oder die Validierung von Formularen, jQuery bietet eine Vielfalt an Funktionsmöglichkeiten. Kaum ein Framework ist einfacher zu verstehen und schneller zu erlernen als dieses und somit eine absolute Empfehlung für jeden Einsteiger in diese Thematik!

MooTools

Drag and Drop, Sliding, Morphing, sind nur einige der Anwendungsbeispiele die dieses modular aufgebaute und objektorientierte in Version 1.2 vorliegende Framework seinen Anwendern zur Verfügung stellt. Die komprimierte (GZip) Version kommt aktuell auf 18KB und liegt damit im Vorderfeld, was die Dateigröße angeht.

Prototype

Diese Bibliothek in Version 1.6.0.2 bietet eine Vielzahl an Mechanismen zur objektorientierten Programmierung, womit DOM-Manipulationen oder AJAX-Zugriffe vorgenommen werden können, die dazu führen das mit diesem Framework nicht nur elegante Navigationseffekte u.v.a.m. erzielt werden können. Mit 124KB ist dieses Script allerdings sehr mächtig.

Script.aculo.us

Diese JavaScript-Bibliothek ist kein eigenes und unabhängiges Framework, sondern sie basiert auch dem Framework Prototype. Aktuelle liegt diese Anwendung in der Version 1.8.1 vor und hat seinen Schwerpunkt vor allem in visuellen Effekten wie dem Sliden, Faden, u.v.a.m. Aufgrund der Abhängigkeit von Prototype, muss dieses Script der Referenzierung von Script.aculo.us immer vorausgehen.

Dojo

Das Dojo Toolkit liegt aktuell in Version 1.1.1 vor und bietet eine Vielfalt an Features in den Bereichen Navigation, Animation von Effekten, Drag and Drop Funktionalitäten, Uhr- und Kalenderfunktionen, aber auch die Möglichkeit Online-Editoren erstellen zu können.

Yahoo! User Interface (YUI)

YUI in Version 2.5.2 bietet Anwendern vor allem im Bereich Navigation, Autocomplete, Kalender- oder Zählfunktionen oder aber auch bei Tooltips und Hover-Effekten eine Funktionensvielfalt an, die seinesgleichen sucht.

Ext JS

Dieses Framework war ursprünglich als Erweiterungen für die YUI-Bibliothek angelegt worden, wurde aber aufgrund des steigenden Funktionsumfanges ein eigenes unabhängiges Framework, welches aktuell in Version 2.2 vorliegt. Ext Js ist im Bereich Navigationen (Tabs, Trees, ...) und im Bereich der Validierung von Formularen eine gute Alternative. Ihr Steckenpferd liegt im Umgang mit Tabellen. Sortieren, editieren, blättern oder verschieben von Tabelleninhalten oder -bereichen, (fast) alles ist hiermit möglich.

Google Web Toolkit (GWT)

Diese in Version 1.5 RC2 vorliegende Anwendung, ist zeitlich gesehen eine der letzten, welche entwickelt wurde und weist einen entscheidenden Unterschied zu allen anderen Frameworks auf. Denn seine Besonderheit ist ein Java-nach-Javascript-Compiler, der es ermöglicht das fast die gesamte Entwicklung von Client und Server auf Basis von Java realisiert werden kann.

QooXDoo

Dieses Framework hat sich für den Erstellung grafischer Benutzeroberflächen für Webanwendungen spezialisert. Diese Anwendungen, des in Version0.7.3 vorliegenden Frameworks, laufen in den gängigen Webbrowsern.

Rico

Ob Drag and Drop, Slidefunktionen oder die Sortierung von Tabelleninhalten und -bereichen ( Anwendungsbeispiele ), die JavaScript Bibliothek Rico, welche in Version 2.0 vorliegt, basiert ebenso wie Script.aculo.us auf der Zusammenarbeit und Kombination mit Prototype.

Diejenigen die auch in Sachen PHP das für sich ideale Framework suchen, könnten hierbei vielleicht im aktuellen Artikel von Designpicks fündig werden.

Frank 21 Aug 2008, 10:41

Schöne Übersicht! Mein Favorit ist jQuery und das auch aus den oben genannten Gründen ;o)
Philipp 21 Aug 2008, 14:12

Interessant dazu ja auch der bereits hier erwähnt Link:
http://mootools.net/slickspeed/
Sebastian Werner
21 Aug 2008, 20:51

Netter Überblick. Schön wäre noch ein wenig mehr Kategorisierung. jQuery mit GWT zu vergleichen hinkt leider mächtig. Die Anwendungsfälle sind doch so völlig verschieden. Als Liste eignet sich das natürlich trotzdem. Es sei nur erwähnt das zum Beispiel sich bei Rico nicht mehr viel tut; das GWT natürlich Java-KnowHow erwartet, das qooxdoo, GWT und ExtJs sicher sehr in der Liga Anwendungsentwicklung mitspielen und von daher für Webseiten der klassischen Art nicht unbedingt optimal sind. Genauso ist es "mutig" mit jQuery, MooTools, Prototype und Co. richtige Webanwendungen im Kaliber von Gmail, Zimbra etc. bauen zu möchten. Dafür sind diese dann wiederum das falsche Werkzeug. In dem Fall würde ich es eher mit qooxdoo, GWT und ExtJs probieren (in der Reihenfolge ;))
Benni 22 Aug 2008, 07:22

Nur so am Rande: Der Link zu jQuery stimmt nicht (ist jqery.com...)

Ansonsten: Nettes ding, Dankeschoen!

Grueße, Benni.
Webstandard-Team
22 Aug 2008, 08:00

@ Sebastian: Eigentlich sollte dies weniger ein Vergleich als eine Auflistung verschiedener Frameworks mit unterschiedlichen Eigenschaften und Ausrichtungen sein. Danke aber für deine anderen Hinweise.

@Benni: Danke für den Tipp, wurde angepasst :o)
Sven
28 Aug 2008, 11:31

Also wer im Bereich CMS TYPO3 aktiv ist, dem empfehle ich MooTools. Da gibt es schon einige tolle Extensions, die auf MooTools basieren. Und ich kann immer wieder empfehlen: Niemals zwei Frameworks parallel einsetzen - da sind Probleme vorprogrammiert.
Andreas
13 Sep 2008, 23:47

Also dojo hat mir bis jetzt alles sauber und effiziet ohne Probleme erledigt.
Werde mir aber jquery auch mal ansehen; nicht dass es doch noch etwas besseres gibt :-)
Santhos Webdesign
19 Sep 2008, 23:16

Good overview! I'm a jQuery fan. Although I once started with Mootools. It's cool, but jQuery is a bit more advanced and fits better to my needs.
h4run
26 Sep 2008, 18:48

Is someone write about Dojo in english?
Andremoda 04 Okt 2008, 22:59

Schöne Ubersicht und Sammlung bestehender Frameworks. Danke !
Silverlight Travel
24 Okt 2008, 23:00

JQuery ist gerade im Zusammenhang mit ASP MVC sehr interessant.
Nat 06 Nov 2008, 13:02

Mein Favorit ist jQuery: Viele Plugins, die umfangreichen CSS-Selektoren decken sogar Teile der CSS3-Syntax ab, das Chaining ist einfach genial, und vieles mehr.

Dazu kommt, dass jQuery schon mit vielen Open Source-Systemen wie Joomla oder Textpattern mitgeliefert wird und damit den Sprung zu einer Standardbibliothek ist. Das gibt doch ein wenig Sicherheit in Bezug auf die Eignung für langfristiger gedachten Einsatz.
RSSCup 07 Nov 2008, 14:14

jQuery lässt sich problemlos mit anderen Frameworks kombinieren!
Ron 24 Jan 2009, 09:02

Es geht einfach nichts über Mootools!
Mooooooooooohhhhh....
Robert
06 Mär 2009, 05:29

Schöne Ubersicht und Sammlung bestehender Frameworks. War bis jetzt nur mit dem ExtJs vertraut.
Marco
11 Apr 2009, 16:08

Ich weiß, ein sehr später Kommentar :), aber wenn du GWT erwähnst, wäre vielleicht auch sein Python-Pendant Pyjamas erwähnenswert.

Rockiger Grüße,

Marco
Tom
12 Apr 2009, 17:13

ich beschäftige mich auch gerad mit der Materie und stehe vor der Entscheidung zwischen mootools und jquery, diese Übersicht hat mir dabei sehr geholfen

wünsche allen ein frohes Osterfest
Stephan
09 Jul 2009, 09:00

Ich hatte lange mit JQuery gearbeitet und bin seit bald einem Jahr auf Mootools umgestiegen. JQuery bietet eindeutig mehr fertige Widgets, aber Mootools hat aus meiner Sicht das logischere und vor allem potentere Framework. Sobald nicht nur bestehendes einbinden will/kann, sondern individiuelle Lösungen bauen will/muss, kommt man mit Mootools aus meiner Sicht eindeutig schneller ans Ziel.

Hier noch ein interessanter Link: http://jqueryvsmootools.com/
Snapshirt
01 Aug 2009, 21:00

Ich habe jQuery, Mootools, Script.aculo.us und Rico getestet und bin schliesslich bei jQuery und ExtJs hängen geblieben. Vor allem die Kombination beider Frameworks ist sehr interessant (wobei jQuery auch mit anderen Kombiniert werden kann). jQuery ist sehr einfach zu verstehen und sehr flexibel einsetzbar. Die anderen fand ich etwas kompliziert. Inzwischen habe ich mir Dojo etwas näher angeschaut und bin sehr begeistert. Dojo ist insofern auch interessant als dass es im Zend Framework (PHP) integriert ist.
BMo 18 Feb 2010, 15:20

Eindeutig Mootools. Ist einfach super damit OOP zu betreiben. Wenn man erst mal ein paar Klassen geschrieben hat, freut man sich immer wenn man diese wieder verwenden kann :-)
Markus 23 Feb 2010, 23:06

Super Übersicht. Rico war mir neu, hab gleich mal geschaut. Danke für die tollen Infos.