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.
Aprenda como trabalhar com HTML5 e CSS3, conhecendo a estrut...
Nível Iniciante
Aprenda os principais conceitos da linguagem, sua lógica, si...
Nível InicianteProfessor 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 aulasConclusão do curso.
0 aulas
Aprenda a desenvolver aplicações web modernas com uma das pl...
02h12 Nível Avançado
Conheça os fundamentos da nova versão do Angular
02h08 Nível Iniciante
Aprenda como definir formulários no Angular
02h17 Nível Intermediário
Aprenda como criar seus elementos no Angular
01h55 Nível Intermediário
Conheça os recursos avançados do Angular
04h24 Nível Avançado
Conheça a ferramenta de linha de comando do Angular.
00h50 Nível Iniciante
Aprenda a criar um aplicativo web que faça uso de recursos d...
03h08 Nível IntermediárioMuito bom!
Muito bom curso e bem explicado parabéns
Muito bom. Mostrou-me recursos que eu não conhecia.
Ótimo curso!
Muito bom!
Muito bom o curso!
Excelente curso conhecimento incrível adquirido obrigado
Excelente curso que todo desenvolvedor deveria fazer, pois é uma ferramenta que auxilia na hora de desenvolver sistemas web. Finalmente entendi como utilizar cada aba :)
O curso ensina desde o básico da utilização já conhecido pela maioria das pessoas, como opções avançadas, que muitas vezes ficam escondidas e em locais de difícil acesso. Inspecionar o código fonte, criar breakpoints, utilizar opções avançadas do console, realizarmos debugs de formas mais efetivas, analisar a segurança da página, performance, entender o fluxo de carregamento de arquivos, criar timeline e fazer testes diretamente no seu dispositivo, obtendo um resultado muito mais fiel quando estamos desenvolvendo um site responsivo por exemplo, ou precisando testar recursos mais avançados, que somente um dispositivo real tem pra oferecer.
Tenha 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!
