These are my slides from the first HannoverJS MeetUp about JavaScript Coding Patterns.

1. Winat live with JavaScript Patterns By Pascal PrechtHannoverJS 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 Besserer Code / Vermeidung von Redundanzen Abstraktion Bessere Kommunikation im Team

13. Arten der Patterns

14. Arten der Patterns Design-Patterns // Entwurfsmuster Coding-Patterns // Spezifische Muster 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 Zentrale Deklaration/Initialisierung Code ist leichter zu lesen 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 Weniger Code Objects sind „nur“ Hashes 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 Kapselung von Aufgaben Keine globale Variabeln Modulares Verhalten

61. Das Immediate-Object-Pattern

63. Vorteile des Immediate-Object-Pattern

64. Vorteile des Immediate-Object-Pattern Globaler Namesraum wird frei gehalten Modulares Verhalten 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