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 BlueSky

Newsletter

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

Don't stop thinking, AI Slop vs. OSS Security, rolling your own S3 Despite AI you still need to think, Bitter lessons from building AI products,  AI Slop vs. OSS security and pointer pointer…
200: Building for the web, what's left after rm -rf & 🌊🐴 vs AI What remains after you do a rm -rf? Why do LLMs know about a seahorse emoji? What image formats should you use? How private is your car?
Word is Doomed, Flawed LLM benchmarks, hard sorting and CSS mistakes Spot LLM benchmark flaws, learn why sorting is hard, how to run Doom in Word and how to say "no" like a manager.
30 years of JS, Browser AI, how attackers use GenAI, whistling code Learn how to use AI in your browser and not on the cloud, why AI makes different mistakes than humans and go and whistle up some code!
197: Dunning-Kruger steroids, state of cloud security, puppies>beer

My other work: