{"id":2148,"date":"2026-07-08T11:44:21","date_gmt":"2026-07-08T14:44:21","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?p=2148"},"modified":"2026-07-08T12:16:57","modified_gmt":"2026-07-08T15:16:57","slug":"como-criar-uma-calculadora-de-juros-compostos-em-react-usestate-props-e-logica-na-pratica","status":"publish","type":"post","link":"https:\/\/desvendandoocodigo.com.br\/?p=2148","title":{"rendered":"Como Criar uma Calculadora de Juros Compostos em React | useState, Props e L\u00f3gica na Pr\u00e1tica"},"content":{"rendered":"\n<p>Como um computador consegue calcular juros compostos automaticamente?<\/p>\n\n\n\n<p>Quando voc\u00ea utiliza um simulador de investimentos, um financiamento ou uma calculadora financeira, existe uma aplica\u00e7\u00e3o executando diversos c\u00e1lculos em poucos milissegundos e atualizando a interface em tempo real.<\/p>\n\n\n\n<p>Neste projeto voc\u00ea aprender\u00e1 exatamente como isso funciona.<\/p>\n\n\n\n<p>Vamos desenvolver uma <strong>Calculadora de Juros Compostos utilizando React<\/strong>, transformando uma f\u00f3rmula matem\u00e1tica em uma aplica\u00e7\u00e3o completa, organizada em componentes reutiliz\u00e1veis e utilizando alguns dos conceitos mais importantes do React.<\/p>\n\n\n\n<p>Al\u00e9m de aprender React, voc\u00ea entender\u00e1 como transformar uma <strong>regra de neg\u00f3cio<\/strong> em um sistema real.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83c\udfa5 Assista ao projeto completo<\/h1>\n\n\n\n<p>Se voc\u00ea prefere aprender desenvolvendo aplica\u00e7\u00f5es reais, acompanhe o projeto completo no v\u00eddeo abaixo.<\/p>\n\n\n\n<p>\ud83d\udcfa <strong>V\u00eddeo editado (projeto completo)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Como Criar uma Calculadora de Juros Compostos em React | useState, Props e L\u00f3gica na Pr\u00e1tica\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/89O75o2U2Gc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Se voc\u00ea quiser acompanhar todo o desenvolvimento, incluindo as decis\u00f5es de implementa\u00e7\u00e3o, d\u00favidas e explica\u00e7\u00f5es durante a programa\u00e7\u00e3o, assista tamb\u00e9m \u00e0 live completa.<\/p>\n\n\n\n<p>\ud83d\udd34 <strong>Live completa<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Projeto Completo Passo a Passo  - Calculadora de Juros Compostos em React\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/PxStYNg_bV4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">O que voc\u00ea vai desenvolver<\/h1>\n\n\n\n<p>Neste projeto construiremos uma <strong>Calculadora de Juros Compostos<\/strong> totalmente funcional.<\/p>\n\n\n\n<p>O usu\u00e1rio poder\u00e1 informar:<\/p>\n\n\n\n<ul>\n<li>Valor inicial;<\/li>\n\n\n\n<li>Aporte mensal;<\/li>\n\n\n\n<li>Taxa de juros;<\/li>\n\n\n\n<li>Tempo do investimento.<\/li>\n<\/ul>\n\n\n\n<p>A aplica\u00e7\u00e3o calcular\u00e1 automaticamente:<\/p>\n\n\n\n<ul>\n<li>Valor investido;<\/li>\n\n\n\n<li>Juros acumulados;<\/li>\n\n\n\n<li>Patrim\u00f4nio final;<\/li>\n\n\n\n<li>Evolu\u00e7\u00e3o m\u00eas a m\u00eas.<\/li>\n<\/ul>\n\n\n\n<p>Tudo isso utilizando React e JavaScript.<\/p>\n\n\n\n<p>Al\u00e9m disso, o projeto funciona tanto no computador quanto no celular.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Por que criar esse projeto?<\/h1>\n\n\n\n<p>Grande parte dos cursos ensina React utilizando listas de tarefas ou exemplos muito simples.<\/p>\n\n\n\n<p>Neste projeto o objetivo \u00e9 diferente.<\/p>\n\n\n\n<p>Voc\u00ea aprender\u00e1 React resolvendo um problema real.<\/p>\n\n\n\n<p>Mais importante do que criar componentes \u00e9 entender como transformar uma regra matem\u00e1tica em c\u00f3digo.<\/p>\n\n\n\n<p>Esse tipo de racioc\u00ednio \u00e9 utilizado diariamente no desenvolvimento de sistemas financeiros, ERPs, aplicativos banc\u00e1rios e diversas outras aplica\u00e7\u00f5es.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">O que \u00e9 o React?<\/h1>\n\n\n\n<p>O React \u00e9 uma biblioteca JavaScript utilizada para construir interfaces modernas.<\/p>\n\n\n\n<p>Seu principal objetivo \u00e9 dividir a aplica\u00e7\u00e3o em pequenos componentes reutiliz\u00e1veis.<\/p>\n\n\n\n<p>Isso torna o desenvolvimento mais organizado e facilita a manuten\u00e7\u00e3o do c\u00f3digo.<\/p>\n\n\n\n<p>Hoje o React \u00e9 uma das tecnologias mais utilizadas no desenvolvimento Front-End.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Componentiza\u00e7\u00e3o<\/h1>\n\n\n\n<p>Durante o projeto voc\u00ea aprender\u00e1 como dividir a aplica\u00e7\u00e3o em componentes independentes.<\/p>\n\n\n\n<p>Cada componente ter\u00e1 uma responsabilidade espec\u00edfica.<\/p>\n\n\n\n<p>Por exemplo:<\/p>\n\n\n\n<ul>\n<li>Menu;<\/li>\n\n\n\n<li>Formul\u00e1rio;<\/li>\n\n\n\n<li>Calculadora;<\/li>\n\n\n\n<li>Lista de resultados;<\/li>\n\n\n\n<li>Tabela de evolu\u00e7\u00e3o.<\/li>\n<\/ul>\n\n\n\n<p>Essa organiza\u00e7\u00e3o torna o projeto muito mais f\u00e1cil de manter e evoluir.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">useState<\/h1>\n\n\n\n<p>Um dos conceitos mais importantes do React \u00e9 o gerenciamento de estado.<\/p>\n\n\n\n<p>Neste projeto utilizaremos o <strong>useState<\/strong> para controlar:<\/p>\n\n\n\n<ul>\n<li>valores digitados pelo usu\u00e1rio;<\/li>\n\n\n\n<li>resultados dos c\u00e1lculos;<\/li>\n\n\n\n<li>atualiza\u00e7\u00e3o autom\u00e1tica da interface.<\/li>\n<\/ul>\n\n\n\n<p>Voc\u00ea entender\u00e1 como o React consegue atualizar apenas as partes da tela que realmente precisam ser modificadas.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Props<\/h1>\n\n\n\n<p>Outro conceito fundamental s\u00e3o as <strong>Props<\/strong>.<\/p>\n\n\n\n<p>Elas permitem que um componente envie informa\u00e7\u00f5es para outro.<\/p>\n\n\n\n<p>Durante o desenvolvimento voc\u00ea ver\u00e1 como compartilhar dados entre diferentes partes da aplica\u00e7\u00e3o, criando componentes reutiliz\u00e1veis e organizados.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">JavaScript na pr\u00e1tica<\/h1>\n\n\n\n<p>Al\u00e9m do React, este projeto refor\u00e7a diversos fundamentos importantes do JavaScript.<\/p>\n\n\n\n<p>Voc\u00ea utilizar\u00e1:<\/p>\n\n\n\n<ul>\n<li>Fun\u00e7\u00f5es;<\/li>\n\n\n\n<li>Arrays;<\/li>\n\n\n\n<li>M\u00e9todo map();<\/li>\n\n\n\n<li>La\u00e7o de repeti\u00e7\u00e3o (for);<\/li>\n\n\n\n<li>Condi\u00e7\u00f5es;<\/li>\n\n\n\n<li>Objetos;<\/li>\n\n\n\n<li>Manipula\u00e7\u00e3o de dados.<\/li>\n<\/ul>\n\n\n\n<p>Esses conhecimentos ser\u00e3o \u00fateis em praticamente qualquer projeto desenvolvido com React.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Transformando matem\u00e1tica em programa\u00e7\u00e3o<\/h1>\n\n\n\n<p>Um dos pontos mais interessantes deste projeto \u00e9 justamente transformar uma f\u00f3rmula matem\u00e1tica em c\u00f3digo.<\/p>\n\n\n\n<p>Voc\u00ea aprender\u00e1 como implementar a l\u00f3gica respons\u00e1vel por calcular:<\/p>\n\n\n\n<ul>\n<li>juros compostos;<\/li>\n\n\n\n<li>rendimento acumulado;<\/li>\n\n\n\n<li>evolu\u00e7\u00e3o do patrim\u00f4nio;<\/li>\n\n\n\n<li>hist\u00f3rico m\u00eas a m\u00eas.<\/li>\n<\/ul>\n\n\n\n<p>Esse processo mostra como regras de neg\u00f3cio s\u00e3o implementadas em aplica\u00e7\u00f5es reais.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Responsividade<\/h1>\n\n\n\n<p>O projeto tamb\u00e9m foi desenvolvido pensando em diferentes dispositivos.<\/p>\n\n\n\n<p>Durante a implementa\u00e7\u00e3o voc\u00ea ver\u00e1 como criar uma interface que funciona tanto no computador quanto no celular.<\/p>\n\n\n\n<p>Al\u00e9m disso, ser\u00e1 implementado um menu hamb\u00farguer para melhorar a experi\u00eancia em telas menores.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">O que voc\u00ea aprender\u00e1<\/h1>\n\n\n\n<p>Ao concluir este projeto voc\u00ea ter\u00e1 colocado em pr\u00e1tica:<\/p>\n\n\n\n<p>\u2705 React<\/p>\n\n\n\n<p>\u2705 Componentiza\u00e7\u00e3o<\/p>\n\n\n\n<p>\u2705 useState<\/p>\n\n\n\n<p>\u2705 Props<\/p>\n\n\n\n<p>\u2705 Eventos<\/p>\n\n\n\n<p>\u2705 Manipula\u00e7\u00e3o de estados<\/p>\n\n\n\n<p>\u2705 Arrays<\/p>\n\n\n\n<p>\u2705 map()<\/p>\n\n\n\n<p>\u2705 La\u00e7o de repeti\u00e7\u00e3o (for)<\/p>\n\n\n\n<p>\u2705 Fun\u00e7\u00f5es JavaScript<\/p>\n\n\n\n<p>\u2705 Organiza\u00e7\u00e3o de projetos<\/p>\n\n\n\n<p>\u2705 Responsividade<\/p>\n\n\n\n<p>\u2705 Menu Hamburger<\/p>\n\n\n\n<p>\u2705 Boas pr\u00e1ticas no React<\/p>\n\n\n\n<p>\u2705 Desenvolvimento de projetos para portf\u00f3lio<\/p>\n\n\n\n<p>Mais importante do que decorar comandos \u00e9 compreender como cada conceito trabalha em conjunto para construir aplica\u00e7\u00f5es modernas.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">C\u00f3digo-fonte<\/h1>\n\n\n\n<p>Voc\u00ea tamb\u00e9m pode estudar o projeto diretamente pelo GitHub.<\/p>\n\n\n\n<p>\ud83d\udcc2 <strong>C\u00f3digo-fonte<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/github.com\/marcoscaldas\/CalculadoraJurosCompostos.git\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">Continue aprendendo React<\/h1>\n\n\n\n<p>Se voc\u00ea deseja dominar React desenvolvendo projetos reais, este projeto \u00e9 uma excelente oportunidade.<\/p>\n\n\n\n<p>Voc\u00ea aprender\u00e1 n\u00e3o apenas como utilizar <strong>useState<\/strong> e <strong>Props<\/strong>, mas principalmente como transformar uma necessidade do mundo real em uma aplica\u00e7\u00e3o completa.<\/p>\n\n\n\n<p>\ud83d\udcfa <strong>Assista ao v\u00eddeo completo<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Como Criar uma Calculadora de Juros Compostos em React | useState, Props e L\u00f3gica na Pr\u00e1tica\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/89O75o2U2Gc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>\ud83d\udd34 <strong>Ou acompanhe toda a constru\u00e7\u00e3o na live<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Projeto Completo Passo a Passo  - Calculadora de Juros Compostos em React\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/PxStYNg_bV4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>No <strong>Desvendando o C\u00f3digo<\/strong>, nossa proposta \u00e9 ensinar programa\u00e7\u00e3o de uma forma diferente: entender os conceitos por tr\u00e1s da tecnologia e aplic\u00e1-los na constru\u00e7\u00e3o de projetos reais.<\/p>\n\n\n\n<p>Mais do que aprender React, voc\u00ea desenvolver\u00e1 o racioc\u00ednio necess\u00e1rio para criar aplica\u00e7\u00f5es completas e resolver problemas do mundo real utilizando JavaScript.<\/p>\n\n\n\n<p><strong>Bons estudos e bons c\u00f3digos!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Como um computador consegue calcular juros compostos automaticamente? Quando voc\u00ea utiliza um simulador de investimentos, um financiamento ou uma calculadora financeira, existe uma aplica\u00e7\u00e3o executando diversos c\u00e1lculos em poucos milissegundos e atualizando a interface em tempo real. Neste projeto voc\u00ea aprender\u00e1 exatamente como isso funciona. Vamos desenvolver uma Calculadora de Juros Compostos utilizando React, transformando uma f\u00f3rmula matem\u00e1tica em uma aplica\u00e7\u00e3o completa, organizada em componentes reutiliz\u00e1veis e utilizando alguns dos conceitos mais importantes do React. Al\u00e9m de aprender React, voc\u00ea entender\u00e1 como transformar uma regra de neg\u00f3cio em um sistema real. \ud83c\udfa5 Assista ao projeto completo Se voc\u00ea prefere aprender desenvolvendo aplica\u00e7\u00f5es reais, acompanhe o projeto completo no v\u00eddeo abaixo. \ud83d\udcfa V\u00eddeo editado (projeto completo) Se voc\u00ea quiser acompanhar todo o desenvolvimento, incluindo as decis\u00f5es de implementa\u00e7\u00e3o, d\u00favidas e explica\u00e7\u00f5es durante a programa\u00e7\u00e3o, assista tamb\u00e9m \u00e0 live completa. \ud83d\udd34 Live completa O que voc\u00ea vai desenvolver Neste projeto construiremos uma Calculadora de Juros Compostos totalmente funcional. O usu\u00e1rio poder\u00e1 informar: A aplica\u00e7\u00e3o calcular\u00e1 automaticamente: Tudo isso utilizando React e JavaScript. Al\u00e9m disso, o projeto funciona tanto no computador quanto no celular. Por que criar esse projeto? Grande parte dos cursos ensina React utilizando listas de tarefas ou exemplos muito simples. Neste projeto o objetivo \u00e9 diferente. Voc\u00ea aprender\u00e1 React resolvendo um problema real. Mais importante do que criar componentes \u00e9 entender como transformar uma regra matem\u00e1tica em c\u00f3digo. Esse tipo de racioc\u00ednio \u00e9 utilizado diariamente no desenvolvimento de sistemas financeiros, ERPs, aplicativos banc\u00e1rios e diversas outras aplica\u00e7\u00f5es. O que \u00e9 o React? O React \u00e9 uma biblioteca JavaScript utilizada para construir interfaces modernas. Seu principal objetivo \u00e9 dividir a aplica\u00e7\u00e3o em pequenos componentes reutiliz\u00e1veis. Isso torna o desenvolvimento mais organizado e facilita a manuten\u00e7\u00e3o do c\u00f3digo. Hoje o React \u00e9 uma das tecnologias mais utilizadas no desenvolvimento Front-End. Componentiza\u00e7\u00e3o Durante o projeto voc\u00ea aprender\u00e1 como dividir a aplica\u00e7\u00e3o em componentes independentes. Cada componente ter\u00e1 uma responsabilidade espec\u00edfica. Por exemplo: Essa organiza\u00e7\u00e3o torna o projeto muito mais f\u00e1cil de manter e evoluir. useState Um dos conceitos mais importantes do React \u00e9 o gerenciamento de estado. Neste projeto utilizaremos o useState para controlar: Voc\u00ea entender\u00e1 como o React consegue atualizar apenas as partes da tela que realmente precisam ser modificadas. Props Outro conceito fundamental s\u00e3o as Props. Elas permitem que um componente envie informa\u00e7\u00f5es para outro. Durante o desenvolvimento voc\u00ea ver\u00e1 como compartilhar dados entre diferentes partes da aplica\u00e7\u00e3o, criando componentes reutiliz\u00e1veis e organizados. JavaScript na pr\u00e1tica Al\u00e9m do React, este projeto refor\u00e7a diversos fundamentos importantes do JavaScript. Voc\u00ea utilizar\u00e1: Esses conhecimentos ser\u00e3o \u00fateis em praticamente qualquer projeto desenvolvido com React. Transformando matem\u00e1tica em programa\u00e7\u00e3o Um dos pontos mais interessantes deste projeto \u00e9 justamente transformar uma f\u00f3rmula matem\u00e1tica em c\u00f3digo. Voc\u00ea aprender\u00e1 como implementar a l\u00f3gica respons\u00e1vel por calcular: Esse processo mostra como regras de neg\u00f3cio s\u00e3o implementadas em aplica\u00e7\u00f5es reais. Responsividade O projeto tamb\u00e9m foi desenvolvido pensando em diferentes dispositivos. Durante a implementa\u00e7\u00e3o voc\u00ea ver\u00e1 como criar uma interface que funciona tanto no computador quanto no celular. Al\u00e9m disso, ser\u00e1 implementado um menu hamb\u00farguer para melhorar a experi\u00eancia em telas menores. O que voc\u00ea aprender\u00e1 Ao concluir este projeto voc\u00ea ter\u00e1 colocado em pr\u00e1tica: \u2705 React \u2705 Componentiza\u00e7\u00e3o \u2705 useState \u2705 Props \u2705 Eventos \u2705 Manipula\u00e7\u00e3o de estados \u2705 Arrays \u2705 map() \u2705 La\u00e7o de repeti\u00e7\u00e3o (for) \u2705 Fun\u00e7\u00f5es JavaScript \u2705 Organiza\u00e7\u00e3o de projetos \u2705 Responsividade \u2705 Menu Hamburger \u2705 Boas pr\u00e1ticas no React \u2705 Desenvolvimento de projetos para portf\u00f3lio Mais importante do que decorar comandos \u00e9 compreender como cada conceito trabalha em conjunto para construir aplica\u00e7\u00f5es modernas. C\u00f3digo-fonte Voc\u00ea tamb\u00e9m pode estudar o projeto diretamente pelo GitHub. \ud83d\udcc2 C\u00f3digo-fonte Continue aprendendo React Se voc\u00ea deseja dominar React desenvolvendo projetos reais, este projeto \u00e9 uma excelente oportunidade. Voc\u00ea aprender\u00e1 n\u00e3o apenas como utilizar useState e Props, mas principalmente como transformar uma necessidade do mundo real em uma aplica\u00e7\u00e3o completa. \ud83d\udcfa Assista ao v\u00eddeo completo \ud83d\udd34 Ou acompanhe toda a constru\u00e7\u00e3o na live No Desvendando o C\u00f3digo, nossa proposta \u00e9 ensinar programa\u00e7\u00e3o de uma forma diferente: entender os conceitos por tr\u00e1s da tecnologia e aplic\u00e1-los na constru\u00e7\u00e3o de projetos reais. Mais do que aprender React, voc\u00ea desenvolver\u00e1 o racioc\u00ednio necess\u00e1rio para criar aplica\u00e7\u00f5es completas e resolver problemas do mundo real utilizando JavaScript. Bons estudos e bons c\u00f3digos!<\/p>\n","protected":false},"author":1,"featured_media":2149,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[22],"tags":[],"_links":{"self":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2148"}],"collection":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2148"}],"version-history":[{"count":4,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2148\/revisions"}],"predecessor-version":[{"id":2153,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2148\/revisions\/2153"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/media\/2149"}],"wp:attachment":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}