Curso de Domínio das Ferramentas de Desenvolvimento do Google Chrome

Aprenda como utilizar as DevTools, incluindo ferramentas de desempenho, Lighthouse, acessibilidade e muitas outras.

Você sabia que com as DevTools do Google Chrome, você pode analisar o desempenho dos seus websites? Ou que você pode 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 um conhecimento superficial e uso das DevTools do Google Chrome. As DevTools são um conjunto poderoso de ferramentas que ajudam os desenvolvedores a construir melhores websites. Isso é possível porque as DevTools contêm ferramentas para depurar código, inspecionar elementos de um website, executar código JavaScript para testes, encontrar problemas de desempenho, problemas de estilo, problemas de acessibilidade e muitos outros. Neste curso, você aprenderá como usar as principais ferramentas das DevTools, desde aquelas que permitem interagir com a árvore DOM de uma página até aquelas que ajudam a detectar problemas de desempenho e usabilidade por meio de gráficos e dicas para implementar uma melhor experiência do usuário. Ao final do curso, você saberá como usar e onde encontrar as principais DevTools para melhorar suas aplicações e websites. Alguns dos tópicos que abordaremos no curso incluem: - Ferramentas para interagir com elementos DOM. - Usando o console. - Usando o painel Sources para interagir com o código-fonte. - Visualizando elementos de rede com o painel Network. - Ferramentas para melhorar o desempenho e encontrar gargalos de desempenho. - Ferramentas para encontrar problemas de renderização. - E muitos outros tópicos. Para aproveitar ao máximo o curso, é recomendado ter conhecimento básico de HTML, CSS e JavaScript. O que você está esperando para criar aplicações e websites melhores? Nos vemos no curso!

O que você aprenderá:

- Conhecer as principais ferramentas das Chrome DevTools. - Saber quando usar os painéis das DevTools. - Como depurar código JavaScript com as DevTools. - Inspecionar e modificar o DOM. - Inspecionar e modificar CSS. - Otimização de desempenho de websites.