1. Vergiss Java
Konzentrier Dich auf
Script
OOP 2013
Maxim Zaks

2. Agenda
• JavaScript the • There is no
good parts
"super"
• Embrace objects • Use Tools that are
prototypes and
build specifically
closures
for JavaScript
• Think about "this" • etc...
and "new"

3. Autos und Fahrräder

4. Theorie & Praxis

5. Radschule

6. Theorie ist Einfach!

7. Kommen wir zu
Java vs. JavaScript

8. Hello Java

9. Java Konzepte
• „package“ und „import“
• Klasse, Objekt und Methode
• „public“ und „static“

10. Hello JavaScript

11. Konzepte JavaScript
• Es gibt Objekte und Funktionen
• Objekte haben Eigenschaften

12. So einfach wie Fahrrad
fahren...

13. hat aber auch Nachteile

14. „this“ ist nicht sicher

15. Es gibt keine Klassen
und keine Vererbung

16. Und überhaupt ...

17. Warum sollte man
dann überhaupt
JavaScript verwenden?

18. Zustand

19. http://d3js.org
Visualisierung und
Interaktion

20. Wie sollte ich
anfangen?

21. JavaScript ist mehr
funktional als
Objekt Orientiert
5 Typen Zahle, Strings,
Arrays, Objekt und
Funtionsobjekt.
Dabei können
Funktionsobjekte als
Prototypen für andere
Objekte dienen.

22. http://underscorejs.org/
Funktionssammlung

23. Erweiterung/Vererbung

24. Lösung für „this“

25. Funktionen für Listen

26. UI spezifisches Problem

27. Organisation / Module

28. http://requirejs.org/
Benutze Require.js

29. Einstiegspunkt

30. Geladene Abhängigkeiten

31. models/todo

32. Konfiguriere
Abhängigkeiten

33. MV...
Frameworks

34. http://todomvc.com/
Affe sieht, Affe tut!

35. Backbone + Require.js

36. BackboneJS
Model repräsentiert Daten
Standardmäßig gebunden an REST Interface
• Model / Collection Views repräsentieren/erzeugen DOM Elemente
History erlaubt „deep linking“ und Zurück
• View
Funktionalität von Browser
• History / Router

37. models/todo.js

38. Collection

39. slice.call(arguments)
convert arguments object to array
call vs. apply
explicite vs. array parameter
JavaScript Magie

40. Todo View

41. Todo Template

42. Haupt View

43. Hinzufügen der Todos

44. Und jetzt kommen wir
zum Router?

45. Zusammenfassung
• JavaScript ist wie Fahrrad fahren!
• Es ist nicht schwer und Umweltfreundlich
• Vergisst aber den Helm nicht

46. Fragen?

47. Danke!
http://twitter.com/iceX33

48. Bildverweise
• http://www.flickr.com/photos/thefriendlyuser/3062860656/
• http://bikeways.wordpress.com/2010/05/02/taming-the-bicycle-part-ii-by-mark-twain/
• http://www.flickr.com/photos/redhope/4160295646/
• http://www.flickr.com/photos/nathansmith/4704268314/