Christian Heilmann

Browser-Entwicklerwerkzeuge für Nicht-Entwickler:innen – neuer Kurs auf LinkedIn Learning

Wednesday, July 19th, 2023 at 12:49 pm

Ab heute ist mein erster deutscher Kurs auf LinkedIn Learning Browser Entwicklerwerkzeuge für Nicht-Entwickler:innen live!

In dem circa eine Stunde langem Kurs erkläre ich, wie man die Entwicklerwerkzeuge in den gängigen Browsern benutzt, um Webinhalte zu analysieren und zu verändern. Der Kurs richtet sich an alle, die sich für Webinhalte interessieren, aber keine Entwickler:innen sind. Stattdessen zeige ich wie man:

  • Bilder auf Webseiten herunterladen kann (auch wenn es keinen Download-Button gibt)
  • Videos einfacher anzeigen lassen kann
  • Nervige Elemente auf Webseiten ausblenden kann
  • Webseiten auf verschiedenen Geräten simulieren kann um eine einfachere Darstellung zu bekommen
  • Funktionalität, die nur auf dem Handy angeboten wird auch auf dem Rechner zu nutzen
  • Webseiten auf Fehler untersuchen kann
  • Cookies anzeigen und verändern kann
  • und vieles mehr

Hier sind alle Videos mit den jeweiligen Zeiten:

  • 1. Was sind Browser-Entwicklerwerkzeuge?
    • Entwicklerwerkzeuge öffnen (1m 22s)
    • Worauf kann ich zugreifen? (1m 37s)
    • Ist das überhaupt erlaubt? (48s)
  • 2. Wie benutze ich die Entwicklerwerkzeuge?
    • Navigation in den Entwicklerwerkzeugen (2m 49s)
    • Ein- und Ausschalten verschiedener Werkzeuge (1m 13s)
  • 3. Entwicklerwerkzeuge den eigenen Bedürfnissen anpassen
    • Wo sollen die Werkzeuge angezeigt werden? (1m 4s)
    • Schriftgröße und Farbe (1m 58s)
  • 4. Werkzeuge für verschiedene Aufgaben
    • Webinhalte mit dem Inspektor analysieren (6m 13s)
    • Webinhalte mit dem Elemente-Werkzeug verändern (7m 38s)
    • Datenanalyse und einfacher Zugang zu Bildern und Videos mit dem Netzwerk-Werkzeug (5m 39s)
    • Verschiedene Geräte simulieren (9m 56s)
    • Screenshots erstellen (4m 2s)
    • Probleme in Webinhalten erkennen und analysieren (4m 54s)
    • Cookies anzeigen und verändern (2m 53s)

  • 5. Königsdisziplin: Webinhalte per Konsole
    • Was ist die Konsole? (4m 3s)
    • Zugang zu Webinhalten mittels der Konsole (3m 27s)
    • Scriptbeispiele: Bilder (4m 7s)
    • Scriptbeispiele: Links und URLs (3m 21s)
    • Tipps zur Konsole (1m 41s)

  • Abschluss
    • Nächste Schritte (1m 13s)

Share on Mastodon (needs instance)

Share on Twitter

My other work: