JAVASCRIPT LEVEL 1

Teil 4 - jQuery Plugins

Was ist ein Plugin?

Ein Plug-in [ˈplʌgɪn] (häufig auch Plugin; von engl. to plug in, „einstöpseln, anschließen“, deutsch etwa „Erweiterungsmodul“) ist ein Softwaremodul, das von einer Softwareanwendung während ihrer Laufzeit entdeckt und eingebunden werden kann, um deren Funktionalität zu erweitern. Der Begriff wird teilweise auch als Synonym zu Add-on benutzt.

Basisfunktionalität

Plugin 1

Plugin 2

Plugin 3

jQuery Plugin

  • jQuery ist sehr einfach erweiterbar anhand plugins
  • Das Objekt $.fn kann benutzt werden um neue Funktionalität als Plugin zu implementieren
  • Jedes Plugin ist dann auch auf jQuery Objekten / Wrapper aufrufbar

Dein erstes Plugin

// Wir registrieren ein neues Plugin
// indem wir eine neue Eigenschaft im
// Objekt $.fn mit einer Funktion 
// definieren.
$.fn.greenify = function() {
    this.css('color', 'green');
};
 
// Greenify ist jetzt als plugin auf allen 
// jQuery Objekten verfügbar.
// Wir machen alle Links auf der Seite grün
$('a').greenify();

1001 jQuery Plugins

Nutze bestehende Plugins um Funktionalität zu deiner Seite hinzuzufügen.

Auswahl des richtigen Plugins

  • Suchen über google nach jquery plugins
  • In jQuery plugin Repository 
    https://plugins.jquery.com/
  • Auf https://github.com/​ suche nach jquery plugin
    • Gute Indikatoren sind viele Sterne, viele Forks und Aktualität (Code Änderungen in der letzten Zeit)

Eine kleine Auswahl

slick

Ein genialer Slider für fast alle Situationen

nanoGALLERY

Einfache Bildergalerie

Scotch Panels

Side panels, offcanvas Navigation und mehr

Übung slick slider

JSBins

JavaScript I - Teil 4 - jQuery Plugins

By Gion Kunz

JavaScript I - Teil 4 - jQuery Plugins

  • 2,758