{"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-08-09T13:00:59","modified_gmt":"2026-08-09T16:00:59","slug":"home","status":"publish","type":"page","link":"https:\/\/desvendandoocodigo.com.br\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n<!-- ===================================================== -->\n\n<!-- P\u00c1GINA INICIAL \u2014 DESVENDANDO O C\u00d3DIGO -->\n\n<!-- ===================================================== -->\n\n<div style=\"background: linear-gradient(135deg, #0f172a, #1e293b); color: white; padding: 38px; border-radius: 14px; margin-bottom: 25px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25); border-left: 5px solid #22c55e;\">\n\n&#8220;`\n<span style=\"display:inline-block; background:#22c55e; color:white; padding:6px 14px; border-radius:30px; font-size:12px; font-weight:bold; margin-bottom:14px;\">\n    PROGRAMA\u00c7\u00c3O NA PR\u00c1TICA\n<\/span>\n\n<h1 style=\"color:white; margin-top:0; margin-bottom:15px; font-size:34px;\">\n    Desvendando o C\u00f3digo\n<\/h1>\n\n<p style=\"color:#e2e8f0; font-size:18px; line-height:1.75;\">\n    Bem-vindo ao <strong style=\"color:white;\">Desvendando o C\u00f3digo<\/strong>, um espa\u00e7o criado para ensinar programa\u00e7\u00e3o de forma pr\u00e1tica, direta e sem complica\u00e7\u00e3o.\n<\/p>\n\n<p style=\"color:#cbd5e1; font-size:16px; line-height:1.75;\">\n    Aqui voc\u00ea encontrar\u00e1 artigos, projetos completos, aulas gravadas, dicas de desenvolvimento e conte\u00fados sobre algumas das tecnologias mais utilizadas no mercado.\n<\/p>\n\n<p style=\"color:#cbd5e1; font-size:16px; line-height:1.75; margin-bottom:0;\">\n    O objetivo \u00e9 mostrar n\u00e3o apenas <strong style=\"color:#22c55e;\">como programar<\/strong>, mas tamb\u00e9m explicar\n    <strong style=\"color:#22c55e;\">por que cada solu\u00e7\u00e3o funciona<\/strong>.\n<\/p>\n&#8220;`\n\n<\/div>\n\n<!-- ===================================================== -->\n\n<!-- TECNOLOGIAS -->\n\n<!-- ===================================================== -->\n\n<div style=\"background:#f8fafc; padding:30px; border-radius:12px; margin-bottom:25px; border:1px solid #e2e8f0;\">\n\n&#8220;`\n<h2 style=\"color:#0f172a; margin-top:0;\">\n    \ud83d\ude80 Tecnologias que voc\u00ea vai aprender\n<\/h2>\n\n<p style=\"color:#475569; line-height:1.7;\">\n    Explore conte\u00fados do b\u00e1sico ao avan\u00e7ado e desenvolva projetos utilizando tecnologias de desenvolvimento Front-end, Back-end, Mobile e bancos de dados.\n<\/p>\n\n<div style=\"display:flex; flex-wrap:wrap; gap:10px; margin-top:20px;\">\n\n    <span style=\"background:#f7df1e; color:black; padding:9px 15px; border-radius:6px; font-weight:bold;\">JavaScript<\/span>\n    <span style=\"background:#3178c6; color:white; padding:9px 15px; border-radius:6px; font-weight:bold;\">TypeScript<\/span>\n    <span style=\"background:#339933; color:white; padding:9px 15px; border-radius:6px; font-weight:bold;\">Node.js<\/span>\n    <span style=\"background:#61dafb; color:black; padding:9px 15px; border-radius:6px; font-weight:bold;\">React<\/span>\n    <span style=\"background:#0ea5e9; color:white; padding:9px 15px; border-radius:6px; font-weight:bold;\">React Native<\/span>\n    <span style=\"background:#47a248; color:white; padding:9px 15px; border-radius:6px; font-weight:bold;\">MongoDB<\/span>\n    <span style=\"background:#00758f; color:white; padding:9px 15px; border-radius:6px; font-weight:bold;\">MySQL<\/span>\n    <span style=\"background:#3776ab; color:white; padding:9px 15px; border-radius:6px; font-weight:bold;\">Python<\/span>\n\n<\/div>\n&#8220;`\n\n<\/div>\n\n<!-- ===================================================== -->\n\n<!-- YOUTUBE -->\n\n<!-- ===================================================== -->\n\n<div style=\"background: linear-gradient(135deg, #1e3a5f, #0f2b42); color: white; padding: 35px; border-radius: 12px; text-align: center; margin-bottom: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); border-left: 5px solid #ff0000;\">\n\n&#8220;`\n<h2 style=\"margin-top:0; margin-bottom:10px; color:white;\">\n    \ud83d\udcfa Lives Gravadas no YouTube\n<\/h2>\n\n<p style=\"font-size:16px; color:#e2e8f0;\">\n    Perdeu a transmiss\u00e3o ao vivo?\n    <strong>Todos os v\u00eddeos completos continuam dispon\u00edveis no canal.<\/strong>\n<\/p>\n\n<p style=\"color:#cbd5e1;\">\n    \u25b6\ufe0f Programa\u00e7\u00e3o, projetos pr\u00e1ticos e explica\u00e7\u00f5es passo a passo.\n<\/p>\n\n<div style=\"background:#ff0000; border-radius:40px; padding:12px 24px; margin:15px auto 10px auto; display:inline-block; font-weight:bold; font-size:18px; font-family:monospace; color:white;\">\n    \ud83d\udcfa @DesvendandooCodigo\n<\/div>\n&#8220;`\n\n<\/div>\n\n<!-- ===================================================== -->\n\n<!-- APLICATIVO -->\n\n<!-- ===================================================== -->\n\n<div style=\"background: linear-gradient(135deg, #7c3aed, #4c1d95); color: white; padding: 35px; border-radius: 12px; text-align: center; margin-bottom: 25px; box-shadow: 0 10px 25px rgba(124, 58, 237, 0.4); border: 2px solid #a78bfa; position: relative; overflow: hidden;\">\n\n&#8220;`\n<div style=\"background:#22c55e; color:white; padding:4px 12px; border-radius:20px; font-size:12px; font-weight:bold; position:absolute; top:15px; right:15px;\">\n    DISPON\u00cdVEL\n<\/div>\n\n<h2 style=\"margin-top:0; margin-bottom:10px; color:white; font-size:28px;\">\n    \ud83d\udcf1 App Desvendando o C\u00f3digo\n<\/h2>\n\n<p style=\"font-size:18px; color:white; font-weight:500; margin-bottom:15px;\">\n    <strong>O aplicativo oficial est\u00e1 dispon\u00edvel na Google Play.<\/strong>\n<\/p>\n\n<p style=\"color:#ddd6fe; font-size:15px; max-width:600px; margin:0 auto 20px auto; line-height:1.7;\">\n    Reforce seus estudos com cards interativos, conte\u00fados exclusivos e acesso direto a materiais de programa\u00e7\u00e3o.\n    Leve o Desvendando o C\u00f3digo com voc\u00ea.\n<\/p>\n\n<a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.marcoscaldas.devscan&amp;pcampaignid=web_share\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"text-decoration:none;\">\n    <span style=\"background:#22c55e; color:white; padding:15px 30px; border-radius:50px; display:inline-block; font-weight:bold; font-size:18px; box-shadow:0 4px 12px rgba(34, 197, 94, 0.4);\">\n        \ud83d\udce5 BAIXAR NA GOOGLE PLAY\n    <\/span>\n<\/a>\n\n<div style=\"margin-top:15px; font-size:12px; color:#c4b5fd;\">\n    \u2b50 Conte\u00fado de programa\u00e7\u00e3o e metodologia pr\u00e1tica\n<\/div>\n&#8220;`\n\n<\/div>\n\n<!-- ===================================================== -->\n\n<!-- HOR\u00c1RIOS DAS LIVES -->\n\n<!-- ===================================================== -->\n\n<div style=\"background: linear-gradient(135deg, #0f172a, #020617); color: white; padding: 30px; border-radius: 12px; text-align: center; margin-bottom: 35px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.05);\">\n\n&#8220;`\n<h2 style=\"margin-top:0; margin-bottom:10px; color:white;\">\n    \ud83c\udfa5 Lives de Programa\u00e7\u00e3o ao Vivo\n<\/h2>\n\n<p style=\"color:#cbd5e1; margin-bottom:20px;\">\n    Acompanhe novas aulas, conceitos e projetos desenvolvidos ao vivo no canal.\n<\/p>\n\n<div style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:15px; margin-top:20px;\">\n\n    <div style=\"background:#111827; padding:20px 15px; border-radius:8px; border-bottom:3px solid #22c55e;\">\n        <strong style=\"color:#22c55e; font-size:17px;\">Ter\u00e7a-feira \u00e0s 11h<\/strong>\n        <br>\n        <span style=\"color:white; font-size:14px;\">JavaScript, conceitos e projetos<\/span>\n    <\/div>\n\n    <div style=\"background:#111827; padding:20px 15px; border-radius:8px; border-bottom:3px solid #22c55e;\">\n        <strong style=\"color:#22c55e; font-size:17px;\">Quinta-feira \u00e0s 11h<\/strong>\n        <br>\n        <span style=\"color:white; font-size:14px;\">Programa\u00e7\u00e3o e desenvolvimento pr\u00e1tico<\/span>\n    <\/div>\n\n    <div style=\"background:#111827; padding:20px 15px; border-radius:8px; border-bottom:3px solid #22c55e;\">\n        <strong style=\"color:#22c55e; font-size:17px;\">S\u00e1bado \u00e0s 19h<\/strong>\n        <br>\n        <span style=\"color:white; font-size:14px;\">React, Node.js, Python e projetos<\/span>\n    <\/div>\n\n<\/div>\n\n<p style=\"color:#94a3b8; font-size:13px; margin-top:18px; margin-bottom:0;\">\n    Hor\u00e1rios de Bras\u00edlia\n<\/p>\n&#8220;`\n\n<\/div>\n\n<!-- ===================================================== -->\n\n<!-- PROVA SOCIAL -->\n\n<!-- ===================================================== -->\n\n<div style=\"background:linear-gradient(135deg,#ecfdf5,#f0fdf4); border:1px solid #bbf7d0; padding:28px; border-radius:12px; margin-bottom:25px; text-align:center;\">\n\n&#8220;`\n<span style=\"display:inline-block; background:#16a34a; color:white; padding:6px 14px; border-radius:30px; font-size:12px; font-weight:bold; margin-bottom:12px;\">\n    METODOLOGIA PR\u00c1TICA\n<\/span>\n\n<h2 style=\"color:#14532d; margin-top:0; margin-bottom:18px;\">\n    Aprenda entendendo e construindo\n<\/h2>\n\n<div style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:15px;\">\n\n    <div style=\"background:white; border-radius:10px; padding:18px; box-shadow:0 4px 12px rgba(0,0,0,0.06);\">\n        <div style=\"font-size:28px;\">\u2705<\/div>\n        <strong style=\"display:block; color:#166534; margin-top:7px;\">Projetos reais<\/strong>\n        <span style=\"color:#475569; font-size:14px;\">Pr\u00e1tica aplicada ao desenvolvimento<\/span>\n    <\/div>\n\n    <div style=\"background:white; border-radius:10px; padding:18px; box-shadow:0 4px 12px rgba(0,0,0,0.06);\">\n        <div style=\"font-size:28px;\">\ud83c\udfa5<\/div>\n        <strong style=\"display:block; color:#166534; margin-top:7px;\">Aulas passo a passo<\/strong>\n        <span style=\"color:#475569; font-size:14px;\">Explica\u00e7\u00f5es completas e progressivas<\/span>\n    <\/div>\n\n    <div style=\"background:white; border-radius:10px; padding:18px; box-shadow:0 4px 12px rgba(0,0,0,0.06);\">\n        <div style=\"font-size:28px;\">\ud83e\udde0<\/div>\n        <strong style=\"display:block; color:#166534; margin-top:7px;\">Conceitos de verdade<\/strong>\n        <span style=\"color:#475569; font-size:14px;\">Entenda antes de apenas copiar c\u00f3digo<\/span>\n    <\/div>\n\n    <div style=\"background:white; border-radius:10px; padding:18px; box-shadow:0 4px 12px rgba(0,0,0,0.06);\">\n        <div style=\"font-size:28px;\">\ud83d\udc68\u200d\ud83c\udfeb<\/div>\n        <strong style=\"display:block; color:#166534; margin-top:7px;\">Professor Marcos Caldas<\/strong>\n        <span style=\"color:#475569; font-size:14px;\">Experi\u00eancia pr\u00e1tica e did\u00e1tica<\/span>\n    <\/div>\n\n<\/div>\n&#8220;`\n\n<\/div>\n\n<!-- ===================================================== -->\n\n<!-- AULAS PARTICULARES -->\n\n<!-- ===================================================== -->\n\n<div style=\"background:linear-gradient(135deg,#0f172a,#1e3a5f); color:white; padding:35px 30px; border-radius:14px; margin-bottom:25px; text-align:center; box-shadow:0 8px 24px rgba(15,23,42,0.28); border:2px solid #38bdf8;\">\n\n&#8220;`\n<span style=\"display:inline-block; background:#0284c7; color:white; padding:6px 15px; border-radius:30px; font-size:12px; font-weight:bold; margin-bottom:14px;\">\n    \ud83d\udc68\u200d\ud83c\udfeb ACOMPANHAMENTO INDIVIDUAL\n<\/span>\n\n<h2 style=\"color:white; margin-top:0; margin-bottom:12px; font-size:29px;\">\n    \ud83c\udf93 Aulas Particulares de Programa\u00e7\u00e3o\n<\/h2>\n\n<p style=\"color:#e2e8f0; font-size:18px; line-height:1.7; max-width:700px; margin:0 auto 15px auto;\">\n    Quer acelerar seu aprendizado com um acompanhamento individual e focado nas suas dificuldades?\n<\/p>\n\n<p style=\"color:#cbd5e1; font-size:15px; line-height:1.7; max-width:720px; margin:0 auto 22px auto;\">\n    Sou <strong style=\"color:white;\">Professor de Desenvolvimento de Sistemas<\/strong> e tamb\u00e9m ofere\u00e7o\n    <strong style=\"color:#7dd3fc;\">aulas particulares 100% online<\/strong>, com explica\u00e7\u00f5es passo a passo,\n    projetos pr\u00e1ticos e foco em desenvolvimento Web.\n<\/p>\n\n<div style=\"display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:24px;\">\n\n    <span style=\"background:#1e293b; padding:8px 14px; border-radius:20px; color:#e2e8f0; font-size:13px;\">\n        \ud83d\udcbb Programa\u00e7\u00e3o\n    <\/span>\n\n    <span style=\"background:#1e293b; padding:8px 14px; border-radius:20px; color:#e2e8f0; font-size:13px;\">\n        \ud83c\udf10 Desenvolvimento Web\n    <\/span>\n\n    <span style=\"background:#1e293b; padding:8px 14px; border-radius:20px; color:#e2e8f0; font-size:13px;\">\n        \ud83d\ude80 Projetos Pr\u00e1ticos\n    <\/span>\n\n    <span style=\"background:#1e293b; padding:8px 14px; border-radius:20px; color:#e2e8f0; font-size:13px;\">\n        \ud83c\udfa5 100% Online\n    <\/span>\n\n<\/div>\n\n<a href=\"https:\/\/www.superprof.com.br\/ir\/44281151-58f583\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:inline-block; background:#f97316; color:white; text-decoration:none; padding:15px 30px; border-radius:50px; font-weight:bold; font-size:17px; box-shadow:0 5px 15px rgba(249,115,22,0.35);\">\n    \ud83c\udf93 VER MEU PERFIL E AGENDAR UMA AULA\n<\/a>\n\n<p style=\"color:#94a3b8; font-size:12px; margin-top:15px; margin-bottom:0;\">\n    Atendimento individual atrav\u00e9s da plataforma Superprof\n<\/p>\n&#8220;`\n\n<\/div>\n\n<!-- ===================================================== -->\n\n<!-- TRILHA DE APRENDIZADO -->\n\n<!-- ===================================================== -->\n\n<div style=\"background:#f8fafc; padding:30px; border-radius:12px; margin-bottom:25px; border:1px solid #e2e8f0;\">\n\n&#8220;`\n<div style=\"text-align:center; max-width:750px; margin:0 auto;\">\n\n    <span style=\"display:inline-block; background:#2563eb; color:white; padding:6px 14px; border-radius:30px; font-size:12px; font-weight:bold; margin-bottom:12px;\">\n        FORMA\u00c7\u00c3O JAVASCRIPT\n    <\/span>\n\n    <h2 style=\"color:#0f172a; margin-top:0; margin-bottom:12px;\">\n        Qual curso fazer primeiro?\n    <\/h2>\n\n    <p style=\"color:#475569; line-height:1.7;\">\n        Comece construindo sua base em l\u00f3gica e JavaScript. Depois, escolha a \u00e1rea em que deseja se aprofundar.\n    <\/p>\n<\/div>\n\n<div style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:15px; margin-top:25px;\">\n\n    <div style=\"background:white; padding:20px; border-radius:10px; text-align:center; border-top:4px solid #eab308; box-shadow:0 4px 12px rgba(0,0,0,0.08);\">\n        <div style=\"font-size:30px;\">\ud83e\udd47<\/div>\n        <strong style=\"display:block; color:#0f172a; margin:8px 0;\">1\u00ba Passo<\/strong>\n        <span style=\"color:#475569;\">Algoritmos com JavaScript<\/span>\n    <\/div>\n\n    <div style=\"background:white; padding:20px; border-radius:10px; text-align:center; border-top:4px solid #f59e0b; box-shadow:0 4px 12px rgba(0,0,0,0.08);\">\n        <div style=\"font-size:30px;\">\ud83e\udd48<\/div>\n        <strong style=\"display:block; color:#0f172a; margin:8px 0;\">2\u00ba Passo<\/strong>\n        <span style=\"color:#475569;\">JavaScript Intermedi\u00e1rio<\/span>\n    <\/div>\n\n    <div style=\"background:white; padding:20px; border-radius:10px; text-align:center; border-top:4px solid #22c55e; box-shadow:0 4px 12px rgba(0,0,0,0.08);\">\n        <div style=\"font-size:30px;\">\ud83e\udd49<\/div>\n        <strong style=\"display:block; color:#0f172a; margin:8px 0;\">3\u00ba Passo<\/strong>\n        <span style=\"color:#475569;\">Escolha sua especializa\u00e7\u00e3o<\/span>\n    <\/div>\n\n<\/div>\n\n<div style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:15px; margin-top:15px;\">\n\n    <div style=\"background:#eff6ff; padding:18px; border-radius:10px; text-align:center; border:1px solid #bfdbfe;\">\n        <strong style=\"color:#0369a1;\">\u269b\ufe0f React.js<\/strong>\n        <div style=\"color:#475569; font-size:13px; margin-top:5px;\">Especializa\u00e7\u00e3o Front-end<\/div>\n    <\/div>\n\n    <div style=\"background:#eff6ff; padding:18px; border-radius:10px; text-align:center; border:1px solid #bfdbfe;\">\n        <strong style=\"color:#1d4ed8;\">\ud83e\udde9 TypeScript e POO<\/strong>\n        <div style=\"color:#475569; font-size:13px; margin-top:5px;\">C\u00f3digo profissional<\/div>\n    <\/div>\n\n    <div style=\"background:#f0fdf4; padding:18px; border-radius:10px; text-align:center; border:1px solid #bbf7d0;\">\n        <strong style=\"color:#15803d;\">\ud83d\udcbb JavaScript Full Stack<\/strong>\n        <div style=\"color:#475569; font-size:13px; margin-top:5px;\">22 projetos reais<\/div>\n    <\/div>\n\n<\/div>\n&#8220;`\n\n<\/div>\n\n<!-- ===================================================== -->\n\n<!-- CURSOS -->\n\n<!-- ===================================================== -->\n\n<div style=\"background: linear-gradient(135deg, #0f172a, #1e293b); padding: 35px 25px; border-radius: 14px; margin-bottom: 35px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25);\">\n\n&#8220;`\n<div style=\"text-align:center; max-width:750px; margin:0 auto 30px auto;\">\n\n    <span style=\"display:inline-block; background:#22c55e; color:white; padding:6px 14px; border-radius:30px; font-size:12px; font-weight:bold; margin-bottom:12px;\">\n        CURSOS DE PROGRAMA\u00c7\u00c3O\n    <\/span>\n\n    <h2 style=\"color:white; font-size:30px; margin-bottom:12px;\">\n        \ud83c\udf93 Da l\u00f3gica ao desenvolvimento Full Stack\n    <\/h2>\n\n    <p style=\"color:#cbd5e1; font-size:16px; line-height:1.7;\">\n        Escolha o curso mais adequado ao seu momento e desenvolva suas habilidades com explica\u00e7\u00f5es completas, exerc\u00edcios, projetos e situa\u00e7\u00f5es reais de desenvolvimento.\n    <\/p>\n<\/div>\n\n<div style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:20px;\">\n\n    <div style=\"background:white; border-radius:12px; padding:24px; box-shadow:0 5px 18px rgba(0,0,0,0.18); display:flex; flex-direction:column; border-top:5px solid #f7df1e;\">\n\n        <div style=\"font-size:34px; margin-bottom:10px;\">\ud83e\udde0<\/div>\n\n        <span style=\"color:#a16207; font-size:12px; font-weight:bold; text-transform:uppercase;\">\n            1\u00ba passo\n        <\/span>\n\n        <h3 style=\"color:#0f172a; margin:8px 0 12px 0; line-height:1.35;\">\n            Algoritmos com JavaScript \u2014 B\u00e1sico\n        <\/h3>\n\n        <p style=\"color:#475569; font-size:14px; line-height:1.6; flex-grow:1;\">\n            Desenvolva sua l\u00f3gica de programa\u00e7\u00e3o e aprenda a criar algoritmos utilizando JavaScript de forma pr\u00e1tica, progressiva e organizada.\n        <\/p>\n\n        <a href=\"https:\/\/hotmart.com\/pt-br\/marketplace\/produtos\/algoritmos-com-javascript-basico\/E99501218Y\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"background:#eab308; color:#111827; text-decoration:none; text-align:center; padding:12px 18px; border-radius:8px; font-weight:bold; margin-top:15px;\">\n            CONHECER O CURSO\n        <\/a>\n    <\/div>\n\n\n    <div style=\"background:white; border-radius:12px; padding:24px; box-shadow:0 5px 18px rgba(0,0,0,0.18); display:flex; flex-direction:column; border-top:5px solid #f59e0b;\">\n\n        <div style=\"font-size:34px; margin-bottom:10px;\">\u2699\ufe0f<\/div>\n\n        <span style=\"color:#b45309; font-size:12px; font-weight:bold; text-transform:uppercase;\">\n            2\u00ba passo\n        <\/span>\n\n        <h3 style=\"color:#0f172a; margin:8px 0 12px 0; line-height:1.35;\">\n            JavaScript Intermedi\u00e1rio\n        <\/h3>\n\n        <p style=\"color:#475569; font-size:14px; line-height:1.6; flex-grow:1;\">\n            Avance no JavaScript com DOM, APIs, programa\u00e7\u00e3o ass\u00edncrona, Node.js, JSON e organiza\u00e7\u00e3o de aplica\u00e7\u00f5es.\n        <\/p>\n\n        <a href=\"https:\/\/hotmart.com\/pt-br\/marketplace\/produtos\/javascript-avancado-01\/I96636211E\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"background:#f59e0b; color:white; text-decoration:none; text-align:center; padding:12px 18px; border-radius:8px; font-weight:bold; margin-top:15px;\">\n            CONHECER O CURSO\n        <\/a>\n    <\/div>\n\n\n    <div style=\"background:white; border-radius:12px; padding:24px; box-shadow:0 5px 18px rgba(0,0,0,0.18); display:flex; flex-direction:column; border-top:5px solid #61dafb;\">\n\n        <div style=\"font-size:34px; margin-bottom:10px;\">\u269b\ufe0f<\/div>\n\n        <span style=\"color:#0369a1; font-size:12px; font-weight:bold; text-transform:uppercase;\">\n            Especializa\u00e7\u00e3o Front-end\n        <\/span>\n\n        <h3 style=\"color:#0f172a; margin:8px 0 12px 0; line-height:1.35;\">\n            React.js do Zero \u00e0 Pr\u00e1tica Profissional\n        <\/h3>\n\n        <p style=\"color:#475569; font-size:14px; line-height:1.6; flex-grow:1;\">\n            Aprenda componentes, propriedades, estados, Hooks, integra\u00e7\u00e3o com APIs e constru\u00e7\u00e3o de aplica\u00e7\u00f5es modernas com React.\n        <\/p>\n\n        <a href=\"https:\/\/hotmart.com\/pt-br\/marketplace\/produtos\/react-js-do-zero-a-pratica-profissional\/W103667088L\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"background:#0284c7; color:white; text-decoration:none; text-align:center; padding:12px 18px; border-radius:8px; font-weight:bold; margin-top:15px;\">\n            CONHECER O CURSO\n        <\/a>\n    <\/div>\n\n\n    <div style=\"background:white; border-radius:12px; padding:24px; box-shadow:0 5px 18px rgba(0,0,0,0.18); display:flex; flex-direction:column; border-top:5px solid #3178c6;\">\n\n        <div style=\"font-size:34px; margin-bottom:10px;\">\ud83e\udde9<\/div>\n\n        <span style=\"color:#1d4ed8; font-size:12px; font-weight:bold; text-transform:uppercase;\">\n            C\u00f3digo profissional\n        <\/span>\n\n        <h3 style=\"color:#0f172a; margin:8px 0 12px 0; line-height:1.35;\">\n            Programa\u00e7\u00e3o Orientada a Objetos com TypeScript\n        <\/h3>\n\n        <p style=\"color:#475569; font-size:14px; line-height:1.6; flex-grow:1;\">\n            Domine classes, objetos, encapsulamento, heran\u00e7a, polimorfismo, interfaces, tipos e Generics utilizando TypeScript puro.\n        <\/p>\n\n        <a href=\"https:\/\/hotmart.com\/pt-br\/marketplace\/produtos\/programacao-orientada-a-objetos-com-typescript-ts-puro-do-zero-ao-avancado\/W104176264N\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"background:#3178c6; color:white; text-decoration:none; text-align:center; padding:12px 18px; border-radius:8px; font-weight:bold; margin-top:15px;\">\n            CONHECER O CURSO\n        <\/a>\n    <\/div>\n\n\n    <div style=\"background:linear-gradient(145deg, #ffffff, #f0fdf4); border-radius:12px; padding:24px; box-shadow:0 8px 24px rgba(34,197,94,0.22); display:flex; flex-direction:column; border:3px solid #22c55e; position:relative;\">\n\n        <span style=\"position:absolute; top:14px; right:14px; background:#dc2626; color:white; padding:5px 11px; border-radius:20px; font-size:10px; font-weight:bold;\">\n            \ud83d\udd25 MAIS VENDIDO\n        <\/span>\n\n        <div style=\"font-size:34px; margin-bottom:10px;\">\ud83d\udcbb<\/div>\n\n        <span style=\"color:#15803d; font-size:12px; font-weight:bold; text-transform:uppercase;\">\n            Curso mais completo\n        <\/span>\n\n        <h3 style=\"color:#0f172a; margin:8px 0 12px 0; line-height:1.35; padding-right:95px;\">\n            Laborat\u00f3rio JavaScript Full Stack \u2014 22 Projetos Reais\n        <\/h3>\n\n        <p style=\"color:#475569; font-size:14px; line-height:1.6; flex-grow:1;\">\n            Desenvolva 22 projetos reais passando pelo Front-end, Back-end, APIs, bancos de dados e arquitetura de aplica\u00e7\u00f5es.\n        <\/p>\n\n        <div style=\"background:#dcfce7; color:#166534; padding:10px; border-radius:8px; font-size:13px; font-weight:bold; text-align:center; margin-top:8px;\">\n            \u2b50 Do navegador ao servidor\n        <\/div>\n\n        <a href=\"https:\/\/hotmart.com\/pt-br\/marketplace\/produtos\/javascript-full-stack-na-pratica-22-projetos-reais-do-front-ao-back-end\/Y103708209K\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"background:#16a34a; color:white; text-decoration:none; text-align:center; padding:13px 18px; border-radius:8px; font-weight:bold; margin-top:15px;\">\n            CONHECER O CURSO\n        <\/a>\n    <\/div>\n\n<\/div>\n\n<div style=\"background:#111827; border-radius:10px; padding:22px; margin-top:25px; text-align:center;\">\n\n    <h3 style=\"color:white; margin-top:0; margin-bottom:8px;\">\n        N\u00e3o sabe por onde come\u00e7ar?\n    <\/h3>\n\n    <p style=\"color:#cbd5e1; margin:0; line-height:1.7;\">\n        Comece por <strong style=\"color:#f7df1e;\">Algoritmos com JavaScript<\/strong>, avance para\n        <strong style=\"color:#f59e0b;\">JavaScript Intermedi\u00e1rio<\/strong> e depois escolha uma especializa\u00e7\u00e3o em\n        <strong style=\"color:#61dafb;\">React<\/strong>,\n        <strong style=\"color:#60a5fa;\">TypeScript e POO<\/strong> ou\n        <strong style=\"color:#4ade80;\">desenvolvimento Full Stack<\/strong>.\n    <\/p>\n<\/div>\n&#8220;`\n\n<\/div>\n\n<!-- ===================================================== -->\n\n<!-- CONTINUE APRENDENDO -->\n\n<!-- ===================================================== -->\n\n<div style=\"background:#f1f5f9; padding:28px; border-radius:10px; border-left:5px solid #2563eb; margin-top:20px;\">\n\n&#8220;`\n<h2 style=\"margin-top:0; color:#0f172a;\">\n    Continue aprendendo\n<\/h2>\n\n<p style=\"color:#334155; line-height:1.7;\">\n    Acompanhe as lives semanais, explore os artigos, pratique com os projetos dispon\u00edveis e escolha um dos cursos para aprofundar seus conhecimentos com uma sequ\u00eancia completa de estudos.\n<\/p>\n\n<p style=\"color:#334155; line-height:1.7; margin-bottom:0;\">\n    Cada conte\u00fado foi desenvolvido para ajudar voc\u00ea a entender os conceitos, praticar com projetos reais e evoluir de forma consistente na programa\u00e7\u00e3o.\n<\/p>\n&#8220;`\n\n<\/div>\n\n<p style=\"margin-top:30px; line-height:1.7;\">\n    Bora codar \ud83d\ude80\n    <br>\n    <strong>Professor Marcos Caldas<\/strong>\n<\/p>\n\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;` PROGRAMA\u00c7\u00c3O NA PR\u00c1TICA Desvendando o C\u00f3digo 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. &#8220;` &#8220;` \ud83d\ude80 Tecnologias que voc\u00ea vai aprender Explore conte\u00fados do b\u00e1sico ao avan\u00e7ado e desenvolva projetos utilizando tecnologias de desenvolvimento Front-end, Back-end, Mobile e bancos de dados. JavaScript TypeScript Node.js React React Native MongoDB MySQL Python &#8220;` &#8220;` \ud83d\udcfa Lives Gravadas no YouTube Perdeu a transmiss\u00e3o ao vivo? Todos os v\u00eddeos completos continuam dispon\u00edveis no canal. \u25b6\ufe0f Programa\u00e7\u00e3o, projetos pr\u00e1ticos e explica\u00e7\u00f5es passo a passo. \ud83d\udcfa @DesvendandooCodigo &#8220;` &#8220;` DISPON\u00cdVEL \ud83d\udcf1 App Desvendando o C\u00f3digo O aplicativo oficial est\u00e1 dispon\u00edvel na Google Play. Reforce seus estudos com cards interativos, conte\u00fados exclusivos e acesso direto a materiais de programa\u00e7\u00e3o. Leve o Desvendando o C\u00f3digo com voc\u00ea. \ud83d\udce5 BAIXAR NA GOOGLE PLAY \u2b50 Conte\u00fado de programa\u00e7\u00e3o e metodologia pr\u00e1tica &#8220;` &#8220;` \ud83c\udfa5 Lives de Programa\u00e7\u00e3o ao Vivo Acompanhe novas aulas, conceitos e projetos desenvolvidos ao vivo no canal. Ter\u00e7a-feira \u00e0s 11h JavaScript, conceitos e projetos Quinta-feira \u00e0s 11h Programa\u00e7\u00e3o e desenvolvimento pr\u00e1tico S\u00e1bado \u00e0s 19h React, Node.js, Python e projetos Hor\u00e1rios de Bras\u00edlia &#8220;` &#8220;` METODOLOGIA PR\u00c1TICA Aprenda entendendo e construindo \u2705 Projetos reais Pr\u00e1tica aplicada ao desenvolvimento \ud83c\udfa5 Aulas passo a passo Explica\u00e7\u00f5es completas e progressivas \ud83e\udde0 Conceitos de verdade Entenda antes de apenas copiar c\u00f3digo \ud83d\udc68\u200d\ud83c\udfeb Professor Marcos Caldas Experi\u00eancia pr\u00e1tica e did\u00e1tica &#8220;` &#8220;` \ud83d\udc68\u200d\ud83c\udfeb ACOMPANHAMENTO INDIVIDUAL \ud83c\udf93 Aulas Particulares de Programa\u00e7\u00e3o Quer acelerar seu aprendizado com um acompanhamento individual e focado nas suas dificuldades? Sou Professor de Desenvolvimento de Sistemas e tamb\u00e9m ofere\u00e7o aulas particulares 100% online, com explica\u00e7\u00f5es passo a passo, projetos pr\u00e1ticos e foco em desenvolvimento Web. \ud83d\udcbb Programa\u00e7\u00e3o \ud83c\udf10 Desenvolvimento Web \ud83d\ude80 Projetos Pr\u00e1ticos \ud83c\udfa5 100% Online \ud83c\udf93 VER MEU PERFIL E AGENDAR UMA AULA Atendimento individual atrav\u00e9s da plataforma Superprof &#8220;` &#8220;` FORMA\u00c7\u00c3O JAVASCRIPT Qual curso fazer primeiro? Comece construindo sua base em l\u00f3gica e JavaScript. Depois, escolha a \u00e1rea em que deseja se aprofundar. \ud83e\udd47 1\u00ba Passo Algoritmos com JavaScript \ud83e\udd48 2\u00ba Passo JavaScript Intermedi\u00e1rio \ud83e\udd49 3\u00ba Passo Escolha sua especializa\u00e7\u00e3o \u269b\ufe0f React.js Especializa\u00e7\u00e3o Front-end \ud83e\udde9 TypeScript e POO C\u00f3digo profissional \ud83d\udcbb JavaScript Full Stack 22 projetos reais &#8220;` &#8220;` CURSOS DE PROGRAMA\u00c7\u00c3O \ud83c\udf93 Da l\u00f3gica ao desenvolvimento Full Stack Escolha o curso mais adequado ao seu momento e desenvolva suas habilidades com explica\u00e7\u00f5es completas, exerc\u00edcios, projetos e situa\u00e7\u00f5es reais de desenvolvimento. \ud83e\udde0 1\u00ba passo Algoritmos com JavaScript \u2014 B\u00e1sico Desenvolva sua l\u00f3gica de programa\u00e7\u00e3o e aprenda a criar algoritmos utilizando JavaScript de forma pr\u00e1tica, progressiva e organizada. CONHECER O CURSO \u2699\ufe0f 2\u00ba passo JavaScript Intermedi\u00e1rio Avance no JavaScript com DOM, APIs, programa\u00e7\u00e3o ass\u00edncrona, Node.js, JSON e organiza\u00e7\u00e3o de aplica\u00e7\u00f5es. CONHECER O CURSO \u269b\ufe0f Especializa\u00e7\u00e3o Front-end React.js do Zero \u00e0 Pr\u00e1tica Profissional Aprenda componentes, propriedades, estados, Hooks, integra\u00e7\u00e3o com APIs e constru\u00e7\u00e3o de aplica\u00e7\u00f5es modernas com React. CONHECER O CURSO \ud83e\udde9 C\u00f3digo profissional Programa\u00e7\u00e3o Orientada a Objetos com TypeScript Domine classes, objetos, encapsulamento, heran\u00e7a, polimorfismo, interfaces, tipos e Generics utilizando TypeScript puro. CONHECER O CURSO \ud83d\udd25 MAIS VENDIDO \ud83d\udcbb Curso mais completo Laborat\u00f3rio JavaScript Full Stack \u2014 22 Projetos Reais Desenvolva 22 projetos reais passando pelo Front-end, Back-end, APIs, bancos de dados e arquitetura de aplica\u00e7\u00f5es. \u2b50 Do navegador ao servidor CONHECER O CURSO N\u00e3o sabe por onde come\u00e7ar? Comece por Algoritmos com JavaScript, avance para JavaScript Intermedi\u00e1rio e depois escolha uma especializa\u00e7\u00e3o em React, TypeScript e POO ou desenvolvimento Full Stack. &#8220;` &#8220;` Continue aprendendo Acompanhe as lives semanais, explore os artigos, pratique com os projetos dispon\u00edveis e escolha um dos cursos para aprofundar seus conhecimentos com uma sequ\u00eancia completa de estudos. Cada conte\u00fado foi desenvolvido para ajudar voc\u00ea a entender os conceitos, praticar com projetos reais e evoluir de forma consistente na programa\u00e7\u00e3o. &#8220;` Bora codar \ud83d\ude80 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":110,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/pages\/473\/revisions"}],"predecessor-version":[{"id":2305,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/pages\/473\/revisions\/2305"}],"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}]}}