10,0 horas
Concluído
Google Chrome Developer Tools
Instituição:
TreinaWeb
Período:
23 de August de 2020
— 7 de September de 2020
Descrição do Curso
Neste curso abordaremos tudo o que você precisa aprender para utilizar a DevTools para agilizar o desenvolvimento e melhorar a performance de suas páginas.
Dentre várias outras coisas, você aprenderá os tópicos abaixo:
- Inspeção de elementos e estilos;
- Executando comandos com o console;
- Gerenciamento de arquivos trafegados;
- Gerenciamento de dados da aplicação;
- Auditoria para melhorar carregamento da página;
- Verificar perfil da aplicação para melhorar performance do código;
- Debugar JavaScript;
- Emulação de dispositivos móveis;
- DevTools com dispositivos móveis reais.
Mapa de Currículo
1 - Elements
Elements
Styles
Outras Abas
Inspecionando elementos e mudando sua estilização
Questionário 3 questões
2 - Console
Console
Conhecendo as APIs do Console
Questionário 3 questões
3 - Sources
Sources
Workspace
Debug
Trabalhando com a aba Sources
Questionário 3 questões
4 - Network
Network
Aba Network e as informações trafegadas pela rede
Questionário 3 questões
5 - Timeline
Timeline
Gravando uma linha do tempo
Questionário 3 questões
6 - Profiles
Profiles
Criando um perfil dos scripts da nossa página
7 - Application
Application
Para quê serve a aba Application
Questionário 3 questões
8 - Security
Security
Como funciona a aba Security
9 - Audits
Audits
Network Utilization
Web Page Performance
Aprendendo a melhorar o carregamento de páginas com Auditorias
Questionário 3 questões
10 - Emulation
Emulation
Debugando dispositivos móveis reais
Emulando dispositivos móveis e conectando a dispositivos reais
Questionário 3 questões
Categorias & Tópicos
Front-end