Fale com a gente no WhatsApp Fale com a gente no WhatsApp

Curso de Google Chrome Developer Tools

Conheça em detalhes as ferramentas de desenvolvedor do navegador Google Chrome

Nível Intermediário Categoria Desenvolvimento Front-end

  • Curso com 01h14 de vídeos
  • Certificado com 6 horas
  • 15 exercícios

Sobre o curso

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 Chrom

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 Chrom

O que irá aprender?

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:

  • Inspeção de elementos e estilos;
  • Executando comandos com o console;
  • Gerenciamento de arquivos trafegados;
  • Gerenciamento de dados da aplicação;
  • Verificar perfil da aplicação para melhorar performance do código;
  • Emulação de dispositivos móveis;

Pra quem é esse curso?

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.

Quais os pré-requisitos para esse curso?

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.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato
  • Testes de aprendizado

Ambiente do curso

  • Google Chrome

Sobre o professor

Amauri Blanco Corrêa

Amauri Blanco Corrêa

Estudante de Análise e Desenvolvimento de Sistemas, apaixonado por tecnologia. Atualmente focado na área de front-end e iniciando uma grande e brilhante caminhada tanto profissionalmente quanto pessoalmente nesse universo que é a programação.

Conteúdo programático

  1. Introdução

    Apresentação do curso.

    1 aula
    • Apresentação
  2. Modos de uso e formas de visualização

    Nesta aula veremos os modos de uso e formas de visualização do DevTools.

    7 aulas
    • Introdução ao DevTools
    • Iniciando o Devtools
    • Modos de uso
    • Simulando tamanho de telas
    • Opções de visualização
    • Overview das abas
    • Questionário
  3. Entendendo as abas Elements e Styles

    Nesta aula veremos como inspecionar elementos e editar CSS.

    8 aulas
    • Elements
    • Inspecionando aba Elements
    • Styles
    • Styles
    • Outras abas do Elements
    • Aba CSS Overview
    • Aba Layers
    • Questionário
  4. Aba Console

    Nesta aula conheceremos a aba Console.

    5 aulas
    • Console
    • Aba Console
    • Warnings e error no console
    • Verificando erros em nossos projetos
    • Questionário
  5. Conhecendo Source e Network

    Nesta aula conheceremos a aba Source e Network.

    7 aulas
    • Sources
    • Editando e vinculando aba Source
    • Debugand scripst com Source
    • Network
    • Entendendo a aba Network
    • Inspecionando arquivos individualmente
    • Questionário
  6. Application, Performance e Security

    Nesta aula conheceremos a aba Application, Performance e Security

    6 aulas
    • Application
    • Entendendo a aba Application
    • Aba Performance
    • Security
    • Como funciona a aba Security
    • Questionário
Download da ementa

Cursos relacionados

Algumas das formações onde esse curso está inserido

Utilizada e amada por milhares! Veja mais opiniões reais

Plano de acesso total!

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!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 129,00 ECONOMIZE R$ 960,00
12x R$ 49,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!