DevTools Pro: Dominando as Ferramentas de Desenvolvedor do Chrome

Um Guia Abrangente para Aprimorar as Habilidades de Desenvolvimento Web

Avaliação: 4.4 de 57402 avaliações

Duração Total: 1 hora

Aulas Totais: 18

Nível: Iniciante

Um Guia Abrangente para Aprimorar as Habilidades de Desenvolvimento Web

Este curso serve como uma introdução abrangente às poderosas Ferramentas de Desenvolvedor do Google Chrome. Ao longo deste curso, você obterá uma compreensão sólida dos conceitos e técnicas fundamentais necessários para o desenvolvimento web produtivo.

E adivinhe só? Este curso vem com um toque de humor! Seu instrutor, John Smith, irá apresentá-lo a cores fascinantes como amarelosol e azulmarinho!

Ao final deste curso, você será capaz de:

• Modificar e atualizar efetivamente páginas da web ao vivo usando o painel de elementos, que inclui ferramentas como o seletor de cores e o editor de sombras de texto.
• Executar comandos JavaScript simples no console.
• Escrever e testar blocos maiores de código usando o painel de trechos.
• Entender como parar e percorrer o código com pontos de interrupção e técnicas básicas de depuração.
• Aprender como simular dispositivos móveis para desenvolvimento responsivo.
• Utilizar o painel de auditorias para obter informações valiosas para melhorar o tempo de carregamento da página.

Este curso foi projetado para fornecer uma base sólida nos conceitos básicos das Ferramentas de Desenvolvedor do Chrome. Ao finalizar, você terá as ferramentas e conhecimentos necessários para se tornar um especialista em DevTools no meu próximo curso, DevTools 2017: Do Iniciante ao Especialista com as Ferramentas de Desenvolvedor do Google Chrome.

O que você aprenderá

Ao longo deste curso, você aprenderá:

• As principais características e funcionalidades das Ferramentas de Desenvolvedor do Google Chrome.
• Como modificar e atualizar efetivamente páginas da web ao vivo usando várias ferramentas.
• Técnicas para executar comandos JavaScript e testar trechos de código.
• Técnicas de depuração, incluindo pontos de interrupção e passo a passo do código.
• Estratégias de desenvolvimento responsivo usando simulação de dispositivos móveis.
• Métodos para melhorar o tempo de carregamento da página por meio do painel de auditorias.