Category Archives: Tools

Tools – JSFiddle 

Ferramentas: Analise your code

Saga: M&M (Mundo Mobile)

Continuando a série sobre ferramentas úteis que nos auxiliam no desenvolvimento de web/app.

A partir de agora vamos APRESENTAR o JSFiddle. Vamos lá:

O JSFiddle é um conjunto de ferramentas de teste que nos permite entender os processos básicos das linguagens web como o Vue por exemplo.

  • HTML inspecione os elementos
  • CSS inspecione o comportamento visual dos elementos
  • JS escolha o seu framework

O Ambiente

tools_jsfiddle

Tela inicial da ferramenta. Aqui, temos diversas abas.

Continua

Next stop Dev Tools. Disambark on the left!

Tools – ChromeDev Tools 

Saga: M&M (Mundo Mobile)

Ferramentas: Analise for websites

Continuando a série sobre ferramentas úteis que nos auxiliam no desenvolvimento de web/app.

A partir de agora vamos APRESENTAR o Google ChromeDev Tools. Vamos lá:

O ChromeDev Tools é um conjunto de ferramentas de teste e debug para Web incorporado ao Google Chrome. Use o DevTools para iterar, depurar e criar o perfil do site.

  • Inspecione os elementos

O Ambiente

tools_chromedev

Tela inicial da ferramenta. Aqui, temos diversas abas.

Dê um ctrl+shit+i ou menu de opções.

Continua

https://developers.google.com/web/tools/chrome-devtools/?hl=pt-br

Next stop Dev Tools. Disambark on the left!