Construa Extensões de Navegador Reais para Chrome e Edge
Extensões de navegador permitem modificar páginas web, automatizar comportamento do navegador, interceptar requisições de rede e distribuir ferramentas personalizadas diretamente aos usuários através da Chrome Web Store e do marketplace Edge Add-ons. Este track ensina Manifest V3 — o formato de extensão atual e obrigatório — desde seu primeiro manifest.json até distribuição entre navegadores e segurança em produção. Cada conceito é baseado nas APIs que Chrome e Edge realmente expõem hoje.
O Que Você Aprenderá
Você aprenderá como Manifest V3 estrutura permissões, service workers e ciclos de vida de componentes. A partir daí, você constrói UI real com popups e páginas de opções, injeta content scripts que leem e reescrevem DOM da página, e se integra com superfícies de UI do navegador como menus de contexto e omnibox. No lado de dados, você domina extensão messaging, APIs de storage e declarativeNetRequest para modificar requisições web sem permissões amplas de host. Você também cobre controle programático do navegador, debugging e profiling de performance, além de modelos avançados de permissão com foco em segurança. O track encerra com técnicas de compatibilidade entre navegadores e integração de frameworks JavaScript modernos em um pipeline de build de extensões.
O Caminho de Aprendizado
Doze cursos abrangem A1 até C1. O primeiro curso é gratuito e introduz os fundamentos de Manifest V3. Os cursos A1–A2 estabelecem a estrutura do manifest e o modelo de permissões principais. Cursos B1 desenvolvem habilidades práticas: construção de UI, injeção de content scripts, integração com UI do navegador e publicação na Chrome Web Store e marketplace Edge. Os quatro cursos B2 aprofundam — messaging e persistência, modificação de requisições de rede declarativa, automação do navegador e debugging com otimização de performance. Os dois últimos cursos C1 cobrem permissões avançadas, endurecimento de segurança e compatibilidade genuína entre navegadores juntamente com uso de frameworks modernos.
Como Funciona
Cada curso é dividido em lições curtas e práticas que você completa no editor integrado com feedback em tempo real e um tutor AI disponível quando você ficar preso. Você escreve código real de extensões — arquivos manifest, service workers de background, content scripts e páginas de opções — então cada lição produz algo que você pode carregar diretamente no Chrome ou Edge como uma extensão funcionando.