JQUERY PLUGIN ENTWICKLUNG
STEPHAN POHL - CORE ENTWICKLER
WARUM
JQUERY?
WARUM JQUERY?
- Einfache DOM-Traveling / Manipulation
- „Chainability“ - jQuery gibt immer ein
jQuery-Objekte zurück
- Automatische Loops
- CSS Selektoren und XPath Operatoren
- Große Open-Source Community
- Vielzahl von Plugins
WARUM JQUERY? - CODE BEISPIELE
WARUM JQUERY?
DOM-TRAVELING
WARUM JQUERY?
DOM-TRAVELING
1. Finde alle Elemente mit der Klasse „box“
WARUM JQUERY?
DOM-TRAVELING
2. Finde innerhalb des Ergebnis alle „a“-Tags
WARUM JQUERY?
DOM-TRAVELING
. Gebe mir das Folge-Element zurück, wenn
s sich dabei um ein „span“-Element handelt
WARUM JQUERY?
DOM-TRAVELING
. Füge auf den gerade gefundenen „span“
lement die Klasse „is-active“ hinzu.
WARUM JQUERY?
WARUM JQUERY?
PLUGIN GRUNDLAGEN
ÜBERBLICK
EINES JQUERY PLUGINS
REGISTRIERUNG UND AUFRUF
ÜBERBLICK
SCOPE ERSTELLEN
„$“-VARIABLE SETZEN &
ÜBERBLICK
SCOPE ERSTELLEN
„$“-VARIABLE SETZEN &
CHAINING UND KONFIGURATION
ÜBERBLICK
CHAINING UND KONFIGURATION
ÜBERBLICK
CHAINING UND KONFIGURATION
ÜBERBLICK
ÜBERBLICK
KONFIGURATIONEN
BENUTZER UND STANDARD
ÜBERBLICK
KONFIGURATIONEN
BENUTZER UND STANDARD
ÜBERBLICK
KONFIGURATIONEN
BENUTZER UND STANDARD
DAS PLUGIN PATTERN
DAS PLUGIN PATTERN
DAS PLUGIN PATTERN
DAS PLUGIN PATTERN - DOM BRIDGE
DAS PLUGIN PATTERN - KONFIGURATION
DAS PLUGIN PATTERN - KONSTRUKTOR UND EVENT BINDING
DAS PLUGIN PATTERN - KONSTRUKTOR UND EVENT BINDING
DAS PLUGIN PATTERN - KONSTRUKTOR UND EVENT BINDING
DAS PLUGIN PATTERN - KONSTRUKTOR UND EVENT BINDING
DAS PLUGIN PATTERN - PRIVATE FUNKTIONEN
DAS PLUGIN PATTERN - PRIVATE FUNKTIONEN
DAS PLUGIN PATTERN - PRIVATE FUNKTIONEN
DAS PLUGIN PATTERN - PLUGIN STARTER
DAS PLUGIN PATTERN - PLUGIN STARTER
DAS PLUGIN PATTERN - PLUGIN STARTER
DAS PLUGIN PATTERN - PLUGIN STARTER
VIELEN DANK!

SCD13: jQuery-Plugin-Entwicklung