Conheça em detalhes as ferramentas de desenvolvedor do navegador Google Chrome
Nível Intermediário Categoria Desenvolvimento Front-end
Conheça em detalhes as ferramentas de desenvolvedor do navegador Google Chrome
Antes o desenvolvimento de aplicações web era um pouco obscuro. Se algo dava errado, era difícil descobrir o que estava acontecendo.
Hoje em dia os navegadores possuem várias ferramentas para ajudar os desenvolvedores em seu trabalho, aumentando a produtividade e qualidade das páginas web. Isso porque hoje conseguimos verificar o HTML da página e alterá-lo, editar o CSS em tempo real, debugar JavaScript, executar comandos, verificar o que está sendo trafegado na rede, fazer auditoria das páginas para poder ver onde o quê melhorar, verificar onde podemos melhorar nosso código para uma página com melhor performance, emular dispositivos móveis, etc.
Neste curso aprenderemos a trabalhar com as ferramentas de desenvolvedor do navegador Google Chrome. Como os navegadores modernos possuem ferramentas parecidas, este curso também vale para outros navegadores além do Chrome
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:
Esse curso é destinado a desenvolvedores web que queiram aprender sobre as ferramentas de desenvolvedor dos navegadores, facilitando o seu trabalho e melhorando a qualidade de suas páginas.
Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.
Professor especialista em Desenvolvimento Front-end na TreinaWeb. Akira, Felipe, Hana, Hanashiro ou Hanakira, é graduado em Análise e Desenvolvimento de Sistemas, pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning, é entusiasta no desenvolvimento de jogos e multi-task. Fala japonês fluente, mas não tem com quem conversar.
Aprenda a inspecionar elementos e editar CSS
5 aulasVeja como executar scripts e aprenda sobre as APIs do console
3 aulasNesta aula veremos como utilizar o Chrome como editor de código e a debugar nosso JavaScript
5 aulasAprenda a verificar os arquivos trafegados pela rede
3 aulasVeja como interpretar a linha do tempo para entender como sua página funciona
3 aulasVamos ver como traçar o perfil da página para melhorar a performance do nosso código
2 aulasVeja como funciona a aba Application
3 aulasVeja como funciona a aba Security
2 aulasAprenda a fazer uma auditoria para saber o que melhorar no carregamento da página
5 aulasNesta aula veremos como emular dispositivos móveis e como utilizar a DevTools em dispositivos reais.
4 aulasTenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!
Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:
Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!