Curso de Chrome DevTools: analise, inspecione e depure suas páginas Web

Faça esse curso e...

• Domine as ferramentas de desenvolvimento do Chrome
• Aumente sua produtividade no desenvolvimento Web
• Aprenda a usar o Inspetor de Elementos além do básico
• Analise a performance com as abas Network e Timeline
• Descubra erros no seu JS com o debugger
• Manipule os dados e cookies do seu site

Conteúdo Detalhado

1. Introdução: Editando seu site em tempo real

   • Explorando o DevTools pela primeira vez
   • Propriedades dos elementos
   • Corrigindo mais do Layout

2. O console

   • Query Selector
   • Vendo erros de JS
   • Criando tabelas no console
   • Executando JS em tempo real
   • Preservando o Log
   • Persistindo mudanças de código pelo DevTools

3. Debugando código

   • Persistindo mudanças de códigos pelo DevTools
   • Entendendo o código externo

4. Conectividade

   • Explorando o network
   • Analizando respostas de requisições
   • Gerenciando recursos
   • Simulando conexões ruins

5. Analisando a performance

   • Gravando o processamento realizado pelo navegador com Timeline
   • Análise o processamento do hardware com Profiles
   • Vendo sugestões do chrome

6. Persistência, Cookie e Cache

   • Atualizando funcionalidades
   • Lidando com localstorage
   • Vendo Cookies

7. Device Mode

   • Media Queries
   • Uma app em telas diferentes
   • Simulando geolocalização