Google Chrome Developer Tools
Instituição: TreinaWeb
Descrição
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.
Ementa
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
Data de Início: 23 de Agosto de 2020
Data de Conclusão: 7 de Setembro de 2020
Carga Horária: 10,0
Categorias: Front-end