Buduj rzeczywiste rozszerzenia przeglądarki dla Chrome'a i Edge'a
Rozszerzenia przeglądarki pozwalają modyfikować strony internetowe, automatyzować zachowanie przeglądarki, przechwytywać żądania sieciowe i dostarczać niestandardowe narzędzia bezpośrednio użytkownikom poprzez Chrome Web Store i marketplace Edge Add-ons. Ten track uczy Manifest V3 — aktualny, wymagany format rozszerzenia — od pierwszego manifest.json poprzez dystrybucję między przeglądarkami i bezpieczeństwo w produkcji. Każda koncepcja opiera się na interfejsach API, które Chrome i Edge faktycznie udostępniają dzisiaj.
Czego się nauczysz
Nauczysz się, jak Manifest V3 strukturyzuje uprawnienia, service workery i cykle życia komponentów. Następnie budujesz rzeczywisty interfejs użytkownika za pomocą popupów i stron opcji, wstrzykujesz skrypty treści, które czytają i przepisują DOM strony, i podłączasz się do powierzchni interfejsu przeglądarki, takich jak menu kontekstowe i omnibox. Po stronie danych opanowujesz messaging rozszerzeń, API magazynowania i declarativeNetRequest do modyfikacji żądań sieciowych bez szerokich uprawnień hosta. Obejmuje również programową kontrolę przeglądarki, debugowanie i profilowanie wydajności oraz zaawansowane modele uprawnień ze skupieniem na bezpieczeństwie. Track kończy się technikami zgodności między przeglądarkami i integracją nowoczesnych frameworków JavaScript w potok budowania rozszerzeń.
Ścieżka nauki
Dwanaście kursów obejmuje poziomy A1 do C1. Pierwszy kurs jest bezpłatny i wprowadza podstawy Manifest V3. Kursy A1–A2 ustalają strukturę manifestu i podstawowy model uprawnień. Kursy B1 budują praktyczne umiejętności: konstruowanie interfejsu, wstrzykiwanie skryptów treści, integracja z interfejsem przeglądarki i publikowanie w Chrome Web Store i marketplace Edge. Cztery kursy B2 idą głębiej — messaging i trwałość, modyfikacja deklaratywnego żądania sieciowego, automatyzacja przeglądarki i debugowanie z optymalizacją wydajności. Ostatnie dwa kursy C1 obejmują zaawansowane uprawnienia, wzmacnianie bezpieczeństwa i osiągnięcie rzeczywistej zgodności między przeglądarkami wraz z nowoczesnym użytkowaniem frameworków.
Jak to działa
Każdy kurs podzielony jest na krótkie, praktyczne lekcje, które wykonujesz w wbudowanym edytorze z informacją zwrotną w czasie rzeczywistym i dostępnym tuorem AI, gdy się zaplanujesz. Piszesz rzeczywisty kod rozszerzenia — pliki manifestu, service workery w tle, skrypty treści i strony opcji — więc każda lekcja tworzy coś, co możesz załadować bezpośrednio do Chrome'a lub Edge'a jako działające rozszerzenie.