Baixado 10 vezes
Carregado porFábio Assunção
Desenvolvimento inteligente com Google Chrome DevTools
O documento descreve as ferramentas do Chrome Dev Tools, que permitem inspecionar, depurar e otimizar páginas web e aplicações. O Dev Tools fornece recursos como emulação de dispositivos, inspeção de elementos, rede, código-fonte, desempenho e otimização para ajudar desenvolvedores a criar sites e aplicações.
Mais conteúdo relacionado
Desenvolvimento inteligente com Google Chrome DevTools
- 1. Fábio Assunção frontend /backend developer www.fabioassuncao.com.br
- 3. Frontend / backenddeveloper at VAT SA, graduando em Ciências da Computação, pai do Gabriel, apaixonado pela Babitinha, fígado, arte e tecnologia. Interessado em UX e Interaction Design.
- 4.
- 5. Desenvolvimento inteligente com GoogleChrome Dev Tools developer.chrome.com/devtools
- 6. Há alguns anosatrás não “existia” uma definição objetiva para frontend ou backend. developer.chrome.com/devtools
- 7.
- 8. webdesigner developer.chrome.com/devtools webmaster “menino do HTML” “Programadorde HTML” Usuários do Windows Programadores do dreamweaver “hardcores do Flash” “fazedores de sites” webwriter
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 16. As necessidades sãooutras, o comportamento mudou.
- 17. Um tornado deAPIs vieram com o HTML5, novas propriedades foram adicionadas ao CSS3 e muitas novidades chegaram no JavaScript
- 18. Consequentemente, muita coisa noworkflow também mudou.
- 19.
- 20. Ir e voltarno browser para testar as mudanças de estilo?
- 21. Redimensionar a páginapara simular responsive design?
- 22.
- 23. console.log(‘ Não teremos o“bug Cássia Eller”! ’); else{ }
- 24.
- 25. O que éChrome Dev Tools? developer.chrome.com/devtools
- 26. Conjunto de ferramentas acopladasao Chrome para auditoria, depuração e desenvolvimento. Fornece aos devs acesso profundo aos recursos internos do browser, além da aplicação. developer.chrome.com/devtools
- 27. Recursos: • Emulate device •Elements • Network • Sources • Timeline • Profiles • Resources • Audits • Console • PageSpeed
- 30.
- 32.