Win at live with JavaScript Patterns

Transcript

1. Win at live with JavaScript Patterns By Pascal Precht HannoverJS

   08/11

2. I am not a Guru!

3. None

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

16. None

17. Das funktioniert.

18. None

19. Aber Vorsicht!

20. None
21. None
22. None
23. None

24. Hoisting

25. None
26. None
27. None

28. Das Single-var-Pattern

29. None

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

34. None

35. Very bad!

36. None

37. Achtung!

38. None
39. None

40. Das Object-Literal- Pattern

41. None

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!

44. None

45. Sh*t! I forgot the new!

46. Ohne new zeigt this auf das globale Objekt!

47. None

48. Muster zum erzwingen von new

49. None

50. Funktionen

51. Das Callback-Pattern

52. None
53. None
54. None
55. None

56. Immediate-Function- Pattern

57. None
58. None

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

62. None

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
65. None
66. None

67. Das Configuration- Object-Pattern

68. None
69. None
70. None

71. Vorteile des Object- Configuration-Pattern

72. Flexibilität.

73. None
74. None
75. None

76. Thank you!

77. Stay tuned! Twitter: @PascalPrecht Blog: HopelessArt.com

78. None