Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Chrome Developer Tools: Vom Anfänger zum Profi!
Highest Rated
Rating: 4.5 out of 5(225 ratings)
1,286 students

Chrome Developer Tools: Vom Anfänger zum Profi!

Debugge Webseiten mit den Google Chrome Dev Tools. Die umfassende Anleitung!
Highest Rated
Created byJannis Seemann
Last updated 9/2018
German

What you'll 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

Course content

7 sections • 28 lectures • 2h 17m total length

  • Einführung und Installation von Chrome1:30
  • Einführung6:01
  • Elemente finden und Styles ändern5:40
  • Elemente finden und bearbeiten (1)6:45
  • Elemente finden und bearbeiten (2)3:20

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 this course is for:

  • Webentwickler, die Webseiten entwickeln
  • UI- / UX - Designer, die mit HTML arbeiten
  • Software-Entwickler, Programmierer

Report abuse