Devtools Pro: Do Iniciante ao Especialista com as Ferramentas de Desenvolvedor do Chrome

O Guia Completo de 2021 para Construir Aplicações Web Bonitas, Rápidas e Livres de Bugs com as Ferramentas de Desenvolvedor do Google Chrome

Você aspira se tornar um desenvolvedor web proficiente? Tenho uma vasta experiência trabalhando com várias plataformas, desde PC até Playstation, e posso afirmar com confiança que nada se compara ao poder das Ferramentas de Desenvolvedor do Google Chrome. Vamos aproveitar esse poder juntos. Este curso serve como um guia abrangente para as DevTools. Começaremos com exemplos simples de estilização, utilizando ferramentas como o seletor de cores e o editor de sombras de caixa para projetar páginas web visualmente atraentes. No entanto, avançaremos rapidamente para tópicos mais avançados, incluindo a utilização do painel de Auditorias para analisar e aprimorar o desempenho da página, bem como o painel de memória para identificar e resolver vazamentos de memória em nossas aplicações. Depoimentos: Adquiri um conhecimento valioso que eu desconhecia anteriormente, apesar de ter usado as DevTools por muitos anos. - Bernard Mitchell Este foi o meu primeiro curso online e eu gostei muito. Embora eu tivesse experiência anterior com as ferramentas de desenvolvedor do Chrome, ainda obtive dicas valiosas deste curso. - Samantha Reynolds As explicações do instrutor são claras e concisas, e o curso está repleto de informações valiosas. Mesmo os desenvolvedores experientes podem encontrar algumas pérolas escondidas! - Benjamin Thompson Ao concluir este curso, você estará equipado com as habilidades para alcançar o seguinte: - Implementar técnicas avançadas de estilização usando editores incorporados, como o painel de animações e o editor de transições. - Utilizar seis técnicas diferentes de pontos de interrupção para entender e depurar efetivamente qualquer trecho de código JavaScript. - Analisar chamadas de rede e até mesmo manipular o sistema de reserva de jantares no Yelp. - Aprimorar a velocidade de carregamento do seu site utilizando Auditorias e Lighthouse para otimizar o desempenho. - Identificar e resolver gargalos de renderização, CPU e memória por meio de perfilamento e solução de problemas. Cada minuto deste curso oferece insights valiosos, com repetição e digitação mínimas. O curso foi desenvolvido em 2021, utilizando uma versão pré-lançamento do Chrome, e até mesmo demonstra o uso de recursos experimentais, como o Workspaces 2.0. Para iniciantes, forneço uma introdução suave antes de avançar rapidamente para o uso avançado. Quanto aos especialistas, incorporei técnicas exclusivas para aprimorar suas páginas da web que não podem ser encontradas em nenhum outro lugar. O que você aprenderá: - Modificar páginas da web ao vivo e testar rapidamente novas ideias sem a necessidade de atualizar o navegador. - Construir e testar scripts em tempo real, eliminando a necessidade de atualização constante do navegador. - Diagnosticar e resolver problemas dentro de código existente. - Otimizar a velocidade de carregamento, o uso de memória e o desempenho geral.