Erstelle echte Browser-Erweiterungen für Chrome und Edge
Browser-Erweiterungen ermöglichen es dir, Webseiten zu ändern, Browser-Verhalten zu automatisieren, Netzwerkanfragen abzufangen und benutzerdefinierte Tools direkt über den Chrome Web Store und den Edge Add-ons-Marktplatz an Nutzer zu verteilen. Dieser Kurs vermittelt dir Manifest V3 – das aktuelle, erforderliche Erweiterungsformat – von deiner ersten manifest.json bis zur browserübergreifenden Verteilung und Produktionssicherheit. Jedes Konzept basiert auf den APIs, die Chrome und Edge heute tatsächlich bereitstellen.
Was du lernst
Du lernst, wie Manifest V3 Berechtigungen, Service Worker und Komponentenlebenszyklen strukturiert. Danach erstellst du echte Benutzeroberflächen mit Popups und Optionsseiten, injizierst Content Scripts, die das Seiten-DOM auslesen und umschreiben, und integrierst dich in Browser-UI-Oberflächen wie Kontextmenüs und die Omnibox. Bei der Datenverarbeitung beherrschst du Extension-Messaging, Storage APIs und declarativeNetRequest zur Änderung von Webanfragen ohne umfassende Host-Berechtigungen. Du behandelst auch programmatische Browser-Steuerung, Debugging und Performance-Profiling sowie erweiterte Berechtigungsmodelle mit Fokus auf Sicherheit. Der Kurs schließt mit browserübergreifenden Kompatibilitätstechniken und der Integration moderner JavaScript-Frameworks in eine Erweiterungs-Build-Pipeline.
Der Lernpfad
Zwölf Kurse umfassen A1 bis C1. Der erste Kurs ist kostenlos und führt in die Manifest V3-Grundlagen ein. A1–A2 etablieren die Manifest-Struktur und das Kern-Berechtigungsmodell. B1-Kurse bauen praktische Fähigkeiten auf: UI-Konstruktion, Content-Script-Injektion, Browser-UI-Integration und Veröffentlichung im Chrome Web Store und Edge-Marktplatz. Die vier B2-Kurse gehen tiefer – Messaging und Persistenz, Änderung deklarativer Netzwerkanfragen, Browser-Automatisierung und Debugging mit Performance-Optimierung. Die abschließenden zwei C1-Kurse behandeln erweiterte Berechtigungen, Sicherheitshärtung und echte browserübergreifende Kompatibilität neben modernem Framework-Einsatz.
So funktioniert es
Jeder Kurs ist in kurze, praktische Lektionen unterteilt, die du im eingebauten Editor mit Echtzeitfeedback und einem AI-Tutor abschließt, wenn du festsitzt. Du schreibst echten Erweiterungscode – Manifest-Dateien, Background Service Worker, Content Scripts und Optionsseiten – sodass jede Lektion etwas produziert, das du direkt als funktionierende Erweiterung in Chrome oder Edge laden kannst.