JavaScript-Entwicklung mit
den Chrome DevTools
Volker Rose
@riddla
vrose@uandi.com
volker-rose.de
“Debugging”?
JavaScript === jQuery
"Wer als Werkzeug nur
einen Hammer hat, sieht
in jedem Problem einen
Nagel."
“Business Value”
/ Realitäts-Check
Worum es nicht gehen wird
● Perfomance
● komplette Workflows direkt in den DevTools
○ Live-Editieren
○ Zurückschreiben auf...
Agenda
● grober Funktionsüberblick
● Live-”Coding”
● Fragen, Antworten
Console API
Command Line API
Special Agents
●
●
●
●

Rails
Knockout
CoffeeScript
…
Performance
console.profile("MyProfile");
[...]
console.profileEnd("MyProfile");
Performance
console.time("MyProfile");
[...]
console.timeEnd("MyProfile");
Hands on
http://acme.dev/devtools/
Danke
http://uandi.com/agentur/jobs/
Fragen?
… und Antworten
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
JavaScript-Entwicklung mit den Chrome DevTools
Upcoming SlideShare
Loading in …5
×

JavaScript-Entwicklung mit den Chrome DevTools

300 views

Published on

(German) Slides for my "JavaScript development with the Chrome DevTools" talk that I gave at the http://webentwickler-paderborn.de meeting in November 2013. You can find an article with mentioned DevTools resources on my personal blog at XXX.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
300
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

JavaScript-Entwicklung mit den Chrome DevTools

  1. 1. JavaScript-Entwicklung mit den Chrome DevTools
  2. 2. Volker Rose @riddla vrose@uandi.com volker-rose.de
  3. 3. “Debugging”?
  4. 4. JavaScript === jQuery
  5. 5. "Wer als Werkzeug nur einen Hammer hat, sieht in jedem Problem einen Nagel."
  6. 6. “Business Value” / Realitäts-Check
  7. 7. Worum es nicht gehen wird ● Perfomance ● komplette Workflows direkt in den DevTools ○ Live-Editieren ○ Zurückschreiben auf die Festplatte
  8. 8. Agenda ● grober Funktionsüberblick ● Live-”Coding” ● Fragen, Antworten
  9. 9. Console API
  10. 10. Command Line API
  11. 11. Special Agents
  12. 12. ● ● ● ● Rails Knockout CoffeeScript …
  13. 13. Performance console.profile("MyProfile"); [...] console.profileEnd("MyProfile");
  14. 14. Performance console.time("MyProfile"); [...] console.timeEnd("MyProfile");
  15. 15. Hands on http://acme.dev/devtools/
  16. 16. Danke http://uandi.com/agentur/jobs/
  17. 17. Fragen? … und Antworten

×