Fale com a gente no WhatsApp Fale com a gente no WhatsApp
Como posso te ajudar?
Milena - Atendimento TreinaWeb

Oi, eu sou a Milena e estou online agora para tirar todas as suas dúvidas!

Fechar Fechar

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
  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
  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$ 99,00 ECONOMIZE R$ 614,16
12x R$ 47,82 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!

Messagem
Messagem

Prévia do curso Google Chrome Developer Tools

Aulas liberadas para degustação

  • Apresentação
    Apresentação
  • Iniciando o Devtools
    Iniciando o Devtools
  • Modos de uso
    Modos de uso

Desbloqueie mais conteúdos do curso!

Tenha acesso imediato aos próximos vídeos gratuitos