Chrome Developer Tools: Vom Anfänger zum Profi!

Zum Kurs!

Die Chrome Developer Tools sind enorm praktisch für alle Webentwickler und -designer. Mit diesen
in Chrome integrierten Entwicklerwerkzeugen lassen sich Webseiten direkt im Browser untersuchen und
Debbuging-Maßnahmen durchführen.

Zu diesen Werkzeugen zählen unter anderem:

  • die Browserkonsole zum Auslesen von Fehlermeldungen und zum Ausführen von JavaScript-Befehlen,
  • der HTML- oder CSS-Inspektor zur Analyse und Modifikation von Elementen, sowie
  • die Netzwerkkonsole zum Abruf von Performancedaten einer Webseite, etwa die Übertragungsdauer von

Inhalten oder welche Ressourcen eingebunden sind.

Neben diesen Tools gibt es noch weitere, die im Laufe des Kurses vorgestellt werden.

Nach und nach lernen so die Teilnehmer wie die DOM inspiziert wird, wie Elemente ausgewählt werden, wie Eigenschaften verändert und
wie das Design angepasst wird. Bei den fortgeschrittenen Konzepten werden unter anderem Performance-Messungen durchgeführt. Weiter
wird unter anderem auch das Debugging von fehlerhaften JavaScript-Code gezeigt und Memory-Leaks in JavaScript aufgespürt.
Schließlich lernen die Teilnehmer die Optimierung von Webseiten, um Ladezeiten massiv zu verkürzen.

Dieser Kurs ist perfekt alle Teilnehmer, die schon etwas Erfahrung in der Webentwicklung besitzen und ihr Wissen
um essentielle Entwicklerwerkzeuge erweitern wollen.