Vergiss JavaKonzentrier Dich auf      Script       OOP 2013       Maxim Zaks
Agenda• JavaScript the       • There is no  good parts                         "super"• Embrace objects      • Use Tools t...
Autos und Fahrräder
Theorie & Praxis
Radschule
Theorie ist Einfach!
Kommen wir zuJava vs. JavaScript
Hello Java
Java Konzepte• „package“ und „import“• Klasse, Objekt und Methode• „public“ und „static“
Hello JavaScript
Konzepte JavaScript• Es gibt Objekte und Funktionen• Objekte haben Eigenschaften
So einfach wie Fahrrad        fahren...
hat aber auch Nachteile
„this“ ist nicht sicher
Es gibt keine Klassenund keine Vererbung
Und überhaupt ...
Warum sollte man   dann überhauptJavaScript verwenden?
Zustand
http://d3js.orgVisualisierung und   Interaktion
Wie sollte ich anfangen?
JavaScript ist mehr   funktional alsObjekt Orientiert                  5 Typen Zahle, Strings,                  Arrays, Ob...
http://underscorejs.org/Funktionssammlung
Erweiterung/Vererbung
Lösung für „this“
Funktionen für Listen
UI spezifisches Problem
Organisation / Module
http://requirejs.org/Benutze Require.js
Einstiegspunkt
Geladene Abhängigkeiten
models/todo
KonfiguriereAbhängigkeiten
MV...Frameworks
http://todomvc.com/Affe sieht, Affe tut!
Backbone + Require.js
BackboneJS                       Model repräsentiert Daten                       Standardmäßig gebunden an REST Interface•...
models/todo.js
Collection
slice.call(arguments)             convert arguments object to array                        call vs. apply               ex...
Todo View
Todo Template
Haupt View
Hinzufügen der Todos
Und jetzt kommen wir    zum Router?
Zusammenfassung• JavaScript ist wie Fahrrad fahren!• Es ist nicht schwer und Umweltfreundlich• Vergisst aber den Helm nicht
Fragen?
Danke!http://twitter.com/iceX33
Bildverweise•   http://www.flickr.com/photos/thefriendlyuser/3062860656/•   http://bikeways.wordpress.com/2010/05/02/taming...
Nächste SlideShare
Wird geladen in …5
×

Vergiss Java konzentrier Dich auf Script @ OOP2013

463 Aufrufe

Veröffentlicht am

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

Keine Downloads
Aufrufe
Aufrufe insgesamt
463
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
2
Aktionen
Geteilt
0
Downloads
2
Kommentare
0
Gefällt mir
1
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Vergiss Java konzentrier Dich auf Script @ OOP2013

  1. 1. Vergiss JavaKonzentrier Dich auf Script OOP 2013 Maxim Zaks
  2. 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. 3. Autos und Fahrräder
  4. 4. Theorie & Praxis
  5. 5. Radschule
  6. 6. Theorie ist Einfach!
  7. 7. Kommen wir zuJava vs. JavaScript
  8. 8. Hello Java
  9. 9. Java Konzepte• „package“ und „import“• Klasse, Objekt und Methode• „public“ und „static“
  10. 10. Hello JavaScript
  11. 11. Konzepte JavaScript• Es gibt Objekte und Funktionen• Objekte haben Eigenschaften
  12. 12. So einfach wie Fahrrad fahren...
  13. 13. hat aber auch Nachteile
  14. 14. „this“ ist nicht sicher
  15. 15. Es gibt keine Klassenund keine Vererbung
  16. 16. Und überhaupt ...
  17. 17. Warum sollte man dann überhauptJavaScript verwenden?
  18. 18. Zustand
  19. 19. http://d3js.orgVisualisierung und Interaktion
  20. 20. Wie sollte ich anfangen?
  21. 21. JavaScript ist mehr funktional alsObjekt Orientiert 5 Typen Zahle, Strings, Arrays, Objekt und Funtionsobjekt. Dabei können Funktionsobjekte als Prototypen für andere Objekte dienen.
  22. 22. http://underscorejs.org/Funktionssammlung
  23. 23. Erweiterung/Vererbung
  24. 24. Lösung für „this“
  25. 25. Funktionen für Listen
  26. 26. UI spezifisches Problem
  27. 27. Organisation / Module
  28. 28. http://requirejs.org/Benutze Require.js
  29. 29. Einstiegspunkt
  30. 30. Geladene Abhängigkeiten
  31. 31. models/todo
  32. 32. KonfiguriereAbhängigkeiten
  33. 33. MV...Frameworks
  34. 34. http://todomvc.com/Affe sieht, Affe tut!
  35. 35. Backbone + Require.js
  36. 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. 37. models/todo.js
  38. 38. Collection
  39. 39. slice.call(arguments) convert arguments object to array call vs. apply explicite vs. array parameterJavaScript Magie
  40. 40. Todo View
  41. 41. Todo Template
  42. 42. Haupt View
  43. 43. Hinzufügen der Todos
  44. 44. Und jetzt kommen wir zum Router?
  45. 45. Zusammenfassung• JavaScript ist wie Fahrrad fahren!• Es ist nicht schwer und Umweltfreundlich• Vergisst aber den Helm nicht
  46. 46. Fragen?
  47. 47. Danke!http://twitter.com/iceX33
  48. 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/

×