imported>Peb99: /* growthexperiments-addlink-summary-summary:1|1|0 */

2025-03-02T17:00:57Z

growthexperiments-addlink-summary-summary:1|1|0

Neue Seite

{{Infobox Software
|Logo =
|Screenshot =
|Beschreibung = [[JavaScript]]-[[Framework]]
|Hersteller = [https://mootools.net/developers Das MooTools-Entwicklerteam]
|Betriebssystem = [[Plattformunabhängigkeit|plattformunabhängig]]
|Programmiersprache = [[JavaScript]]
|AktuelleVersion = 
|Kategorie = [[Klassenbibliothek]]
|Lizenz = [[MIT-Lizenz]]
|Deutsch = sprachneutral
|Website = [http://www.mootools.net/ www.mootools.net]
}}

'''MooTools''' (''My Object Oriented Tools''<ref>http://mootools.net/blog/2009/04/01/a-new-name-for-mootools/</ref>) ist ein [[Freie Software|freies]] [[JavaScript]]-[[Webframework]] zur effizienten Entwicklung von erweiterbarem und browserübergreifend kompatiblem Code. Es ist [[Objektorientierung|objektorientiert]], modular und kompakt. Das Framework steht unter der [[MIT-Lizenz]]. Etwa 2 % aller Webseiten nutzen MooTools.<ref>http://w3techs.com/technologies/overview/javascript_library/all</ref>

== Eigenschaften ==
* Erweiterbar und modular, so dass es Entwicklern möglich ist, nur die Komponenten einzubinden, die tatsächlich benötigt werden.
* Starke [[Objektorientierung]] für mehr Flexibilität und Erweiterbarkeit.
* Effektkomponente mit Transitionen, für Animationen innerhalb der Webseite.

== Komponenten ==
MooTools beinhaltet eine Reihe von Komponenten, wobei nicht jede davon für jede Applikation benötigt wird. Einige der Hauptkomponenten sind:
; Core
: eine Kollektion von Funktionen, die von allen anderen Komponenten benötigt werden.
; More
: eine offizielle Kollektion von Erweiterungen, die ''Core'' erweitern und weitere Funktionen hinzufügt.
; Class
: ist die MooTools-Basisklassenbibliothek für die Instanziierung von Klassenobjekten.
; Natives
: eine Kollektion von [[JavaScript]]-nativen Objekten. ''Natives'' fügen zusätzliche Funktionen hinzu, erhöhen die Kompatibilität und erweitern MooTools um neue Methoden.
; Element
: ist eine Komponente für weitere Verbesserungen und zur Erhöhung der Kompatibilität der [[Hypertext Markup Language|HTML]]-Element-Objekte.
; Effects
: ist eine Effekte-API zur Animation von Elementen.
; Remote
: stellt eine [[XMLHttpRequest|XHR]]-Schnittstelle bereit, Cookies und diverse [[JSON]]-Werkzeuge für Entwickler.
; Window
: stellt eine browserübergreifende Schnittstelle zu klientspezifischen Informationen bereit, z. B. der Bildschirmauflösung.

Eine optionale, komprimierte [[JavaScript]]-Datei, die benutzerspezifische Komponenten enthält, kann direkt beim Download auf der MooTools-Webseite erstellt werden.

== Browserkompatibilität ==
MooTools ist kompatibel und getestet mit:
* [[Apple Safari|Safari]] 3+
* [[Internet Explorer]] 6+
* [[Mozilla Firefox|Firefox]] 2+
* [[Opera (Browser)|Opera]] 9.0+
* [[Google Chrome|Chrome]] 4+

== Objektorientierte Programmierung ==
MooTools beinhaltet eine robuste Klassensammlung und ein fortschrittliches Vererbungssystem, welches eine Wiederverwertung des [[Quelltext|Quellcodes]] und eine einfache Erweiterung ermöglicht. Zum Beispiel:

<syntaxhighlight lang="javascript">
var Tier = new Class({

initialize: function(name) {
this.name = name;
}

});

var Katze = new Class({

Extends: Tier,

reden: function() {
return 'Miau!';
}

});

var Hund = new Class({

Extends: Tier,

reden: function() {
return 'Wuff! Wuff!';
}

});

var tiere = {
a: new Katze('Missy'),
b: new Katze('Mr. Bojangles'),
c: new Hund('Lassie')
};

Object.each(tiere, function(tier) {
alert(tier.name + ': ' + tier.reden());
});

// Ausgabe der Dialogfenster
//
// Missy: Miau!
// Mr. Bojangles: Miau!
// Lassie: Wuff! Wuff!
</syntaxhighlight>

Zusätzlich stellt es einen eigenen Satz an Klassen zur Verfügung, mit denen es beispielsweise leicht möglich ist, verschiedene Effekte zu verwirklichen. Dazu zählen Größenänderungen des Browserfensters, Ein- und Ausblendeeffekte, Bewegungseffekte und vieles mehr ([[Ajax (Programmierung)|Ajax]], [[JSON]] usw.). Übergangseffekte lassen sich mit wenigen Zeilen Code realisieren, da MooTools die meisten Arbeitsschritte selbst erledigt.

== Siehe auch ==
* [[Ajax (Programmierung)]]
* [[Web 2.0]]
* [[XMLHttpRequest]]
* [[Rich Internet Application]]

== Weblinks ==
* [http://www.mootools.net Offizielle Webseite (englisch)]
* [http://mootools.net/docs/core MooTools API Dokumentation (englisch)]

== Einzelnachweise ==
<references />

[[Kategorie:Freies Webframework]]
[[Kategorie:JavaScript-Bibliothek]]

MooTools - Versionsgeschichte

imported>Peb99: /* growthexperiments-addlink-summary-summary:1|1|0 */