Chrome Developer Tools 2017: Vom Anfänger zum Profi!
4.7 (24 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
192 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Chrome Developer Tools 2017: Vom Anfänger zum Profi! to your Wishlist.

Add to Wishlist

Chrome Developer Tools 2017: Vom Anfänger zum Profi!

Debugge Webseiten mit den Google Chrome Dev Tools. Die umfassende Anleitung!
4.7 (24 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
192 students enrolled
Created by Jannis Seemann
Last updated 7/2017
German
Price: $25
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • 1 Article
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Verändere Webseiten direkt, und probiere schnell Designänderungen aus
  • Führe einfache JavaScript - Programme aus, ohne die Seite aktualisieren zu müssen
  • Finde Probleme auf deinen Webseiten, und verbessere so z.B. die Benutzererfahrung / Google-Ranking
  • Du kannst herausfinden, warum deine Seite langsam lädt - weißt also, an welchen Schrauben du drehen musst, damit die Seite schneller wird
View Curriculum
Requirements
  • Du solltest etwas Grundwissen in HTML, CSS, sowie JavaScript mitbringen
  • Ansonsten werden keine Kenntnisse vorausgesetzt
Description

Du möchtest ein echter Profi für die Webentwicklung werden? 

Dann musst du auf jeden Fall mit den Chrome Developer Tools umgehen können. Mal eben schnell das Design überprüfen, ein Bild mal eben ein paar Pixel nach rechts schieben, bis hin zu umfangreichen Performanceanalysen - alles kannst du mit den Chrome Dev Tools machen.

In diesem Kurs schauen wir uns Schritt für Schritt den WebInspector von Google Chrome an. Zuerst zeige ich dir, wie du die DOM inspizierst, Elemente auswählst, Eigenschaften änderst, und das Design anpassen kannst.

Anschließend schauen wir uns aber auch fortgeschrittene Konzepte an, wie du z.B. Ausgaben in der Console erzeugen kannst, diese gruppieren kannst, oder Performance-Messungen durchführst. Zudem zeige ich dir auch, wie du fehlerhaften JavaScript - Code sauber debuggen kannst.

Nach Abschluss dieses Kurses kannst du leichter Anpassungen am Design der Webseite vorzunehmen, du kannst Memory-Leaks in JavaScript aufspüren, und die Ladezeit der Webseite massiv optimieren. 

Dieser Kurs ist perfekt für alle Leute, die bereits Erfahrung mit der Webentwicklung haben, und jetzt en Detail lernen möchten, wie sie mit dem Webinspector umgehen können.

Who is the target audience?
  • Webentwickler, die Webseiten entwickeln
  • UI- / UX - Designer, die mit HTML arbeiten
  • Software-Entwickler, Programmierer
Compare to Other Web Development Courses
Curriculum For This Course
28 Lectures
02:17:06
+
Hier starten
5 Lectures 23:16
+
Der Reiter: console
5 Lectures 17:16
Ausgaben auf der Console machen
07:44

Wie bekommst du ein DOM-Element in die Console?
02:41

DOM-Elemente auf der Console ausgeben
02:36

Zeitmessungen
01:58

Ausgaben gruppieren
02:17
+
Der Netzwerk-Reiter
2 Lectures 12:39

Der Netzwerk - Reiter (2)
04:30
+
Der Sources - Reiter
8 Lectures 33:41
Sources Einführung, Snippets
04:21

Änderungen an Dateien permanent abspeichern
05:17

Breakpoints
06:38

Call-Stack anzeigen
06:57

Weitere Infos zu Breakpoints
03:03

DOM-Breakpoints
03:16

XHR-Breakpoints
04:01

Ein letzter Hinweis...
00:08
+
Performance
4 Lectures 32:36
Der Performance - Reiter (1)
12:32

Der Performance - Reiter (2)
05:10

Das Rendering-Tab
03:08

Der Memory-Reiter
11:46
+
Animationen
1 Lecture 07:37
Animationen
07:37
+
Schluss
3 Lectures 10:01
Weitere Infos zum Webinspector
04:07

Ausblick: Andere Browser
04:43

Schlussworte
01:11
About the Instructor
Jannis Seemann
4.5 Average rating
3,663 Reviews
20,024 Students
21 Courses
unterrichtet 21 Kurse auf Udemy

Online-Lehrer und erfahrener Webprogrammierer aus Überzeugung

Hi, ich bin Jannis! Mit 14 habe ich meine ersten Webseiten entwickelt. Programmierung ist seitdem meine absolute Leidenschaft.

Begeisterter Programmierer seit der Jugend
Nach dem Abitur und der Teilname an zwei Endrunden im Bundeswettbewerb Informatik habe ich als Volljähriger mein erstes Praktikum in einem großen IT-Konzern in den USA absolviert.

Eigene Firma für professionelle Webentwicklung
Als mittlerweile studierter Informatiker und selbstständiger Unternehmer setze ich erfolgreich Webprojekte für meinen Kunden um und teile mein Wissen und meine Erfahrung in aktuell zwölf Kursen.

Impressum

Um das Impressum aufzurufen, einfach auf mein Profil gehen, und dann unter meinem Bild auf die Erdkugel klicken - du wirst dann zum Impressum weitergeleitet.