JQUERY PLUGIN ENTWICKLUNGSTEPHAN POHL - CORE ENTWICKLER
WARUMJQUERY?
WARUM JQUERY?- Einfache DOM-Traveling / Manipulation- „Chainability“ - jQuery gibt immer einjQuery-Objekte zurück- Automat...
WARUM JQUERY? - CODE BEISPIELE
WARUM JQUERY?DOM-TRAVELING
WARUM JQUERY?DOM-TRAVELING1. Finde alle Elemente mit der Klasse „box“
WARUM JQUERY?DOM-TRAVELING2. Finde innerhalb des Ergebnis alle „a“-Tags
WARUM JQUERY?DOM-TRAVELING. Gebe mir das Folge-Element zurück, wenns 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
ÜBERBLICKEINES JQUERY PLUGINSREGISTRIERUNG UND AUFRUF
ÜBERBLICKSCOPE ERSTELLEN„$“-VARIABLE SETZEN &
ÜBERBLICKSCOPE ERSTELLEN„$“-VARIABLE SETZEN &
CHAINING UND KONFIGURATIONÜBERBLICK
CHAINING UND KONFIGURATIONÜBERBLICK
CHAINING UND KONFIGURATIONÜBERBLICK
ÜBERBLICKKONFIGURATIONENBENUTZER UND STANDARD
ÜBERBLICKKONFIGURATIONENBENUTZER UND STANDARD
ÜBERBLICKKONFIGURATIONENBENUTZER 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!
Nächste SlideShare
Wird geladen in …5
×

SCD13: jQuery-Plugin-Entwicklung

730 Aufrufe

Veröffentlicht am



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

0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
730
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
9
Aktionen
Geteilt
0
Downloads
0
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

SCD13: jQuery-Plugin-Entwicklung

  1. 1. JQUERY PLUGIN ENTWICKLUNGSTEPHAN POHL - CORE ENTWICKLER
  2. 2. WARUMJQUERY?
  3. 3. WARUM JQUERY?- Einfache DOM-Traveling / Manipulation- „Chainability“ - jQuery gibt immer einjQuery-Objekte zurück- Automatische Loops- CSS Selektoren und XPath Operatoren- Große Open-Source Community- Vielzahl von Plugins
  4. 4. WARUM JQUERY? - CODE BEISPIELE
  5. 5. WARUM JQUERY?DOM-TRAVELING
  6. 6. WARUM JQUERY?DOM-TRAVELING1. Finde alle Elemente mit der Klasse „box“
  7. 7. WARUM JQUERY?DOM-TRAVELING2. Finde innerhalb des Ergebnis alle „a“-Tags
  8. 8. WARUM JQUERY?DOM-TRAVELING. Gebe mir das Folge-Element zurück, wenns sich dabei um ein „span“-Element handelt
  9. 9. WARUM JQUERY?DOM-TRAVELING. Füge auf den gerade gefundenen „span“lement die Klasse „is-active“ hinzu.
  10. 10. WARUM JQUERY?
  11. 11. WARUM JQUERY?
  12. 12. PLUGIN GRUNDLAGEN
  13. 13. ÜBERBLICKEINES JQUERY PLUGINSREGISTRIERUNG UND AUFRUF
  14. 14. ÜBERBLICKSCOPE ERSTELLEN„$“-VARIABLE SETZEN &
  15. 15. ÜBERBLICKSCOPE ERSTELLEN„$“-VARIABLE SETZEN &
  16. 16. CHAINING UND KONFIGURATIONÜBERBLICK
  17. 17. CHAINING UND KONFIGURATIONÜBERBLICK
  18. 18. CHAINING UND KONFIGURATIONÜBERBLICK
  19. 19. ÜBERBLICKKONFIGURATIONENBENUTZER UND STANDARD
  20. 20. ÜBERBLICKKONFIGURATIONENBENUTZER UND STANDARD
  21. 21. ÜBERBLICKKONFIGURATIONENBENUTZER UND STANDARD
  22. 22. DAS PLUGIN PATTERN
  23. 23. DAS PLUGIN PATTERN
  24. 24. DAS PLUGIN PATTERN
  25. 25. DAS PLUGIN PATTERN - DOM BRIDGE
  26. 26. DAS PLUGIN PATTERN - KONFIGURATION
  27. 27. DAS PLUGIN PATTERN - KONSTRUKTOR UND EVENT BINDING
  28. 28. DAS PLUGIN PATTERN - KONSTRUKTOR UND EVENT BINDING
  29. 29. DAS PLUGIN PATTERN - KONSTRUKTOR UND EVENT BINDING
  30. 30. DAS PLUGIN PATTERN - KONSTRUKTOR UND EVENT BINDING
  31. 31. DAS PLUGIN PATTERN - PRIVATE FUNKTIONEN
  32. 32. DAS PLUGIN PATTERN - PRIVATE FUNKTIONEN
  33. 33. DAS PLUGIN PATTERN - PRIVATE FUNKTIONEN
  34. 34. DAS PLUGIN PATTERN - PLUGIN STARTER
  35. 35. DAS PLUGIN PATTERN - PLUGIN STARTER
  36. 36. DAS PLUGIN PATTERN - PLUGIN STARTER
  37. 37. DAS PLUGIN PATTERN - PLUGIN STARTER
  38. 38. VIELEN DANK!

×