Curso de Domínio das Ferramentas de Desenvolvimento do Chrome

Aprenda a utilizar as ferramentas essenciais do DevTools para aprimorar o desenvolvimento web

Descubra o poder do Google Chrome DevTools e desbloqueie seu potencial para analisar o desempenho de sites, simular problemas de visão para acessibilidade e muito mais. Você sabia que o Google Chrome DevTools permite analisar o desempenho de seus sites? Ou que ele permite simular problemas de visão para criar sites acessíveis? Se você respondeu não a alguma dessas perguntas, é provável que você tenha apenas arranhado a superfície do que o Google Chrome DevTools pode fazer. O DevTools é um conjunto abrangente de ferramentas projetadas para ajudar os desenvolvedores a construir sites superiores. O DevTools oferece uma variedade de recursos, incluindo depuração de código, inspeção de elementos do site, teste de código JavaScript, identificação de problemas de desempenho, detecção de problemas de estilo, identificação de problemas de acessibilidade e muito mais. Neste curso, você obterá um profundo entendimento das principais ferramentas do DevTools. Cada lição começa com um tutorial em vídeo, onde eu explico o uso de uma ferramenta específica por meio de um estudo de caso prático. Em seguida, você terá a oportunidade de aplicar o que aprendeu por meio de exercícios que fornecem os recursos e links necessários. Por fim, cada lição conclui com perguntas para reforçar seu entendimento dos conceitos abordados. Ao final deste curso, você terá o conhecimento e as habilidades para utilizar efetivamente as principais ferramentas do DevTools e aprimorar suas aplicações e sites. Alguns dos tópicos abordados incluem interação com elementos da árvore DOM, utilização do Console, trabalho com o painel Sources para interagir com o código-fonte, visualização de elementos de rede com o painel Network, melhoria de desempenho, identificação de problemas de renderização e muito mais. Para aproveitar ao máximo este curso, é recomendado ter um entendimento básico de HTML, CSS e JavaScript. Não perca a oportunidade de criar aplicações e sites excepcionais. Junte-se a nós no curso hoje mesmo!

O que você aprenderá:

- Familiarize-se com as ferramentas essenciais do Chrome DevTools - Entenda quando e como usar os painéis do DevTools de forma eficaz - Depure o código JavaScript usando o DevTools - Inspecione e modifique o DOM - Inspecione e modifique o CSS - Otimize o desempenho do site