{"id":473,"date":"2024-02-13T16:15:12","date_gmt":"2024-02-13T19:15:12","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?page_id=473"},"modified":"2026-09-28T14:42:57","modified_gmt":"2026-09-28T17:42:57","slug":"home","status":"publish","type":"page","link":"https:\/\/desvendandoocodigo.com.br\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!-- Cole todo este bloco em um bloco HTML Personalizado da p\u00e1gina inicial do WordPress. -->\n<style>\n.dc-home{--black:#090909;--panel:#121212;--panel2:#191919;--yellow:#f6c515;--yellow2:#ffd94d;--white:#fff;--text:#f4f4f4;--muted:#b9b9b9;--line:#303030;font-family:Arial,Helvetica,sans-serif!important;color:var(--text);max-width:1180px;margin:-18px auto 42px}\n.dc-home *{box-sizing:border-box}.dc-home h1,.dc-home h2,.dc-home h3,.dc-home p,.dc-home span,.dc-home a,.dc-home strong{font-family:Arial,Helvetica,sans-serif!important}.dc-home h1,.dc-home h2,.dc-home h3,.dc-home p{margin-top:0}.dc-home a{text-decoration:none}.dc-home a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.dc-home .dc-eyebrow{display:inline-block;font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--yellow)!important}\n.dc-home .dc-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 10%,rgba(246,197,21,.14),transparent 27%),linear-gradient(135deg,#070707,#151515);color:#fff;padding:clamp(28px,4vw,56px);border:1px solid #292929;border-radius:24px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(310px,.96fr);gap:clamp(24px,4vw,50px);align-items:center;box-shadow:0 18px 38px rgba(0,0,0,.28)}.dc-home .dc-hero:after{content:\"<\/>\";position:absolute;right:-20px;bottom:-70px;font-size:210px;font-weight:900;color:rgba(246,197,21,.035);pointer-events:none}.dc-home .dc-hero .dc-eyebrow{margin-bottom:16px}.dc-home .dc-hero h1{color:#fff!important;font-size:clamp(2rem,4vw,3.55rem);letter-spacing:-.045em;line-height:1.08;margin-bottom:17px}.dc-home .dc-hero h2{font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.3;color:var(--yellow)!important;margin-bottom:17px}.dc-home .dc-hero p{color:#d7d7d7!important;line-height:1.65;font-size:1rem;max-width:620px;margin-bottom:12px}.dc-home .dc-hero p:last-of-type{margin-bottom:22px}.dc-home .dc-hero strong{color:#fff}\n.dc-home .dc-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.dc-home .dc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 19px;border-radius:9px;font-weight:800;line-height:1.25;text-align:center;transition:transform .2s,box-shadow .2s,background .2s}.dc-home .dc-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.28)}.dc-home .dc-btn-gold{background:var(--yellow);color:#111!important}.dc-home .dc-btn-gold:hover{background:var(--yellow2)}.dc-home .dc-btn-outline{color:#fff!important;border:1px solid #626262;background:#111}.dc-home .dc-btn-teal{background:var(--yellow);color:#111!important}.dc-home .dc-btn-light{color:#eee!important;border:1px solid #444;background:#181818}\n.dc-home .dc-schedule{position:relative;z-index:1;background:#111;color:#fff;padding:24px;border:1px solid #343434;border-radius:18px;box-shadow:0 9px 28px rgba(0,0,0,.28)}.dc-home .dc-schedule .dc-eyebrow{margin-bottom:8px}.dc-home .dc-schedule h2{color:#fff!important;font-size:1.55rem;line-height:1.3;margin-bottom:14px}.dc-home .dc-slot{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #303030;font-size:.97rem}.dc-home .dc-slot strong{color:var(--yellow)!important;font-weight:800}.dc-home .dc-slot span,.dc-home .dc-schedule small{color:#bdbdbd!important}.dc-home .dc-slot span{text-align:right}.dc-home .dc-schedule small{display:block;margin-top:13px;line-height:1.5}\n.dc-home .dc-section{padding:clamp(28px,4vw,45px) 0 0}.dc-home .dc-catalog{background:linear-gradient(145deg,#0a0a0a,#171717);border:1px solid #2a2a2a;border-radius:23px;padding:clamp(27px,4vw,46px);margin-top:25px;box-shadow:0 16px 34px rgba(0,0,0,.25)}.dc-home .dc-section-head{max-width:820px;margin:0 0 23px}.dc-home .dc-catalog .dc-section-head .dc-eyebrow{margin-bottom:9px}.dc-home .dc-catalog .dc-section-head h2{color:#fff!important;font-size:clamp(1.65rem,3vw,2.35rem);letter-spacing:-.035em;line-height:1.2;margin-bottom:10px}.dc-home .dc-catalog .dc-section-head p{color:#c9c9c9!important;line-height:1.65;font-size:1.02rem}.dc-home .dc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.dc-home .dc-course{min-width:0;background:#151515;border:1px solid #303030;border-radius:17px;padding:17px 21px 22px;display:flex;flex-direction:column;box-shadow:0 14px 25px rgba(0,0,0,.2);transition:transform .2s,border-color .2s}.dc-home .dc-course:hover{transform:translateY(-4px);border-color:#6f5b0b}.dc-home .dc-course-visual{height:100px;border-radius:11px;margin-bottom:17px;display:flex;justify-content:space-between;align-items:center;padding:19px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(120deg,#171717,#3c3309)!important;border:1px solid #5b4a08}.dc-home .dc-course-visual:after{content:\"\";width:133px;height:133px;border:2px solid rgba(246,197,21,.22);border-radius:50%;position:absolute;right:-19px;top:24px}.dc-home .dc-course-visual strong{font-size:2.1rem;letter-spacing:-.04em;color:var(--yellow)!important;position:relative;z-index:1}.dc-home .dc-course-visual span{font-size:.77rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#fff!important;position:relative;z-index:1;text-align:right;max-width:95px}.dc-home .dc-step{color:var(--yellow)!important;font-weight:800;font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;margin-bottom:11px}.dc-home .dc-course h3{font-size:1.26rem;line-height:1.32;letter-spacing:-.02em;color:#fff!important;margin:0 0 12px}.dc-home .dc-course p{color:#bdbdbd!important;font-size:.96rem;line-height:1.64;margin-bottom:19px}.dc-home .dc-course .dc-card-actions{margin-top:auto;display:grid;gap:8px}.dc-home .dc-course .dc-card-actions .dc-btn{width:100%}.dc-home .dc-course:nth-child(n) .dc-btn-teal{background:var(--yellow);color:#111!important}.dc-home .dc-course .dc-btn-light{color:#eee!important}.dc-home .dc-caption{font-size:.83rem;color:#aaa!important;line-height:1.5;margin:16px 1px 0}\n.dc-home .dc-books-callout{margin-top:17px;padding:20px;border:1px solid #5a4a0a;border-radius:15px;background:linear-gradient(120deg,#181400,#111);display:flex;align-items:center;justify-content:space-between;gap:18px}.dc-home .dc-books-callout strong{display:block;color:var(--yellow)!important;font-size:1.05rem;margin-bottom:3px}.dc-home .dc-books-callout span{display:block;color:#d4d4d4!important;font-size:.9rem;line-height:1.45}.dc-home .dc-books-callout .dc-btn{flex:0 0 auto;background:var(--yellow);color:#111!important}\n\/* Destaque do projeto real *\/\n.dc-home .dc-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(22px,4vw,42px);align-items:center;padding:clamp(22px,3.5vw,38px);border:1px solid #3b3218;border-radius:20px;background:linear-gradient(135deg,#15120b,#101010);box-shadow:0 15px 30px rgba(0,0,0,.18)}\n.dc-home .dc-project-media{display:block;overflow:hidden;border-radius:14px;border:1px solid #49402b;background:#070707;aspect-ratio:16 \/ 9}\n.dc-home .dc-project-media img{display:block;width:100%;height:100%;max-width:none!important;object-fit:cover;margin:0!important;border:0!important;box-shadow:none!important;transition:transform .25s}\n.dc-home .dc-project-media:hover img{transform:scale(1.025)}\n.dc-home .dc-project-copy{min-width:0}.dc-home .dc-project-copy .dc-eyebrow{margin-bottom:10px}.dc-home .dc-project-copy h2{color:#fff!important;font-size:clamp(1.55rem,2.8vw,2.2rem);line-height:1.2;margin-bottom:12px}.dc-home .dc-project-copy p{color:#d0d0d0!important;line-height:1.65;margin-bottom:18px}.dc-home .dc-project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:21px}.dc-home .dc-project-tags span{border:1px solid #49412b;border-radius:50px;padding:5px 10px;color:#ead9a3!important;background:#201d14;font-size:.78rem;font-weight:700}\n@media(max-width:760px){.dc-home .dc-project{grid-template-columns:1fr}.dc-home .dc-project-media{order:-1}.dc-home .dc-project-copy .dc-btn{width:100%}}\n.dc-home .dc-tutor{background:#121212;border:1px solid #303030;border-radius:20px;padding:clamp(25px,4vw,38px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}.dc-home .dc-tutor .dc-eyebrow{margin-bottom:9px}.dc-home .dc-tutor h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.2;color:#fff!important;margin-bottom:9px}.dc-home .dc-tutor p{color:#bdbdbd!important;line-height:1.65;margin-bottom:0;max-width:650px}.dc-home .dc-signature{color:#8e8e8e!important;font-size:.9rem;margin:22px 3px 0}.dc-home .dc-app{background:linear-gradient(135deg,#090909,#1b1b1b);color:#fff;border:1px solid #333;border-radius:19px;padding:clamp(25px,4vw,38px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}.dc-home .dc-app .dc-eyebrow{margin-bottom:9px}.dc-home .dc-app h2{color:#fff!important;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.2;margin-bottom:10px}.dc-home .dc-app p{color:#c5c5c5!important;line-height:1.65;margin-bottom:0;max-width:670px}\n@media(max-width:900px){.dc-home .dc-hero{grid-template-columns:1fr}.dc-home .dc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-home .dc-tutor,.dc-home .dc-app{grid-template-columns:1fr}}@media(max-width:620px){.dc-home .dc-hero{padding:25px 20px;border-radius:17px}.dc-home .dc-catalog{padding:25px 17px}.dc-home .dc-grid{grid-template-columns:1fr}.dc-home .dc-schedule{padding:20px}.dc-home .dc-slot{font-size:.9rem}.dc-home .dc-tutor,.dc-home .dc-app{padding:25px 20px}.dc-home .dc-tutor .dc-btn,.dc-home .dc-app .dc-btn{width:100%}.dc-home .dc-books-callout{display:block}.dc-home .dc-books-callout .dc-btn{width:100%;margin-top:14px}}\n\n\n\/* Banner da Home no cabe\u00e7alho nativo, entre as redes sociais e o menu *\/\nbody.home #page-header > .entry-header{\n  display:block!important;\n  height:auto!important;\n  aspect-ratio:2022 \/ 778;\n  background-image:url(\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/09\/banner-desvendando-codigo-original-2022px.png\")!important;\n  background-size:contain!important;\n  background-position:center!important;\n  background-repeat:no-repeat!important;\n  background-color:#111!important;\n}\nbody.home #page-header > .entry-header .cv-outer{display:none!important}\nbody.home .dc-home{margin-top:0}\n\n\/* Home \u2014 remove apenas o t\u00edtulo nativo \"Home\" acima do conte\u00fado *\/\nbody.home .entry-header,\nbody.home .entry-title,\nbody.home .page-header,\nbody.home .page-title,\nbody.home .post-title,\nbody.home main article > header,\nbody.home article.page > header {display:none!important;}\n\n\n\/* App Desvendando o C\u00f3digo \u2014 vitrine com captura real *\/\n.dc-home .dc-app{\n  grid-template-columns:minmax(0,1fr) minmax(220px,300px);\n  overflow:hidden;\n}\n.dc-home .dc-app-copy{min-width:0}\n.dc-home .dc-app-techs{\n  display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 21px;\n}\n.dc-home .dc-app-techs span{\n  display:inline-block;padding:6px 10px;border:1px solid #3d3d40;border-radius:999px;\n  background:#18181a;color:#d8d8d3!important;font-size:.78rem;font-weight:700;\n}\n.dc-home .dc-app-preview{\n  position:relative;display:flex;justify-content:center;align-items:center;padding:5px 0;\n}\n.dc-home .dc-app-preview:before{\n  content:\"\";position:absolute;width:220px;height:220px;border-radius:50%;\n  background:rgba(246,199,68,.12);filter:blur(18px);\n}\n.dc-home .dc-app-preview img{\n  position:relative;z-index:1;display:block;width:100%;max-width:255px;height:auto;\n  border:3px solid var(--gold);border-radius:24px;\n  box-shadow:0 18px 38px rgba(0,0,0,.38),0 0 22px rgba(246,199,68,.10);\n}\n@media(max-width:900px){\n  .dc-home .dc-app{grid-template-columns:1fr}\n  .dc-home .dc-app-preview{margin-top:10px}\n  .dc-home .dc-app-preview img{max-width:270px}\n}\n\n\n\/* Moldura de celular para destacar a captura do app *\/\n.dc-home .dc-phone{\n  position:relative;z-index:1;width:min(100%,278px);\n  padding:10px 8px 12px;\n  border:2px solid #f6c744;\n  border-radius:34px;\n  background:#050506;\n  box-shadow:\n    0 0 0 3px #28282b,\n    0 22px 44px rgba(0,0,0,.5),\n    0 0 28px rgba(246,199,68,.14);\n}\n.dc-home .dc-phone:before{\n  content:\"\";position:absolute;top:5px;left:50%;transform:translateX(-50%);\n  width:58px;height:5px;border-radius:999px;background:#343438;z-index:3;\n}\n.dc-home .dc-phone:after{\n  content:\"\";position:absolute;right:-5px;top:92px;\n  width:3px;height:54px;border-radius:0 4px 4px 0;background:#f6c744;\n}\n.dc-home .dc-phone img{\n  width:100%;max-width:none!important;height:auto;display:block;\n  border:0!important;border-radius:25px!important;\n  box-shadow:none!important;\n}\n@media(max-width:900px){\n  .dc-home .dc-phone{width:min(100%,290px)}\n}\n\n\n\/* Assinatura visual da marca no topo da Home *\/\n.dc-home .dc-brand{\n  display:flex;align-items:center;gap:13px;\n  margin:0 0 18px;padding:13px 17px;\n  border:1px solid #333337;border-left:4px solid var(--gold);\n  border-radius:12px;background:#0c0c0d;\n  box-shadow:0 10px 24px rgba(0,0,0,.16);\n}\n.dc-home .dc-brand-code{\n  color:var(--gold)!important;font-size:1.65rem;font-weight:900;\n  letter-spacing:-.08em;line-height:1;\n}\n.dc-home .dc-brand-name{\n  display:block;color:#fff!important;font-size:1rem;font-weight:900;\n  letter-spacing:.08em;text-transform:uppercase;line-height:1.15;\n}\n.dc-home .dc-brand-name em{\n  color:var(--gold)!important;font-style:normal;\n}\n.dc-home .dc-brand-sub{\n  display:block;margin-top:3px;color:#9d9d98!important;\n  font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;\n}\n@media(max-width:620px){\n  .dc-home .dc-brand{padding:12px 14px;gap:10px}\n  .dc-home .dc-brand-code{font-size:1.45rem}\n  .dc-home .dc-brand-name{font-size:.88rem}\n}\n\n<\/style>\n\n<main class=\"dc-home\">\n\n  <section class=\"dc-hero\" aria-labelledby=\"dc-title\">\n    <div>\n      <span class=\"dc-eyebrow\">Programa\u00e7\u00e3o na pr\u00e1tica \u2022 Professor Marcos Caldas<\/span>\n      <h1 id=\"dc-title\">Desvendando o C\u00f3digo<\/h1>\n      <h2>Aprenda programa\u00e7\u00e3o construindo de verdade.<\/h2>\n      <p>Bem-vindo ao <strong>Desvendando o C\u00f3digo<\/strong>, um espa\u00e7o criado para ensinar programa\u00e7\u00e3o de forma pr\u00e1tica, direta e sem complica\u00e7\u00e3o.<\/p>\n      <p>Aqui voc\u00ea encontrar\u00e1 artigos, projetos completos, aulas gravadas, dicas de desenvolvimento e conte\u00fados sobre algumas das tecnologias mais utilizadas no mercado.<\/p>\n      <p>O objetivo \u00e9 mostrar n\u00e3o apenas <strong>como programar<\/strong>, mas tamb\u00e9m explicar <strong>por que cada solu\u00e7\u00e3o funciona<\/strong>.<\/p>\n      <div class=\"dc-actions\">\n        <a class=\"dc-btn dc-btn-gold\" href=\"https:\/\/www.youtube.com\/@DesvendandooCodigo\/streams\" target=\"_blank\" rel=\"noopener noreferrer\">Ver pr\u00f3ximas lives<\/a>\n        <a class=\"dc-btn dc-btn-outline\" href=\"https:\/\/www.youtube.com\/@DesvendandooCodigo\" target=\"_blank\" rel=\"noopener noreferrer\">Conhecer o canal<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"dc-schedule\" aria-label=\"Agenda de lives\">\n      <span class=\"dc-eyebrow\">Programa\u00e7\u00e3o ao vivo<\/span>\n      <h2>Encontre a pr\u00f3xima aula<\/h2>\n      <div class=\"dc-slot\"><strong>Ter\u00e7a \u2022 11h<\/strong><span>Conceitos e pr\u00e1tica<\/span><\/div>\n      <div class=\"dc-slot\"><strong>Quinta \u2022 11h<\/strong><span>Desenvolvimento web<\/span><\/div>\n      <div class=\"dc-slot\"><strong>S\u00e1bado \u2022 19h<\/strong><span>Projetos completos<\/span><\/div>\n      <small>Hor\u00e1rio de Bras\u00edlia. Confira no canal a transmiss\u00e3o agendada e ative o lembrete.<\/small>\n    <\/div>\n  <\/section>\n\n  <section class=\"dc-section dc-catalog\" aria-labelledby=\"dc-courses\">\n    <div class=\"dc-section-head\">\n      <span class=\"dc-eyebrow\">Trilha de aprendizagem<\/span>\n      <h2 id=\"dc-courses\">Quatro cursos, um caminho para evoluir<\/h2>\n      <p>Comece pela base, coloque JavaScript em pr\u00e1tica, avance para APIs e aprenda a proteger o acesso a uma aplica\u00e7\u00e3o. Escolha o pr\u00f3ximo passo do seu aprendizado.<\/p>\n    <\/div>\n    <div class=\"dc-grid\">\n      <article class=\"dc-course\">\n        <div class=\"dc-course-visual\" aria-hidden=\"true\"><strong>JS<\/strong><span>Comece aqui<\/span><\/div>\n        <span class=\"dc-step\">01 \u2022 Fundamentos<\/span>\n        <h3>JavaScript do Zero \u2014 L\u00f3gica, HTML, CSS e Projeto Pr\u00e1tico<\/h3>\n        <p>Construa sua base em l\u00f3gica e desenvolvimento web com pr\u00e1tica progressiva e um projeto final.<\/p>\n        <div class=\"dc-card-actions\">\n          <a class=\"dc-btn dc-btn-teal\" href=\"https:\/\/desvendandoocodigo.com.br\/?page_id=2555\" target=\"_blank\" rel=\"noopener noreferrer\">Conhecer o curso<\/a>\n          <a class=\"dc-btn dc-btn-light\" href=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/09\/Ebook_JavaScript_do_Zero.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Baixar e-book gratuito<\/a>\n        <\/div>\n      <\/article>\n      <article class=\"dc-course\">\n        <div class=\"dc-course-visual\" aria-hidden=\"true\"><strong>JS+<\/strong><span>Pr\u00e1tica em projetos<\/span><\/div>\n        <span class=\"dc-step\">02 \u2022 Aplica\u00e7\u00e3o pr\u00e1tica<\/span>\n        <h3>JavaScript na Pr\u00e1tica \u2014 Listas, JSON e LocalStorage<\/h3>\n        <p>Transforme dados em uma lista de produtos e construa um CRUD de tarefas que salva as informa\u00e7\u00f5es no navegador.<\/p>\n        <div class=\"dc-card-actions\">\n          <a class=\"dc-btn dc-btn-teal\" href=\"https:\/\/desvendandoocodigo.com.br\/?page_id=2585\">Conhecer o curso e os projetos<\/a>\n        <\/div>\n      <\/article>\n      <article class=\"dc-course\">\n        <div class=\"dc-course-visual\" aria-hidden=\"true\"><strong> API <\/strong><span>Construa o back-end<\/span><\/div>\n        <span class=\"dc-step\">03 \u2022 Back-end<\/span>\n        <h3>API REST com Node.js e Express \u2014 Do Zero ao CRUD Completo<\/h3>\n        <p>Organize rotas, m\u00e9todos HTTP, valida\u00e7\u00f5es e opera\u00e7\u00f5es CRUD em uma API que voc\u00ea consegue testar e ampliar.<\/p>\n        <div class=\"dc-card-actions\">\n          <a class=\"dc-btn dc-btn-teal\" href=\"https:\/\/go.hotmart.com\/K107560080U?dp=1\" target=\"_blank\" rel=\"noopener noreferrer\">Conhecer o curso<\/a>\n          <a class=\"dc-btn dc-btn-light\" href=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/09\/Ebook-Gratuito-Sua-Primeira-API-Rest.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Baixar e-book gratuito<\/a>\n        <\/div>\n      <\/article>\n      <article class=\"dc-course\">\n        <div class=\"dc-course-visual\" aria-hidden=\"true\"><strong>JWT<\/strong><span>Proteja o acesso<\/span><\/div>\n        <span class=\"dc-step\">04 \u2022 Projeto full stack<\/span>\n        <h3>Autentica\u00e7\u00e3o e Seguran\u00e7a com JWT \u2014 Node.js, MySQL e React<\/h3>\n        <p>Implemente cadastro e login, proteja a API com JWT e integre o React a um fluxo de acesso restrito.<\/p>\n        <div class=\"dc-card-actions\">\n          <a class=\"dc-btn dc-btn-teal\" href=\"https:\/\/hotmart.com\/pt-br\/marketplace\/produtos\/autenticacao-e-seguranca-com-jwt-node-js-mysql-e-react\/A107594009P\" target=\"_blank\" rel=\"noopener noreferrer\">Conhecer o curso<\/a>\n          <a class=\"dc-btn dc-btn-light\" href=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/09\/Ebook_Apresentacao_Autenticacao_e_Seguranca_com_JWT.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Baixar guia gratuito<\/a>\n        <\/div>\n      <\/article>\n    <\/div>\n    <div class=\"dc-books-callout\">\n      <div>\n        <strong>\ud83d\udcda Cole\u00e7\u00e3o Pense Como Programador<\/strong>\n        <span>Conhe\u00e7a os livros que acompanham as forma\u00e7\u00f5es do Desvendando o C\u00f3digo.<\/span>\n      <\/div>\n      <a class=\"dc-btn\" href=\"https:\/\/desvendandoocodigo.com.br\/?page_id=2409\">Conhecer os livros \u2192<\/a>\n    <\/div>\n    <p class=\"dc-caption\">Os materiais gratuitos ajudam voc\u00ea a conhecer cada tema antes de escolher seu pr\u00f3ximo curso.<\/p>\n  <\/section>\n\n  <section class=\"dc-section\" aria-labelledby=\"dc-project-title\">\n    <div class=\"dc-project\">\n      <a class=\"dc-project-media\" href=\"https:\/\/desvendandoocodigo.com.br\/?p=2542\" aria-label=\"Conhecer o projeto de agendamento para barbearia\">\n        <img decoding=\"async\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/09\/image-1140x641.png\" alt=\"Projeto de agendamento para barbearia com interface em React e Bootstrap\" loading=\"lazy\" width=\"1140\" height=\"641\">\n      <\/a>\n      <div class=\"dc-project-copy\">\n        <span class=\"dc-eyebrow\">Projeto na pr\u00e1tica<\/span>\n        <h2 id=\"dc-project-title\">Do formul\u00e1rio ao banco de dados<\/h2>\n        <p>Veja como uma interface de agendamento para barbearia, feita com React e Bootstrap, envia informa\u00e7\u00f5es para uma API Node.js e registra os dados no MySQL.<\/p>\n        <div class=\"dc-project-tags\" aria-label=\"Tecnologias do projeto\"><span>React<\/span><span>Bootstrap<\/span><span>Node.js<\/span><span>MySQL<\/span><\/div>\n        <a class=\"dc-btn dc-btn-gold\" href=\"https:\/\/desvendandoocodigo.com.br\/?p=2542\">Conhecer o projeto \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"dc-section\" aria-labelledby=\"dc-lessons\">\n    <div class=\"dc-tutor\">\n      <div>\n        <span class=\"dc-eyebrow\">Acompanhamento individual<\/span>\n        <h2 id=\"dc-lessons\">Precisa de uma aula feita para o seu projeto?<\/h2>\n        <p>Sou professor de Desenvolvimento de Sistemas e ofere\u00e7o aulas particulares 100% online, com foco nas suas d\u00favidas, desenvolvimento web e projetos pr\u00e1ticos.<\/p>\n      <\/div>\n      <a class=\"dc-btn dc-btn-teal\" href=\"https:\/\/www.superprof.com.br\/ir\/44281151-58f583\" target=\"_blank\" rel=\"noopener noreferrer\">Agendar pelo Superprof<\/a>\n    <\/div>\n  <\/section>\n  <section class=\"dc-section\" aria-labelledby=\"dc-app-title\">\n    <div class=\"dc-app\">\n      <div class=\"dc-app-copy\">\n        <span class=\"dc-eyebrow\">Estude tamb\u00e9m no celular<\/span>\n        <h2 id=\"dc-app-title\">App Desvendando o C\u00f3digo<\/h2>\n        <p>Escolha sua stack, avance por n\u00edveis e estude programa\u00e7\u00e3o com cards baseados em conte\u00fados reais. Reforce seus estudos direto pelo celular e acompanhe sua evolu\u00e7\u00e3o.<\/p>\n        <div class=\"dc-app-techs\" aria-label=\"Tecnologias dispon\u00edveis no aplicativo\">\n          <span>JavaScript<\/span>\n          <span>TypeScript<\/span>\n          <span>Python<\/span>\n          <span>SQL<\/span>\n          <span>MongoDB<\/span>\n          <span>React<\/span>\n          <span>React Native<\/span>\n        <\/div>\n        <a class=\"dc-btn dc-btn-gold\" href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.marcoscaldas.devscan&amp;pcampaignid=web_share\" target=\"_blank\" rel=\"noopener noreferrer\">Baixar na Google Play<\/a>\n      <\/div>\n      <div class=\"dc-app-preview\">\n        <div class=\"dc-phone\" aria-label=\"Aplicativo Desvendando o C\u00f3digo exibido em um celular\">\n          <img decoding=\"async\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/09\/1000050796.png\" alt=\"Tela do App Desvendando o C\u00f3digo mostrando as stacks de estudo dispon\u00edveis\" loading=\"lazy\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n  <p class=\"dc-signature\">Bora codar. \u2014 Professor Marcos Caldas<\/p>\n<\/main>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Programa\u00e7\u00e3o na pr\u00e1tica \u2022 Professor Marcos Caldas Desvendando o C\u00f3digo Aprenda programa\u00e7\u00e3o construindo de verdade. Bem-vindo ao Desvendando o C\u00f3digo, um espa\u00e7o criado para ensinar programa\u00e7\u00e3o de forma pr\u00e1tica, direta e sem complica\u00e7\u00e3o. Aqui voc\u00ea encontrar\u00e1 artigos, projetos completos, aulas gravadas, dicas de desenvolvimento e conte\u00fados sobre algumas das tecnologias mais utilizadas no mercado. O objetivo \u00e9 mostrar n\u00e3o apenas como programar, mas tamb\u00e9m explicar por que cada solu\u00e7\u00e3o funciona. Ver pr\u00f3ximas lives Conhecer o canal Programa\u00e7\u00e3o ao vivo Encontre a pr\u00f3xima aula Ter\u00e7a \u2022 11hConceitos e pr\u00e1tica Quinta \u2022 11hDesenvolvimento web S\u00e1bado \u2022 19hProjetos completos Hor\u00e1rio de Bras\u00edlia. Confira no canal a transmiss\u00e3o agendada e ative o lembrete. Trilha de aprendizagem Quatro cursos, um caminho para evoluir Comece pela base, coloque JavaScript em pr\u00e1tica, avance para APIs e aprenda a proteger o acesso a uma aplica\u00e7\u00e3o. Escolha o pr\u00f3ximo passo do seu aprendizado. JSComece aqui 01 \u2022 Fundamentos JavaScript do Zero \u2014 L\u00f3gica, HTML, CSS e Projeto Pr\u00e1tico Construa sua base em l\u00f3gica e desenvolvimento web com pr\u00e1tica progressiva e um projeto final. Conhecer o curso Baixar e-book gratuito JS+Pr\u00e1tica em projetos 02 \u2022 Aplica\u00e7\u00e3o pr\u00e1tica JavaScript na Pr\u00e1tica \u2014 Listas, JSON e LocalStorage Transforme dados em uma lista de produtos e construa um CRUD de tarefas que salva as informa\u00e7\u00f5es no navegador. Conhecer o curso e os projetos API Construa o back-end 03 \u2022 Back-end API REST com Node.js e Express \u2014 Do Zero ao CRUD Completo Organize rotas, m\u00e9todos HTTP, valida\u00e7\u00f5es e opera\u00e7\u00f5es CRUD em uma API que voc\u00ea consegue testar e ampliar. Conhecer o curso Baixar e-book gratuito JWTProteja o acesso 04 \u2022 Projeto full stack Autentica\u00e7\u00e3o e Seguran\u00e7a com JWT \u2014 Node.js, MySQL e React Implemente cadastro e login, proteja a API com JWT e integre o React a um fluxo de acesso restrito. Conhecer o curso Baixar guia gratuito \ud83d\udcda Cole\u00e7\u00e3o Pense Como Programador Conhe\u00e7a os livros que acompanham as forma\u00e7\u00f5es do Desvendando o C\u00f3digo. Conhecer os livros \u2192 Os materiais gratuitos ajudam voc\u00ea a conhecer cada tema antes de escolher seu pr\u00f3ximo curso. Projeto na pr\u00e1tica Do formul\u00e1rio ao banco de dados Veja como uma interface de agendamento para barbearia, feita com React e Bootstrap, envia informa\u00e7\u00f5es para uma API Node.js e registra os dados no MySQL. ReactBootstrapNode.jsMySQL Conhecer o projeto \u2192 Acompanhamento individual Precisa de uma aula feita para o seu projeto? Sou professor de Desenvolvimento de Sistemas e ofere\u00e7o aulas particulares 100% online, com foco nas suas d\u00favidas, desenvolvimento web e projetos pr\u00e1ticos. Agendar pelo Superprof Estude tamb\u00e9m no celular App Desvendando o C\u00f3digo Escolha sua stack, avance por n\u00edveis e estude programa\u00e7\u00e3o com cards baseados em conte\u00fados reais. Reforce seus estudos direto pelo celular e acompanhe sua evolu\u00e7\u00e3o. JavaScript TypeScript Python SQL MongoDB React React Native Baixar na Google Play Bora codar. \u2014 Professor Marcos Caldas<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-473","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/pages\/473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"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=473"}],"version-history":[{"count":140,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/pages\/473\/revisions"}],"predecessor-version":[{"id":2588,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/pages\/473\/revisions\/2588"}],"wp:attachment":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}