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

Newsletter

Check out the Dev Digest Newsletter I write every week for WeAreDevelopers. Latest issues:

Dev Digest 146: 🥱 React fatigue 📊 Query anything with SQL 🧠 AI News

Why it may not be needed to learn React, why Deepfake masks will be a big problem and your spirit animal in body fat! 

Dev Digest 147: Free Copilot! Panel: AI and devs! RTO is bad! Pi plays!

Free Copilot! Experts discuss what AI means for devs. Don't trust containers. Mandated RTO means brain drain. And Pi plays Pokemon!

Dev Digest 148: Behind the scenes of Dev Digest & end of the year reports.

In 50 editions of Dev Digest we gave you 2081 resources. Join us in looking back and learn about all the trends this year.

Dev Digest 149: Wordpress break, VW tracking leak, ChatGPT vs Google.

Slowly starting 2025 we look at ChatGPT vs Google, Copilot vs. Cursor and the state of AI crawlers to replace web search…

Dev Digest 150: Shifting manually to AI.

Manual coding is becoming less of a skill. How can we ensure the quality of generated code? Also, unpacking an APK can get you an AI model.

My other work: