jQuery Boilerplate – jQuery Plugins für Dummies

Im Bereich der Webentwicklung bewegen wir uns derzeit in einem Bereich, in dem Code nicht nur funktionieren, sondern auch wiederverwendbar sein muss. Es macht zeitlich als auch wirtschaftlich überhaupt keinen Sinn, jede Kunden-Seite individuell neu aufzubauen. Bei PHP ist das über das schreiben entsprechender Klassen relativ einfach möglich, bei jQuery geht das Thema irgendwie komplett unter.

Screenshot der jQuery Boilerplate Homepage

In jQuery könnte dies im Worst Case zumindest über Functions erfolgen, schicker wären allerdings spezialisierte Plugins die einfach zwischen Projekten ausgetauscht werden können. Die jQuery Boilerplate stellt den grundegenden Code zum Schreiben eines Plugins zur Verfügung, und erklärt auch, wie dieses Plugin dann aufgerufen werden kann.

Wie funktioniert das? Man kopiert die Boilerplate einfach in ein lokales Verzeichnis und benennt die Datei um (am besten nimmt man hier natürlich den Plugin-Namen als Datei-Namen), dann ändert man im Code selbst den Namen des Plugins (aktuell wird im Code der Name pluginName verwendet, der einfach ersetzt werden muss).

Die Boilerplate ist recht klein, aber dennoch sinnvoll, wenn man sich überlegt was man in ein Plugin übertragen werden könnte, fällt einem bestimmt das eine oder andere Skript ein. Beschäftigt man sich dann noch 5 Minuten mit der Plugin-Entwicklung von jQuery wird man merken, dass so gut wie kein Mehraufwand zwischen der Erstellung einer Function und eines Plugins besteht. Jedoch überzeugen die Vorteile eines Plugins gegenüber einer Function bei weitem: wiederverwendbarer spezialisierter Code mit einer isolierten Aufgabe!

Ähnliche Beiträge

Zeitleisten mit Timeglider für jQuery In meiner letzten Firma habe ich viel für eine Branche gearbeitet, die Wert darauf legte ihren Kunden zu vermitteln, das ihr Produkt mindestens seit d...
User Interfaces mit jQuery Ich denke das es im heutigen Webdesign kaum noch ein Formular gibt, das nicht mit JavaScript (oder jQuery) aufgewertet wird. Im einfachsten Fall zum A...
jQuery.payment: Kreditkarten-Validierung Inzwischen dürfte es sich auch bis in die hintersten Ecken herum gesprochen haben, das man Kreditkarten nicht mit Regular Expressions beikommen kann. ...
HTML5 File Uploads HTML5 besteht aus ein wenig mehr als dem Canvas-Element, und vor allem aus den neuen Formular-Elementen. Gleichwohl fängt man sich mit den neuen Eleme...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.