{"id":117986,"date":"2022-11-24T08:00:00","date_gmt":"2022-11-24T11:00:00","guid":{"rendered":"https:\/\/fluency.io\/br\/blog\/?p=14394"},"modified":"2023-08-01T15:06:48","modified_gmt":"2023-08-01T18:06:48","slug":"o-que-e-debug","status":"publish","type":"post","link":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/","title":{"rendered":"O que \u00e9 debug? Saiba qual sua import\u00e2ncia e como fazer!"},"content":{"rendered":"\n<p><strong>Voc\u00ea sabe o que \u00e9 debug?<\/strong> O debug, ou depura\u00e7\u00e3o, \u00e9 um processo comum dentro da \u00e1rea de desenvolvimento, que tem tanta import\u00e2ncia quanto escrever o c\u00f3digo.&nbsp;<\/p>\n\n\n\n<p>Isso porque \u00e9 o momento de <strong>encontrar todos os erros que podem causar problemas na aplica\u00e7\u00e3o<\/strong> ou torn\u00e1-la mais suscet\u00edvel a falhas, de funcionamento ou de seguran\u00e7a.&nbsp;<\/p>\n\n\n\n<p>Por isso, saber fazer o debug de um c\u00f3digo \u00e9 essencial para se tornar um desenvolvedor cada vez mais completo dentro do mercado de trabalho.&nbsp;<\/p>\n\n\n\n<p>Entenda o que \u00e9 debug e aprenda como fazer e tornar seu c\u00f3digo cada vez melhor!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 debug ou depura\u00e7\u00e3o<\/h2>\n\n\n\n<p><strong>Debug, ou depura\u00e7\u00e3o, \u00e9 a tarefa de encontrar e eliminar erros de um c\u00f3digo para torn\u00e1-lo melhor, mais \u00e1gil e mais seguro.&nbsp;<\/strong><\/p>\n\n\n\n<p>O nome vem de <em>\u201c<\/em><strong><em>bug<\/em><\/strong><em>\u201d<\/em>, utilizado para <strong>se referir a algum erro no desenvolvimento<\/strong> (e tamb\u00e9m a \u201cinseto\u201d, em ingl\u00eas).&nbsp;<\/p>\n\n\n\n<p>Voc\u00ea j\u00e1 deve ter ouvido por a\u00ed: \u201cEsse programa est\u00e1 com bug\u201d ou \u201cEste site est\u00e1 bugado\u201d. Todos esses termos referem-se aos erros encontrados, que impossibilitam a aplica\u00e7\u00e3o de funcionarem da maneira ideal.&nbsp;<\/p>\n\n\n\n<p>O termo bug, que \u00e9 <strong>\u201cinseto\u201d, em ingl\u00eas<\/strong>, surgiu ainda nos prim\u00f3rdios da computa\u00e7\u00e3o, quando Grace Hopper (desenvolvedora da marinha americana, a linguagem de programa\u00e7\u00e3o Flow-Matic, precursora do COBOL) descobriu que seu computador (na \u00e9poca, mec\u00e2nico) n\u00e3o estava fazendo suas fun\u00e7\u00f5es direito por causa de um inseto dentro da m\u00e1quina.&nbsp;<\/p>\n\n\n\n<p>Outra hist\u00f3ria conta que o termo surgiu ainda antes, com Thomas Edison (o criador da l\u00e2mpada), quando teve um problema com seu fon\u00f3grafo e descobriu que o problema era um inseto no aparelho.&nbsp;<\/p>\n\n\n\n<p>Independente da fonte de cria\u00e7\u00e3o do termo, <strong>dentro do contexto da computa\u00e7\u00e3o, a palavra \u201cbug\u201d faz refer\u00eancias a erros de c\u00f3digo<\/strong>, que trazem problemas para a aplica\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>Por isso, <strong>debugar um c\u00f3digo \u00e9 um processo essencial <\/strong>para o bom funcionamento de uma aplica\u00e7\u00e3o. Al\u00e9m disso, \u00e9 uma tarefa que n\u00e3o \u201ctermina\u201d, pois toda mudan\u00e7a no c\u00f3digo (para acrescentar uma funcionalidade, por exemplo) pode alterar algo e criar um bug.&nbsp;<\/p>\n\n\n\n<p>Por isso, existem profissionais que ficam focados apenas em testar e encontrar esses erros. Podem ser tanto os pr\u00f3prios desenvolvedores quanto programadores focados na \u00e1rea de Quality Assurance (QA), que testam e buscam melhorias visando aumentar a qualidade do c\u00f3digo e da aplica\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Para que serve o debug<\/h2>\n\n\n\n<p>O processo de debug, de maneira geral, serve para <strong>encontrar erros dentro de um c\u00f3digo, de forma sistem\u00e1tica e organizada.&nbsp;<\/strong><\/p>\n\n\n\n<p>Assim, \u00e9 um processo que faz parte e \u00e9 essencial para o desenvolvimento de qualquer tipo de aplica\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>Por mais que o desenvolvedor v\u00e1 testando seu c\u00f3digo conforme o escreve, mesmo assim \u00e9 interessante fazer o debug, principalmente porque depois ser\u00e1 integrado com outros c\u00f3digos, sistemas e APIs.&nbsp;<\/p>\n\n\n\n<p>Assim, <strong>s\u00e3o v\u00e1rios os pontos que podem causar algum tipo de erro na funcionalidade<\/strong> ou na seguran\u00e7a. Por isso, \u00e9 essencial ter um processo de depura\u00e7\u00e3o organizado e sistematizado, para apontar quais foram os erros (e evit\u00e1-los no futuro) e como eles foram consertados.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A import\u00e2ncia do debug<\/h3>\n\n\n\n<p>Al\u00e9m de consertar os erros encontrados e tornar o uso da aplica\u00e7\u00e3o melhor, a depura\u00e7\u00e3o bem feita tem v\u00e1rios pontos positivos para a equipe e empresa como um todo. Isso porque torna seu produto cada vez melhor, mas tamb\u00e9m contribui com o trabalho.&nbsp;<\/p>\n\n\n\n<p>Assim, entre os <strong>pontos positivos de ter um debug para uma aplica\u00e7\u00e3o<\/strong>, podemos considerar:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>melhorias na aplica\u00e7\u00e3o,<\/strong> possibilitando melhor experi\u00eancia para o usu\u00e1rio;<\/li>\n\n\n\n<li><strong>maior produtividade da equipe<\/strong>, que consegue entender as melhores op\u00e7\u00f5es de c\u00f3digo;&nbsp;<\/li>\n\n\n\n<li><strong>cria\u00e7\u00e3o de uma aplica\u00e7\u00e3o mais segura<\/strong>, considerando a integra\u00e7\u00e3o com outros sistemas;<\/li>\n\n\n\n<li><strong>melhoria da experi\u00eancia do usu\u00e1rio<\/strong>.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>O processo de debug \u00e9 completamente comum dentro de qualquer equipe que trabalhe com c\u00f3digo. Por isso, \u00e9 importante considerar esse conhecimento como sendo um diferencial para muitas<a href=\"https:\/\/fluency.io\/br\/blog\/carreira-programacao\/?utm_source=blog\" target=\"_blank\" rel=\"noreferrer noopener\"> carreiras de desenvolvimento e tecnologia<\/a>.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">As principais t\u00e9cnicas para debug<\/h2>\n\n\n\n<p><strong>O debug de um c\u00f3digo pode ser feito de diferentes maneiras<\/strong>, que podem mudar dependendo do tipo de erro ou dos objetivos do debug. Veja, a seguir, algumas das t\u00e9cnicas de debug que podem ser implementadas:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Debug interativo<\/h3>\n\n\n\n<p><strong>\u00c9 um dos tipos mais utilizados<\/strong>, pois consegue carregar a interface gr\u00e1fica que aparece para o usu\u00e1rio no depurador e, a partir disso, testar ponto a ponto das funcionalidades.&nbsp;<\/p>\n\n\n\n<p>Com isso,<strong> \u00e9 poss\u00edvel identificar os pontos de interrup\u00e7\u00e3o (os <\/strong><strong><em>breakpoints<\/em><\/strong><strong>)<\/strong>, ou seja, em quais momentos o c\u00f3digo tem problema para ser compilado ou interpretado. A partir desses breakpoints que o desenvolvedor ir\u00e1 buscar suas solu\u00e7\u00f5es.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Debug remoto<\/h3>\n\n\n\n<p>\u00c9 uma depura\u00e7\u00e3o feita para <strong>casos em que um sistema ou aplica\u00e7\u00e3o est\u00e1 diferente do esperado quando sai de seu servidor remoto.<\/strong> Assim, \u00e9 preciso buscar qual est\u00e1 sendo o erro. Para fazer o debug, \u00e9 necess\u00e1rio que o depurador consiga fazer o processo remotamente.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Debug post-mortem<\/h3>\n\n\n\n<p>\u00c9 o nome dado \u00e0 <strong>depura\u00e7\u00e3o que acontece depois que um sistema ou aplica\u00e7\u00e3o d\u00e1 erro.<\/strong> Ou seja, pode n\u00e3o ter sido feito todos os testes anteriormente ou ter surgido uma nova feature que tenha gerado o problema.&nbsp;<\/p>\n\n\n\n<p>Tamb\u00e9m \u00e9 o nome dado quando <strong>o sistema consegue captar as informa\u00e7\u00f5es mas n\u00e3o consegue armazen\u00e1-las da maneira correta<\/strong>, seja no banco de dados ou mesmo na pr\u00f3pria mem\u00f3ria, enquanto a aplica\u00e7\u00e3o est\u00e1 sendo executada.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Debug reverso<\/h3>\n\n\n\n<p><strong>Nessa t\u00e9cnica \u00e9 preciso utilizar depuradores avan\u00e7ados,<\/strong> que armazenam, em forma de dados, a execu\u00e7\u00e3o de uma aplica\u00e7\u00e3o. Depois, o desenvolvedor consegue execut\u00e1-los em suas funcionalidades e encontrar erros pontuais.&nbsp;<\/p>\n\n\n\n<p>\u00c9 um tipo de processo <strong>considerado mais r\u00e1pido,<\/strong> pois n\u00e3o \u00e9 preciso verificar sempre todos os pontos da aplica\u00e7\u00e3o e porque consegue oferecer a informa\u00e7\u00e3o de dados sobre bugs pontuais.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Debug delta<\/h3>\n\n\n\n<p>\u00c9 a chamada <strong>depura\u00e7\u00e3o comparativa<\/strong>, quando se<strong> executa duas aplica\u00e7\u00f5es ao mesmo tempo<\/strong> e encontra-se os pontos de erro em cada uma delas. \u00c9 um tipo de processo \u00fatil quando duas aplica\u00e7\u00f5es s\u00e3o semelhantes ou quando cria-se uma nova vers\u00e3o de um programa.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Debug batch<\/h3>\n\n\n\n<p>\u00c9 <strong>n\u00e3o intencional<\/strong>, <strong>feito pelo depurador enquanto o programa est\u00e1 sendo executado. <\/strong>Depois, a pr\u00f3pria ferramenta consegue salvar o processo e indicar os pontos de bug em que o profissional de desenvolvimento ir\u00e1 se debru\u00e7ar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ferramentas para debug<\/h2>\n\n\n\n<p>Existem diversas <strong>ferramentas que podem ser utilizadas para fazer o debug<\/strong> de um c\u00f3digo.Algumas delas, principalmente as focadas em front-end, podem ser acessadas diretamente do navegador.&nbsp;<\/p>\n\n\n\n<p>Vale considerar que existem depuradores para <a href=\"https:\/\/fluency.io\/br\/blog\/linguagens-de-programacao-para-iniciantes\/?utm_source=blog\" target=\"_blank\" rel=\"noreferrer noopener\">diferentes tipos de linguagens<\/a>, por isso, a escolha depende muito de qual \u00e9 a aplica\u00e7\u00e3o e como foi constru\u00edda.\u00a0<\/p>\n\n\n\n<p>Algumas ferramentas de debug que podem ser utilizadas s\u00e3o:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Chrome Dev Tools;<\/strong><\/li>\n\n\n\n<li><strong>Firefox Developer Tools;<\/strong><\/li>\n\n\n\n<li><strong>Log de erros;&nbsp;<\/strong><\/li>\n\n\n\n<li><strong>Node Inspector;<\/strong><\/li>\n\n\n\n<li><strong>React Developer Tools;<\/strong><\/li>\n\n\n\n<li><strong>Web Inspector.&nbsp;<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Os Logs de Erros n\u00e3o s\u00e3o exatamente uma ferramenta, mas sim s\u00e3o o registro de todo o processo de execu\u00e7\u00e3o do c\u00f3digo. A partir deles, quem estiver trabalhando com o c\u00f3digo consegue entender seu funcionamento linha a linha e encontrar os bugs a partir disso.<\/p>\n\n\n\n<p>A maior vantagem de utilizar as ferramentas para as t\u00e9cnicas de depura\u00e7\u00e3o \u00e9 ter um controle muito maior sobre o que est\u00e1 sendo testado e quais s\u00e3o os dados referentes \u00e0 execu\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"780\" src=\"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/11\/Ferramentas-para-debug-1024x780.png\" alt=\"imagem demosntrando ferramentas para debug no google chrome\" class=\"wp-image-14395\" srcset=\"https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/11\/Ferramentas-para-debug-1024x780.png 1024w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/11\/Ferramentas-para-debug-949x723.png 949w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/11\/Ferramentas-para-debug-768x585.png 768w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/11\/Ferramentas-para-debug-1536x1170.png 1536w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/11\/Ferramentas-para-debug-552x420.png 552w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/11\/Ferramentas-para-debug-515x392.png 515w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/11\/Ferramentas-para-debug-150x114.png 150w, https:\/\/homolog.fluency.io\/br\/wp-content\/uploads\/sites\/3\/2022\/11\/Ferramentas-para-debug.png 1576w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Imagem do Chrome Dev Tools. Fonte: <a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">Chrome Developers<\/a><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Como debugar passo a passo<\/h2>\n\n\n\n<p>Como, afinal, fazer esse processo de debug? O conceito de depura\u00e7\u00e3o pode parecer algo complexo ou demorado, mas, na pr\u00e1tica, \u00e9 algo bastante natural no dia a dia do desenvolvimento.<\/p>\n\n\n\n<p>Isso porque \u00e9 comum que pequenos testes sejam feitos o tempo todo, o que faz com que o profissional j\u00e1 consiga debugar o c\u00f3digo aos poucos.&nbsp;<\/p>\n\n\n\n<p>Al\u00e9m disso, \u00e9 comum que exista algu\u00e9m com a fun\u00e7\u00e3o de fazer esses testes em aplica\u00e7\u00f5es j\u00e1 em funcionamento, o que faz com que seja uma tarefa mais espec\u00edfica.&nbsp;<\/p>\n\n\n\n<p>Os principais passos do debug de c\u00f3digo s\u00e3o:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Descobrir o bug<\/li>\n<\/ol>\n\n\n\n<p>Para saber que o erro existe, \u00e9 preciso e<strong>xecutar o programa e acompanhar os dados. <\/strong>Esses testes s\u00e3o feitos tanto na constru\u00e7\u00e3o da aplica\u00e7\u00e3o quanto ap\u00f3s.<\/p>\n\n\n\n<p>\u00c9 preciso observar tanto os erros \u201c\u00f3bvio\u201d (como a aplica\u00e7\u00e3o travar) quanto aqueles erros mais sutis, como salvar os dados na tabela errada dentro do banco de dados (\u00e9 preciso observar o banco tamb\u00e9m).&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Identifique a causa&nbsp;<\/li>\n<\/ol>\n\n\n\n<p><strong>Identificar a causa do bug pode ser a parte mais dif\u00edcil de consert\u00e1-lo. <\/strong>Isso porque o c\u00f3digo todo est\u00e1 relacionado e entender qual o problema pode demandar tempo, principalmente em aplica\u00e7\u00f5es complexas.&nbsp;<\/p>\n\n\n\n<p>Nesta etapa, \u00e9 preciso fazer uma<strong> leitura de todo o c\u00f3digo <\/strong>que envolve aquela se\u00e7\u00e3o do erro e entender de onde vem cada coisa. A\u00ed se percebe a import\u00e2ncia de um <a href=\"https:\/\/fluency.io\/br\/blog\/codigo-limpo-boas-praticas\/?utm_source=blog\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>c\u00f3digo limpo e organizado<\/strong><\/a><strong>.\u00a0\u00a0<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Isolar o bug do resto da aplica\u00e7\u00e3o<\/li>\n<\/ol>\n\n\n\n<p><strong>Depois de descobrir que existe um bug, \u00e9 hora de tentar entend\u00ea-lo. <\/strong>Por\u00e9m, antes, \u00e9 preciso<strong> isolar essa parte da aplica\u00e7\u00e3o do restante do programa, para que n\u00e3o afete todo o resto.&nbsp;<\/strong><\/p>\n\n\n\n<p>Por isso, antes de sair mexendo o c\u00f3digo, veja se ser\u00e1 necess\u00e1rio tirar algo do ar ou desabilitar alguma fun\u00e7\u00e3o do sistema, pelo menos por um per\u00edodo, at\u00e9 arrumar o c\u00f3digo novamente.&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Descubra a melhor solu\u00e7\u00e3o&nbsp;<\/li>\n<\/ol>\n\n\n\n<p>Sabendo qual \u00e9 o bug e tendo-o isolado do restante, \u00e9 poss\u00edvel ter mais liberdade na hora de criar solu\u00e7\u00f5es e fazer novos testes. Entender o problema pode ser dif\u00edcil, mas <strong>solucionar bugs \u00e9 geralmente um grande desafio.&nbsp;<\/strong><\/p>\n\n\n\n<p>Por\u00e9m, essa \u00e9 parte central da depura\u00e7\u00e3o e \u00e9 comum passar muito tempo do trabalho apenas <strong>\u201cresolvendo problemas<\/strong>b. Com a pr\u00e1tica e o conhecimento da aplica\u00e7\u00e3o, esse processo vai se tornando cada vez melhor.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Seja um programador com a Awari!<\/h2>\n\n\n\n<p>Como vimos, saber debugar um c\u00f3digo \u00e9 um conhecimento bem-vindo na vida de qualquer desenvolvedor e faz parte do processo de programa\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p>Por isso, <strong>quem quer entrar de vez para a \u00e1rea de tecnologia<\/strong> precisa conhecer n\u00e3o apenas as linguagens e a l\u00f3gica de programa\u00e7\u00e3o, mas tamb\u00e9m <strong>como encontrar os erros dentro de um c\u00f3digo.&nbsp;&nbsp;<\/strong><\/p>\n\n\n\n<p>Claro que esse processo nem sempre \u00e9 r\u00e1pido ou linear. Afinal, <strong>a <\/strong><a href=\"https:\/\/fluency.io\/br\/blog\/desenvolvimento-de-software\/?utm_source=blog\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>\u00e1rea da computa\u00e7\u00e3o e de desenvolvimento<\/strong><\/a><strong> est\u00e1 sempre em evolu\u00e7\u00e3o<\/strong> e \u00e9 preciso manter os estudos em dia.\u00a0<\/p>\n\n\n\n<p>Mesmo assim, \u00e9 importante ter uma boa base de conhecimentos, para continuar evoluindo com o tempo e se tornar um desenvolvedor cada vez melhor.&nbsp;<\/p>\n\n\n\n<p><strong>Profissionais da programa\u00e7\u00e3o com uma boa base de conhecimento<\/strong> e com conhecimentos variados conseguem se destacar ainda mais nessa \u00e1rea que s\u00f3 cresce!<\/p>\n\n\n\n<p>Conhe\u00e7a nossa <a href=\"https:\/\/fluency.io\/br\/blog\/trilha-de-programacao\/?utm_source=blog&amp;utm_medium=link&amp;utm_campaign=trilha-de-programacao\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Trilha de Conhecimento de Programa\u00e7\u00e3o<\/strong><\/a> e aprenda tudo o que precisa para entrar na carreira de programador!\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea sabe o que \u00e9 debug? O debug, ou depura\u00e7\u00e3o, \u00e9 um processo comum dentro da \u00e1rea de desenvolvimento, que tem tanta import\u00e2ncia quanto escrever o c\u00f3digo.&nbsp; Isso porque \u00e9 o momento de encontrar todos os erros que podem causar problemas na aplica\u00e7\u00e3o ou torn\u00e1-la mais suscet\u00edvel a falhas, de funcionamento ou de seguran\u00e7a.&nbsp; Por [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":[186],"meta":{"inline_featured_image":false,"footnotes":""},"categories":[229],"tags":[],"trilha":[],"class_list":["post-117986","post","type-post","status-publish","format-standard","hentry","category-skills","format-artigos"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>O que \u00e9 debug? Saiba qual sua import\u00e2ncia e como fazer! - Fluency.io Brasil<\/title>\n<meta name=\"description\" content=\"Voc\u00ea sabe o que \u00e9 debug? O debug, ou depura\u00e7\u00e3o, \u00e9 um processo comum dentro da \u00e1rea de desenvolvimento, que tem tanta import\u00e2ncia quanto escrever o c\u00f3digo.&amp;...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O que \u00e9 debug? Saiba qual sua import\u00e2ncia e como fazer! - Fluency.io Brasil\" \/>\n<meta property=\"og:description\" content=\"Voc\u00ea sabe o que \u00e9 debug? O debug, ou depura\u00e7\u00e3o, \u00e9 um processo comum dentro da \u00e1rea de desenvolvimento, que tem tanta import\u00e2ncia quanto escrever o c\u00f3digo.&amp;...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/\" \/>\n<meta property=\"og:site_name\" content=\"Fluency.io Brasil\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-24T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-01T18:06:48+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"kaue\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/\",\"url\":\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/\",\"name\":\"O que \u00e9 debug? Saiba qual sua import\u00e2ncia e como fazer! - Fluency.io Brasil\",\"isPartOf\":{\"@id\":\"https:\/\/fluency.io\/br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/11\/Ferramentas-para-debug-1024x780.png\",\"datePublished\":\"2022-11-24T11:00:00+00:00\",\"dateModified\":\"2023-08-01T18:06:48+00:00\",\"author\":{\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\"},\"description\":\"Voc\u00ea sabe o que \u00e9 debug? O debug, ou depura\u00e7\u00e3o, \u00e9 um processo comum dentro da \u00e1rea de desenvolvimento, que tem tanta import\u00e2ncia quanto escrever o c\u00f3digo.&...\",\"breadcrumb\":{\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/#primaryimage\",\"url\":\"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/11\/Ferramentas-para-debug-1024x780.png\",\"contentUrl\":\"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/11\/Ferramentas-para-debug-1024x780.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/homolog.fluency.io\/br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"O que \u00e9 debug? Saiba qual sua import\u00e2ncia e como fazer!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fluency.io\/br\/#website\",\"url\":\"https:\/\/fluency.io\/br\/\",\"name\":\"Fluency.io Brasil\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fluency.io\/br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\",\"name\":\"kaue\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"caption\":\"kaue\"},\"url\":\"https:\/\/homolog.fluency.io\/br\/author\/kaue\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"O que \u00e9 debug? Saiba qual sua import\u00e2ncia e como fazer! - Fluency.io Brasil","description":"Voc\u00ea sabe o que \u00e9 debug? O debug, ou depura\u00e7\u00e3o, \u00e9 um processo comum dentro da \u00e1rea de desenvolvimento, que tem tanta import\u00e2ncia quanto escrever o c\u00f3digo.&...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/","og_locale":"pt_BR","og_type":"article","og_title":"O que \u00e9 debug? Saiba qual sua import\u00e2ncia e como fazer! - Fluency.io Brasil","og_description":"Voc\u00ea sabe o que \u00e9 debug? O debug, ou depura\u00e7\u00e3o, \u00e9 um processo comum dentro da \u00e1rea de desenvolvimento, que tem tanta import\u00e2ncia quanto escrever o c\u00f3digo.&...","og_url":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/","og_site_name":"Fluency.io Brasil","article_published_time":"2022-11-24T11:00:00+00:00","article_modified_time":"2023-08-01T18:06:48+00:00","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"kaue","Est. tempo de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/","url":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/","name":"O que \u00e9 debug? Saiba qual sua import\u00e2ncia e como fazer! - Fluency.io Brasil","isPartOf":{"@id":"https:\/\/fluency.io\/br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/#primaryimage"},"image":{"@id":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/#primaryimage"},"thumbnailUrl":"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/11\/Ferramentas-para-debug-1024x780.png","datePublished":"2022-11-24T11:00:00+00:00","dateModified":"2023-08-01T18:06:48+00:00","author":{"@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a"},"description":"Voc\u00ea sabe o que \u00e9 debug? O debug, ou depura\u00e7\u00e3o, \u00e9 um processo comum dentro da \u00e1rea de desenvolvimento, que tem tanta import\u00e2ncia quanto escrever o c\u00f3digo.&...","breadcrumb":{"@id":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/#primaryimage","url":"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/11\/Ferramentas-para-debug-1024x780.png","contentUrl":"https:\/\/fluency.io\/br\/blog\/wp-content\/uploads\/2022\/11\/Ferramentas-para-debug-1024x780.png"},{"@type":"BreadcrumbList","@id":"https:\/\/homolog.fluency.io\/br\/blog\/o-que-e-debug\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/homolog.fluency.io\/br\/"},{"@type":"ListItem","position":2,"name":"O que \u00e9 debug? Saiba qual sua import\u00e2ncia e como fazer!"}]},{"@type":"WebSite","@id":"https:\/\/fluency.io\/br\/#website","url":"https:\/\/fluency.io\/br\/","name":"Fluency.io Brasil","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fluency.io\/br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a","name":"kaue","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","caption":"kaue"},"url":"https:\/\/homolog.fluency.io\/br\/author\/kaue\/"}]}},"_links":{"self":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/117986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/comments?post=117986"}],"version-history":[{"count":0,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/posts\/117986\/revisions"}],"wp:attachment":[{"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/media?parent=117986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/categories?post=117986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/tags?post=117986"},{"taxonomy":"format","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/format?post=117986"},{"taxonomy":"trilha","embeddable":true,"href":"https:\/\/homolog.fluency.io\/br\/wp-json\/wp\/v2\/trilha?post=117986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}