In diesen Slot werden die Best-Pratice der jQuery Plugin-Entwicklung vorgestellt. Wichtig sind hier folgende Punkte: Lightweight-Plugin Loader Setzen der Konfiguration DOM-Bridging Steuerung eines Plugins per HTML5 "data"-Attribute Namespacing von Events

1. JQUERY PLUGIN ENTWICKLUNG
STEPHAN POHL - CORE ENTWICKLER

2. WARUM
JQUERY?

3. 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

4. WARUM JQUERY? - CODE BEISPIELE

5. WARUM JQUERY?
DOM-TRAVELING

6. WARUM JQUERY?
DOM-TRAVELING
1. Finde alle Elemente mit der Klasse „box“

7. WARUM JQUERY?
DOM-TRAVELING
2. Finde innerhalb des Ergebnis alle „a“-Tags

8. WARUM JQUERY?
DOM-TRAVELING
. Gebe mir das Folge-Element zurück, wenn
s sich dabei um ein „span“-Element handelt

9. WARUM JQUERY?
DOM-TRAVELING
. Füge auf den gerade gefundenen „span“
lement die Klasse „is-active“ hinzu.

10. WARUM JQUERY?

11. WARUM JQUERY?

12. PLUGIN GRUNDLAGEN

13. ÜBERBLICK
EINES JQUERY PLUGINS
REGISTRIERUNG UND AUFRUF

14. ÜBERBLICK
SCOPE ERSTELLEN
„$“-VARIABLE SETZEN &

15. ÜBERBLICK
SCOPE ERSTELLEN
„$“-VARIABLE SETZEN &

16. CHAINING UND KONFIGURATION
ÜBERBLICK

17. CHAINING UND KONFIGURATION
ÜBERBLICK

18. CHAINING UND KONFIGURATION
ÜBERBLICK

19. ÜBERBLICK
KONFIGURATIONEN
BENUTZER UND STANDARD

20. ÜBERBLICK
KONFIGURATIONEN
BENUTZER UND STANDARD

21. ÜBERBLICK
KONFIGURATIONEN
BENUTZER UND STANDARD

22. DAS PLUGIN PATTERN

23. DAS PLUGIN PATTERN

24. DAS PLUGIN PATTERN

25. DAS PLUGIN PATTERN - DOM BRIDGE

26. DAS PLUGIN PATTERN - KONFIGURATION

27. DAS PLUGIN PATTERN - KONSTRUKTOR UND EVENT BINDING

28. DAS PLUGIN PATTERN - KONSTRUKTOR UND EVENT BINDING

29. DAS PLUGIN PATTERN - KONSTRUKTOR UND EVENT BINDING

30. DAS PLUGIN PATTERN - KONSTRUKTOR UND EVENT BINDING

31. DAS PLUGIN PATTERN - PRIVATE FUNKTIONEN

32. DAS PLUGIN PATTERN - PRIVATE FUNKTIONEN

33. DAS PLUGIN PATTERN - PRIVATE FUNKTIONEN

34. DAS PLUGIN PATTERN - PLUGIN STARTER

35. DAS PLUGIN PATTERN - PLUGIN STARTER

36. DAS PLUGIN PATTERN - PLUGIN STARTER

37. DAS PLUGIN PATTERN - PLUGIN STARTER

38. VIELEN DANK!