Front-end > HTML e CSS
curso de

Chrome DevTools: analise, inspecione e depure suas páginas Web

Faz parte dos cursos de HTML e CSS em Front-end. Discussões sobre esse curso

Estudando este mês:

 Jonatha Follmer MARCELO SALLES MONIZ Julia Teles Miguel Lima do Nascimento Alceu Pantoni Neto

e mais 268 alunos(as)

Resumo do curso

  • Domine as ferramentas de desenvolvimento do Chrome
  • Aumente sua produtividade no desenvolvimento Web
  • Aprenda a usar o Inspetor de Elementos além do básico
  • Analise a performance com as abas Network e Timeline
  • Descubra erros no seu JS com o debugger
  • Manipule os dados e cookies do seu site

Público alvo

Desenvolvedores front-end com noções de HTML, CSS e JavaScript que querem dominar o browser e suas ferramentas de desenvolvimento

Conteúdo relacionado

Cursos de HTML e CSS em Front-end

Leia nossos artigos de Front-end

Última atualização

10/07/2019

Já é aluno?

Comece o curso agora

9h

p/ conclusão

58

Atividades

222

Minutos de video

7075

Alunos nesse curso

9

Nota deste curso

Certificado de participação

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de Chrome DevTools: analise, inspecione e depure suas páginas Web

Instrutores

  • Deco Verri

    linkedin Linkedin

    André (Deco) é Bacharel em Matemática Aplicada e trabalha como full stack developer em Munique. Desenvolve principalmente em Java, Scala e apps mobile em Android, mas também gosta de experimentar outras linguagens para expandir conhecimento. Tem experiência com métodos ágeis, também, tentando aplicar sempre nas tarefas do seu trabalho e na hora de colaborar com pessoas do mundo inteiro.

Conteúdo Detalhado

  1. Introdução: Editando seu site em tempo real

    • Explorando o DevTools pela primeira vez
    • Propriedades dos elementos
    • Corrigindo mais do Layout

  2. O console

    • Query Selector
    • Vendo erros de JS
    • Criando tabelas no console
    • Executando JS em tempo real
    • Preservando o Log
    • Persistindo mudanças de código pelo DevTools

  3. Debugando código

    • Persistindo mudanças de códigos pelo DevTools
    • Entendendo o código externo

  4. Conectividade

    • Explorando o network
    • Analizando respostas de requisições
    • Gerenciando recursos
    • Simulando conexões ruins

  5. Analisando a performance

    • Gravando o processamento realizado pelo navegador com Timeline
    • Análise o processamento do hardware com Profiles
    • Vendo sugestões do chrome

  6. Persistência, Cookie e Cache

    • Atualizando funcionalidades
    • Lidando com localstorage
    • Vendo Cookies

  7. Device Mode

    • Media Queries
    • Uma app em telas diferentes
    • Simulando geolocalização

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

Cursos relacionados em HTML e CSS

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Parabéns, muito bem explicado, bem detalhado, me ajudou muito no meu trabalho,

Chrome DevTools: analise, inspecione e depure suas páginas Web

Ricardo M

Curso bem abrangente, com grande possibilidade de uso como ferramenta no dia a dia.

Chrome DevTools: analise, inspecione e depure suas páginas Web

Nelson Martins Duarte Filho

Este foi o primeiro curso que fiz aqui na Alura. Gostei da plataforma e também da didática do instrutor.Parabéns.

Chrome DevTools: analise, inspecione e depure suas páginas Web

Cintia Sakurai

Aprenda HTML e CSS com esse e outros cursos, comece agora!

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas

Cursos

Cursos de Programação
Lógica | Python | PHP | Java | .NET | Node JS | C | Computação | Jogos | IoT
Cursos de Front-end
HTML, CSS | React | Angular | JavaScript | jQuery
Cursos de Data Science
Ciência de dados | BI | SQL e Banco de Dados | Excel | Machine Learning | NoSQL | Estatística
Cursos de DevOps
AWS | Azure | Docker | Segurança | IaC | Linux
Cursos de UX & Design
Photoshop e Illustrator | Usabilidade e UX | Vídeo e Motion | 3D
Cursos de Mobile
React Native | Flutter | iOS e Swift | Android, Kotlin | Jogos
Cursos de Inovação & Gestão
Métodos Ágeis | Softskills | Liderança e Gestão | Startups | Vendas