Utilizando o Chrome Dev Tools para desenvolvimento Front-end

Alura+ são pequenos vídeos com conteúdo complementar aos cursos da Alura. Aqui você tem novidades, dicas, tutoriais, novos assuntos e muito mais. Excelente para aprender algo novo naqueles pequenos momentos que sobram no dia.

Resumo do conteúdo

Neste vídeo, o instrutor Neilton Seguins fala sobre uma ferramenta muito importante para pessoas desenvolvedoras Front End, o Chrome Dev Tools.

Para quem desenvolve aplicações Front end, testar questões como alinhamento de elementos em tela, responsividade em diferentes dispositivos, SEO, acessibilidade e desempenho podem ser bastante complicadas se feitas manualmente. É por isso que existe o Chrome Dev Tools, um conjunto de ferramentas do navegador Chrome que permite com que você possa realizar várias análises de suas aplicações no próprio navegador. Desde inspecionar elementos no DOM, brincar com os estilos da página e depurar seu código JavaScript, até gerar relatórios completos com vários insights da sua aplicação.

Se você deseja se aprofundar no tema, deixo abaixo alguns links de conteúdos complementares:

Extensões do Chrome:

Se você que trabalha com React.js, Angular ou Vue.js acha difícil debugar suas aplicações apenas com o Dev Tools, saiba que o Chrome permite adicionar extensões que geralmente instalam mais alguns recursos/ferramentas. Entre elas:

Com os avanços recentes da Gemini AI do Google, em breve o Chrome Dev Tools ganhará uma funcionalidade de ter uma análise detalhada dos erros no seu console. Dá uma conferida na palestra para desenvolvedores do Google I/O 2024.

Já é Aluno?

Comece agora

30min para conclusão

Comece a estudar agora na maior escola de tecnologia do país

Conheça os Planos para Empresas