web debug – Turbosite – Blog https://www.turbosite.com.br/blog Fri, 05 Sep 2014 15:09:28 +0000 pt-BR hourly 1 https://wordpress.org/?v=7.1.2 https://www.turbosite.com.br/blog/wp-content/uploads/2026/09/cropped-logo_turbo_vermelha-32x32.png web debug – Turbosite – Blog https://www.turbosite.com.br/blog 32 32 Chrome DevTools – Conheça os segredos com 10 vídeos feitos pelo Google https://www.turbosite.com.br/blog/chrome-devtools-conheca-os-segredos-com-10-videos-feitos-pelo-google/ Fri, 05 Sep 2014 15:09:28 +0000 http://blog.turbosite.com.br/?p=3481 Nos últimos anos, as tecnologias client-side como HTML, CSS e JavaScript evoluíram de uma maneira absurda. Uma avalanche de APIs vieram com o HTML5, dezenas de novas propriedades foram adicionadas ao CSS3 e uma série de novidades chegaram no JavaScript a partir das novas especificações do ECMAScript.

Consequentemente, muita coisa no workflow de desenvolvimento web também mudou. Debugar códigos JS usando alert? Ir e voltar no navegador para ver como ficaram as mudanças de CSS? Redimensionar a página para simular responsive design? Esse tempo já passou.

A chegada do famigerado Firebug há alguns anos atrás, abriu portas para um novo conjunto de ferramentas como Chrome DevTools, Opera Dragonfly e Firefox DevTools que auxiliam e muito a vida dos desenvolvedores web.

Nessa série oficial da Google, gravada em português e produzida por brasileiros, você vai ver em 10 vídeos como tirar proveito do Chrome DevTools para manipular elementos no DOM, identificar memory leaks, debugar código JavaScript, emular dispositivos móveis, otimizar o waterfall de requisições, e muito mais.

Se você se interessa por produtividade e qualidade no desenvolvimento de aplicações web, não deixe de assistir todos os vídeos!

Para facilitar a navegação entre os vídeo, acesse este link com a lista de reprodução de todos os vídeos: Google Developers

Via: Tableless

]]>