Win at live with JavaScript Patterns

German slides about JavaScript Coding Patterns for the first Hannover.js Meetup in Germany

Transcript

1. Win at live with JavaScript Patterns By Pascal Precht HannoverJS 08/11
2. I am not a Guru!
4. Gutes Software- Design
5. „Kaum etwas ist so schnellen Veränderungen unterworfen wie Software.“
6. „Software muss erweiterbar sein.“
7. Patterns
8. Was ist ein Pattern?
9. Eine Lösung für ein häufig auftretendes Problem.
10. ... Eine bewährte Vorgehensweise, eine nützliche Abstraktion und eine Vorlage für das Lösen ganzer Problem- Kategorien.
11. Welche Vorteile bieten Patterns?
12. Vorteile von Patterns v  Besserer Code / Vermeidung von Redundanzen v  Abstraktion v  Bessere Kommunikation im Team
13. Arten der Patterns
14. Arten der Patterns v  Design-Patterns // Entwurfsmuster v  Coding-Patterns // Spezifische Muster v  Anti-Patterns // „Negative Assoziation“
15. JavaScript Patterns
17. Das funktioniert.
19. Aber Vorsicht!
24. Hoisting
28. Das Single-var-Pattern
30. Vorteile des Single-var- Pattern
31. Vorteile des Single-var- Pattern v  Zentrale Deklaration/Initialisierung v  Code ist leichter zu lesen v  Vermeidung logischer Fehler
32. The better way!
33. Objekte und Literale
35. Very bad!
37. Achtung!
40. Das Object-Literal- Pattern
42. Vorteile des Object- Literal-Pattern v  Weniger Code v  Objects sind „nur“ Hashes v  Keine Object-Constructor-Überraschungen
43. But I need a constructor!
45. Sh*t! I forgot the new!
46. Ohne new zeigt this auf das globale Objekt!
48. Muster zum erzwingen von new
50. Funktionen
51. Das Callback-Pattern
56. Immediate-Function- Pattern
59. Vorteile des Immediate- Function-Pattern
60. Vorteile des Immediate- Function-Pattern v  Kapselung von Aufgaben v  Keine globale Variabeln v  Modulares Verhalten
61. Das Immediate-Object- Pattern
63. Vorteile des Immediate- Object-Pattern
64. Vorteile des Immediate- Object-Pattern v  Globaler Namesraum wird frei gehalten v  Modulares Verhalten v  Private Hilfs-Funktionen sind deutlich erkennbar
67. Das Configuration- Object-Pattern
71. Vorteile des Object- Configuration-Pattern
72. Flexibilität.
76. Thank you!
77. Stay tuned! Twitter: @PascalPrecht Blog: HopelessArt.com