Curso Chrome Developer Tools – Debugando no Google Chrome

Olá pessoal, se você desenvolve HTML, CSS e JavaScript é bem provável que deva conhecer o Chrome Developer Tools (CDT)  mas caso não você não sabe o que está perdendo, essa é uma ferramenta utilizada para manipular e debugar  esses 3 tipos de conteúdo.

Nesse pequeno curso mostro mutos dos recursos dessa fantástica ferramenta (os que conheço), segue a frente a errata do curso e boas vídeos aulas :).

Obs

De acordo eu for tendo tempo e aprendendo novas coisas vou estar colocando os conteúdos e vídeos aqui neste post, ok?

Arquivos do curso para download

Baixar todos os arquivos das aulas feitas neste curso

Lista cronológica do curso

  1. Usando o inspecionador de HTML Chrome Developer Tools #1 Nesta vídeo aula vamos ser apresentados ao CDT “Chrome Developer Tools” e já aprender alguns dos seus principais recursos como inspecionar HTML, alterar HTML, alterar CSS, verificar erros JavaScript, e usar a console.
  2. Aba Network Chrome Developer Tools #2 
    Nesta vídeo aula vamos aprender como usar a Aba Network do CDT para monitorar requisições.
  3. Alterando arquivos em tempo real Chrome Developer Tools #3
    Nesta você vai aprender como alterar CSS e “compilar” JavaScripts em tempo real no Google Chrome

 

One thought on “Curso Chrome Developer Tools – Debugando no Google Chrome

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *


cinco + 8 =

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>