Ferramentas · turma de novembro
DevTools na Prática
Aprenda a abrir qualquer página, entender o que está acontecendo por baixo e investigar problemas como quem já fez isso mil vezes.
Sobre o curso
O DevTools é a ferramenta mais subestimada do navegador. Neste curso, você aprende a usá-lo de ponta a ponta: inspecionar o DOM, testar código no console, ler scripts, acompanhar requisições e entender o que fica armazenado no navegador.
São 9 encontros ao vivo, com exercícios curtos entre as aulas e um projeto final que simula um problema real de investigação. Nada de slides intermináveis: você passa a maior parte do tempo com o navegador aberto.
O que você vai aprender
- Inspecionar e alterar o DOM em tempo real com a aba Elements
- Executar código, medir tempo e depurar com o Console
- Encontrar scripts, definir breakpoints e acompanhar a execução no Sources
- Analisar requisições, respostas e desempenho no Network
- Entender cookies, storage e cache na aba Application
- Documentar uma investigação técnica com evidências
Conteúdo programático
Módulo 1 · O navegador é um laboratório 2h
- Como o navegador monta uma página
- DevTools, dispositivos e contextos de execução
- Atalhos essenciais e organização do espaço de trabalho
Módulo 2 · Elements e o DOM 3h
- Árvore de elementos, atributos e estilos computados
- Edição ao vivo e seus efeitos reais
- Estados, pseudo-classes e acessibilidade
Módulo 3 · Console sem medo 2h
- Expressões, objetos e funções no console
- Seletores, atalhos e depuração rápida
- Erros comuns e como ler stack traces
Módulo 4 · Sources e o código que roda em você 3h
- Fontes, source maps e scripts embutidos
- Breakpoints, watch e execução passo a passo
- O que o navegador recebe — e o que isso significa
Módulo 5 · Network e Application 4h
- Requisições, status, headers e payloads
- Cookies, localStorage e sessionStorage
- Cache, service workers e armazenamento no navegador
Módulo 6 · Projeto final: investigação guiada 4h
- Investigação guiada em um ambiente controlado
- Documentação do raciocínio e das descobertas
- Discussão coletiva das soluções
Quem conduz
Perguntas frequentes
Preciso saber programar para fazer este curso?
Não. O curso foi desenhado para iniciantes. Você vai escrever pequenos trechos de JavaScript, mas todos os conceitos são introduzidos aos poucos.
As aulas ficam gravadas?
Sim. A gravação de cada encontro fica disponível por 12 meses, junto com os exercícios e o material de apoio.
O curso emite certificado?
Sim, desde que você conclua pelo menos 75% das aulas e entregue o projeto final.
Como funciona o projeto final?
É o trabalho de encerramento do curso. Você recebe acesso a atividades de investigação que usam apenas o navegador. A participação é opcional e não vale nota.
Ainda em dúvida?
Converse com quem já passou pela turma.
Nossa equipe responde dúvidas sobre conteúdo, nível e formato antes da matrícula.