{"id":2555,"date":"2026-09-27T12:29:59","date_gmt":"2026-09-27T15:29:59","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?page_id=2555"},"modified":"2026-09-27T14:22:39","modified_gmt":"2026-09-27T17:22:39","slug":"javascript-do-zero-curso-pratico-com-livro-e-projetos","status":"publish","type":"page","link":"https:\/\/desvendandoocodigo.com.br\/?page_id=2555","title":{"rendered":"JavaScript do Zero: Curso Pr\u00e1tico com Livro e Projetos"},"content":{"rendered":"\n<!--\nP\u00c1GINA DO CURSO \u2014 DESVENDANDO O C\u00d3DIGO\nCole todo este conte\u00fado em UM bloco \"HTML personalizado\" de uma p\u00e1gina nova no WordPress.\nAs imagens j\u00e1 apontam para os tr\u00eas arquivos publicados na Biblioteca de M\u00eddia do WordPress.\nO link do bot\u00e3o usa a p\u00e1gina atual do produto na Hotmart. Se quiser checkout direto,\nsubstitua-o pelo link oficial de pagamento obtido na Hotmart.\nN\u00e3o insira o banner geral do blog dentro deste bloco: o tema Ashe j\u00e1 o exibe na p\u00e1gina.\n-->\n<style>\n.dc-course{--dc-ink:#0b0e16;--dc-card:#121722;--dc-gold:#ffcc16;--dc-soft:#f5f3ec;--dc-line:#e9e4d5;color:#20242c;font-family:Arial,Helvetica,sans-serif;line-height:1.55;max-width:1120px;margin:0 auto;box-sizing:border-box}\n.dc-course *{box-sizing:border-box}\n.dc-course h1,.dc-course h2,.dc-course h3,.dc-course p{margin:0}\n.dc-course h1,.dc-course h2,.dc-course h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.035em;line-height:1.15;font-weight:800}\n.dc-course h1{font-size:clamp(2.45rem,5vw,4.5rem)}\n.dc-course h2{font-size:clamp(1.8rem,3.4vw,2.8rem)}\n.dc-course h3{font-size:1.35rem}\n.dc-course p{margin-top:14px}\n.dc-course a{text-decoration:none}\n.dc-course .dc-section{padding:clamp(42px,6vw,76px) clamp(22px,5vw,64px)}\n.dc-course .dc-eyebrow{display:block;font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:.73rem;color:#a97b00;margin-bottom:14px}\n.dc-course .dc-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--dc-gold);color:#17130a!important;border-radius:11px;padding:15px 22px;font-size:1rem;font-weight:800;margin-top:24px;box-shadow:0 8px 25px rgba(255,204,22,.16);transition:transform .2s,filter .2s}\n.dc-course .dc-button:hover{transform:translateY(-2px);filter:brightness(1.04)}\n.dc-course .dc-button:focus-visible,.dc-course a:focus-visible,.dc-course summary:focus-visible{outline:3px solid #3575ee;outline-offset:3px}\n.dc-course .dc-hero{background:radial-gradient(circle at 87% 14%,#253044 0%,transparent 37%),linear-gradient(130deg,#080b10,#121826);color:#fff;border-radius:20px 20px 0 0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:32px}\n.dc-course .dc-hero .dc-eyebrow,.dc-course .dc-dark .dc-eyebrow{color:var(--dc-gold)}\n.dc-course .dc-hero h1 span{color:var(--dc-gold)}\n.dc-course .dc-lead{font-size:clamp(1.04rem,1.7vw,1.27rem);color:#e4e8f0;max-width:520px}\n.dc-course .dc-proof{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0 4px}\n.dc-course .dc-proof span{border:1px solid #455064;background:#ffffff0a;border-radius:999px;padding:8px 12px;font-size:.83rem;font-weight:700;white-space:nowrap}\n.dc-course .dc-hero-shot{position:relative;width:100%;min-width:0;border-radius:16px;overflow:hidden;border:1px solid #455064;background:#0d1020;box-shadow:0 24px 70px #0008}\n.dc-course img{max-width:100%;height:auto;display:block}\n.dc-course .dc-hero-shot img{width:100%;max-width:100%!important;height:auto;aspect-ratio:auto;object-fit:contain;margin:0}\n.dc-course .dc-shot-label{position:absolute;left:12px;bottom:12px;background:#070b13e8;color:#fff;padding:8px 12px;border-radius:8px;font-size:.76rem;font-weight:800}\n.dc-course .dc-intro{background:#fff;text-align:center;border-left:1px solid #eee;border-right:1px solid #eee}\n.dc-course .dc-intro p{max-width:760px;margin:16px auto 0;color:#525966}\n.dc-course .dc-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:31px;text-align:left}\n.dc-course .dc-benefits div{border:1px solid var(--dc-line);border-radius:14px;padding:21px;background:#fffdf7}\n.dc-course .dc-benefits b{display:block;color:#181b22;font-size:1.05rem}\n.dc-course .dc-benefits p{font-size:.91rem;margin-top:7px}\n.dc-course .dc-projects{background:var(--dc-soft)}\n.dc-course .dc-section-head{max-width:760px;margin-bottom:29px}\n.dc-course .dc-section-head p{color:#5a606a}\n.dc-course .dc-project-grid{display:grid;grid-template-columns:1fr;gap:22px}\n.dc-course .dc-project{background:#fff;border:1px solid #e2dfd7;border-radius:17px;overflow:hidden;box-shadow:0 10px 30px #1418270d}\n.dc-course .dc-project.dc-wide{grid-column:auto;display:block}\n.dc-course .dc-project-visual{background:#0b1020;min-height:260px;display:flex;align-items:center;justify-content:center;padding:15px;overflow:hidden}\n.dc-course .dc-project-visual img{max-height:490px;width:auto;object-fit:contain;border-radius:7px}\n.dc-course .dc-project:nth-child(2) .dc-project-visual img{width:100%;max-height:none}\n.dc-course .dc-project.dc-wide .dc-project-visual{min-height:0;height:auto;padding:0;display:block}\n.dc-course .dc-project.dc-wide .dc-project-visual img{width:100%;max-width:100%!important;max-height:none;height:auto;object-fit:contain;margin:0;border-radius:0}\n.dc-course .dc-project-copy{padding:23px 25px 27px}\n.dc-course .dc-chip{display:inline-block;color:#1b1600;background:#ffe275;border-radius:5px;padding:5px 9px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}\n.dc-course .dc-project-copy p{color:#565d67;font-size:.94rem;margin-top:8px}\n.dc-course .dc-path{background:#fff}\n.dc-course .dc-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}\n.dc-course .dc-step{border-top:2px solid #e4e6ea;padding-top:20px}\n.dc-course .dc-step b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:var(--dc-gold);border-radius:50%;margin-top:-39px;margin-bottom:24px;color:#0a0c10}\n.dc-course .dc-step h3{font-size:1.03rem}\n.dc-course .dc-step p{color:#606772;font-size:.87rem;margin-top:8px}\n.dc-course .dc-included{background:#10151e;color:#f7f8fa;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}\n.dc-course .dc-included p{color:#d6dae2}\n.dc-course .dc-list{list-style:none;padding:0;margin:0;display:grid;gap:13px}\n.dc-course .dc-list li{padding:13px 16px;border:1px solid #394351;border-radius:10px;background:#ffffff08}\n.dc-course .dc-list li:before{content:'\u2713';font-weight:900;color:var(--dc-gold);margin-right:11px}\n.dc-course .dc-note{font-size:.82rem!important;opacity:.86}\n.dc-course .dc-project-scope{margin:22px 0 0;padding:16px 19px;border-left:4px solid #d7a500;border-radius:8px;background:#fff!important;color:#262c35!important;line-height:1.55}\n.dc-course .dc-project-scope strong{color:#171b22!important}\n.dc-course .dc-faq{background:#fff}\n.dc-course details{border:1px solid #e1e3e8;border-radius:10px;margin-top:10px;background:#fff}\n.dc-course summary{padding:15px 18px;cursor:pointer;font-weight:750;color:#1a1d23}\n.dc-course details p{padding:0 18px 17px;margin:0;color:#525a64}\n.dc-course .dc-final{background:linear-gradient(125deg,#090c12,#202736);color:#fff;text-align:center;border-radius:0 0 20px 20px}\n.dc-course .dc-final p{color:#d8dce4;max-width:650px;margin:15px auto 0}\n.dc-course .dc-final .dc-price{display:block;margin:20px auto 0;color:var(--dc-gold);font-size:clamp(2rem,5vw,2.8rem);font-weight:900;line-height:1.15}\n.dc-course .dc-final .dc-payment-note{font-size:.84rem;margin:8px auto 0}\n.dc-course .dc-final .dc-button{margin-top:22px}\n@media(max-width:900px){.dc-course .dc-hero{grid-template-columns:1fr}.dc-course .dc-steps{grid-template-columns:repeat(2,1fr);row-gap:35px}}\n@media(max-width:620px){.dc-course .dc-section{padding:38px 19px}.dc-course .dc-hero{gap:25px;min-height:0}.dc-course .dc-proof{gap:6px}.dc-course .dc-proof span{font-size:.74rem;padding:7px 9px}.dc-course .dc-benefits,.dc-course .dc-project-grid,.dc-course .dc-included{grid-template-columns:1fr}.dc-course .dc-project-visual{min-height:200px}.dc-course .dc-project-visual img{max-height:420px}.dc-course .dc-project:nth-child(2) .dc-project-visual img{max-height:none}.dc-course .dc-project.dc-wide .dc-project-visual{min-height:0;height:auto}.dc-course .dc-project.dc-wide .dc-project-visual img{max-height:none}.dc-course .dc-steps{gap:34px 14px}.dc-course .dc-step h3{font-size:.94rem}.dc-course .dc-step p{font-size:.81rem}.dc-course .dc-button{width:100%;text-align:center}}\n\/* Cores locais prevalecem sobre o modo escuro do Ashe e plugins de dark mode. *\/\n.dc-course .dc-intro,.dc-course .dc-path,.dc-course .dc-faq,.dc-course .dc-project{background:#fff!important;color:#20242c!important}\n.dc-course .dc-projects{background:#f5f3ec!important;color:#20242c!important}\n.dc-course .dc-benefits div{background:#fffdf7!important;color:#20242c!important}\n.dc-course .dc-intro h2,.dc-course .dc-intro h3,.dc-course .dc-path h2,.dc-course .dc-path h3,.dc-course .dc-faq h2,.dc-course .dc-projects h2,.dc-course .dc-project h3,.dc-course .dc-benefits b{color:#171b22!important}\n.dc-course .dc-intro p,.dc-course .dc-path p,.dc-course .dc-faq p,.dc-course .dc-projects p,.dc-course .dc-project p{color:#525a64!important}\n.dc-course .dc-faq details{background:#fff!important;border-color:#dfe2e8!important}\n.dc-course .dc-faq summary{color:#171b22!important;background:#fff!important}\n.dc-course .dc-hero,.dc-course .dc-included,.dc-course .dc-final{color:#fff!important}\n.dc-course .dc-hero h1,.dc-course .dc-included h2,.dc-course .dc-final h2{color:#fff!important}\n.dc-course .dc-hero h1 span{color:#ffcc16!important}\n.dc-course .dc-hero p,.dc-course .dc-included p,.dc-course .dc-final p{color:#e4e8f0!important}\n.dc-course .dc-hero .dc-eyebrow,.dc-course .dc-included .dc-eyebrow,.dc-course .dc-final .dc-eyebrow{color:#ffcc16!important}\n.dc-course .dc-final .dc-price{color:#ffcc16!important}\n.dc-course .dc-included .dc-list li{color:#f7f8fa!important;background:#ffffff08!important}\n.dc-course .dc-button,.dc-course .dc-button:visited{background:#ffcc16!important;color:#17130a!important}\n.dc-course .dc-chip{background:#ffe275!important;color:#1b1600!important}\n<\/style>\n\n<div class=\"dc-course\">\n  <section class=\"dc-section dc-hero\" aria-labelledby=\"dc-title\">\n    <div>\n      <span class=\"dc-eyebrow\">Curso b\u00e1sico para iniciantes<\/span>\n      <h1 id=\"dc-title\"><span>JavaScript<\/span> do Zero<\/h1>\n      <p class=\"dc-lead\">Comece pela l\u00f3gica, pratique no c\u00f3digo e avance at\u00e9 criar a Dev Store: um projeto did\u00e1tico de JavaScript para iniciantes.<\/p>\n      <div class=\"dc-proof\" aria-label=\"O que est\u00e1 inclu\u00eddo\"><span>11 m\u00f3dulos<\/span><span>142 aulas em v\u00eddeo<\/span><span>Livro inclu\u00eddo<\/span><\/div>\n      <a class=\"dc-button\" href=\"#dc-projetos\">Veja o que voc\u00ea vai construir \u2193<\/a>\n    <\/div>\n    <div class=\"dc-hero-shot\">\n      <img decoding=\"async\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/09\/dev-store-projeto.png\" alt=\"Tela real da Dev Store, projeto final do curso JavaScript do Zero\">\n      <span class=\"dc-shot-label\">Projeto de estudo \u2022 Dev Store<\/span>\n    <\/div>\n  <\/section>\n\n  <section class=\"dc-section dc-intro\" aria-labelledby=\"dc-intro-title\">\n    <span class=\"dc-eyebrow\">Uma sequ\u00eancia que faz sentido<\/span>\n    <h2 id=\"dc-intro-title\">Da primeira condi\u00e7\u00e3o a projetos que funcionam<\/h2>\n    <p>Feito para quem est\u00e1 come\u00e7ando, o curso parte da l\u00f3gica e avan\u00e7a passo a passo por HTML, CSS e JavaScript. Voc\u00ea pratica cada conceito em exerc\u00edcios e projetos, sem precisar chegar sabendo programar.<\/p>\n    <div class=\"dc-benefits\">\n      <div><b>01 \u2022 Entenda<\/b><p>Construa o racioc\u00ednio com algoritmos, vari\u00e1veis, decis\u00f5es e repeti\u00e7\u00f5es.<\/p><\/div>\n      <div><b>02 \u2022 Experimente<\/b><p>Pratique com exerc\u00edcios e veja como o c\u00f3digo muda o resultado.<\/p><\/div>\n      <div><b>03 \u2022 Construa<\/b><p>Use HTML, CSS e JavaScript para criar interfaces e projetos pr\u00e1ticos.<\/p><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"dc-section dc-projects\" id=\"dc-projetos\" aria-labelledby=\"dc-projects-title\">\n    <div class=\"dc-section-head\"><span class=\"dc-eyebrow\">Veja os projetos reais<\/span><h2 id=\"dc-projects-title\">O que voc\u00ea vai colocar em pr\u00e1tica<\/h2><p>Uma amostra visual do que \u00e9 desenvolvido nas aulas. Voc\u00ea acompanha a constru\u00e7\u00e3o e aprende os conceitos por tr\u00e1s de cada resultado.<\/p><\/div>\n    <div class=\"dc-project-grid\">\n      <article class=\"dc-project\">\n        <div class=\"dc-project-visual\"><img decoding=\"async\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/09\/imc.png\" alt=\"Tela real da Calculadora de IMC do curso, com campos para peso e altura\" width=\"732\" height=\"955\" loading=\"lazy\"><\/div>\n        <div class=\"dc-project-copy\"><span class=\"dc-chip\">Projeto pr\u00e1tico<\/span><h3>Calculadora de IMC<\/h3><p>Um formul\u00e1rio que recebe informa\u00e7\u00f5es e exibe um resultado. Um jeito concreto de praticar entradas, c\u00e1lculos e decis\u00f5es com JavaScript.<\/p><\/div>\n      <\/article>\n      <article class=\"dc-project\">\n        <div class=\"dc-project-visual\"><img decoding=\"async\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/09\/garagem.png\" alt=\"Tela real do projeto b\u00f4nus Garagem JS com lista de carros criada dinamicamente\" width=\"1235\" height=\"946\" loading=\"lazy\"><\/div>\n        <div class=\"dc-project-copy\"><span class=\"dc-chip\">Projeto b\u00f4nus<\/span><h3>Garagem JS<\/h3><p>Uma lista de carros criada dinamicamente. Voc\u00ea v\u00ea arrays e la\u00e7os de repeti\u00e7\u00e3o organizando dados e exibindo cada item na p\u00e1gina.<\/p><\/div>\n      <\/article>\n      <article class=\"dc-project dc-wide\">\n        <div class=\"dc-project-visual\"><img decoding=\"async\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/09\/dev-store-projeto.png\" alt=\"Tela real da Dev Store com vitrine e produtos exibidos em cart\u00f5es\" loading=\"lazy\"><\/div>\n        <div class=\"dc-project-copy\"><span class=\"dc-chip\">Projeto final para iniciantes<\/span><h3>Dev Store<\/h3><p>Re\u00fana o que estudou para montar uma vitrine de produtos, adicionar itens a um carrinho simulado e adaptar a interface ao celular usando HTML, CSS e JavaScript.<\/p><\/div>\n      <\/article>\n    <\/div>\n    <p class=\"dc-project-scope\"><strong>Importante:<\/strong> este \u00e9 um curso b\u00e1sico de programa\u00e7\u00e3o para iniciantes. A Dev Store \u00e9 um projeto para estudos: uma simula\u00e7\u00e3o para praticar HTML, CSS e JavaScript, inclusive as intera\u00e7\u00f5es do carrinho. N\u00e3o \u00e9 uma loja virtual completa com pagamentos, estoque ou pedidos reais.<\/p>\n  <\/section>\n\n  <section class=\"dc-section dc-path\" aria-labelledby=\"dc-path-title\">\n    <div class=\"dc-section-head\"><span class=\"dc-eyebrow\">Sua jornada de aprendizagem<\/span><h2 id=\"dc-path-title\">Comece pela base. Avance construindo.<\/h2><p>S\u00e3o 11 m\u00f3dulos e 142 aulas organizados em uma sequ\u00eancia progressiva.<\/p><\/div>\n    <div class=\"dc-steps\">\n      <div class=\"dc-step\"><b>1<\/b><h3>L\u00f3gica e algoritmos<\/h3><p>Vari\u00e1veis, operadores, condi\u00e7\u00f5es, la\u00e7os, arrays e fun\u00e7\u00f5es.<\/p><\/div>\n      <div class=\"dc-step\"><b>2<\/b><h3>HTML e CSS<\/h3><p>Estrutura e visual das p\u00e1ginas para receber a l\u00f3gica do JavaScript.<\/p><\/div>\n      <div class=\"dc-step\"><b>3<\/b><h3>JavaScript no navegador<\/h3><p>DOM, eventos, formul\u00e1rios e intera\u00e7\u00e3o com os elementos da p\u00e1gina.<\/p><\/div>\n      <div class=\"dc-step\"><b>4<\/b><h3>Projeto Dev Store<\/h3><p>Aplique os fundamentos ao desenvolvimento do projeto final.<\/p><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"dc-section dc-included dc-dark\" aria-labelledby=\"dc-included-title\">\n    <div><span class=\"dc-eyebrow\">Curso + livro<\/span><h2 id=\"dc-included-title\">Aprenda com as aulas. Reforce com a leitura.<\/h2><p>O livro digital <strong>Pense Como Programador \u2014 L\u00f3gica com JavaScript do Zero<\/strong> acompanha a forma\u00e7\u00e3o como material de apoio para revisitar conceitos e exemplos.<\/p><a class=\"dc-button\" href=\"https:\/\/pay.hotmart.com\/T107484886S\" target=\"_blank\" rel=\"noopener noreferrer\">Inscrever-se no curso \u2192<\/a><\/div>\n    <div><ul class=\"dc-list\"><li>11 m\u00f3dulos e 142 aulas em v\u00eddeo<\/li><li>Exerc\u00edcios e projetos pr\u00e1ticos<\/li><li>Calculadora de IMC e Dev Store<\/li><li>Garagem JS como projeto b\u00f4nus<\/li><li>Livro digital inclu\u00eddo na forma\u00e7\u00e3o<\/li><\/ul><p class=\"dc-note\">A pr\u00e9via do livro fica dispon\u00edvel ao entrar no curso. O livro completo \u00e9 liberado no 8\u00ba dia, conforme a organiza\u00e7\u00e3o da forma\u00e7\u00e3o.<\/p><\/div>\n  <\/section>\n\n  <section class=\"dc-section dc-faq\" aria-labelledby=\"dc-faq-title\">\n    <span class=\"dc-eyebrow\">D\u00favidas frequentes<\/span><h2 id=\"dc-faq-title\">Antes de come\u00e7ar<\/h2>\n    <details><summary>Preciso saber programar antes?<\/summary><p>N\u00e3o. \u00c9 um curso b\u00e1sico para iniciantes: voc\u00ea come\u00e7a pela l\u00f3gica de programa\u00e7\u00e3o e avan\u00e7a gradualmente para HTML, CSS e JavaScript.<\/p><\/details>\n    <details><summary>O que recebo ao entrar?<\/summary><p>Acesso \u00e0s aulas organizadas em 11 m\u00f3dulos, exerc\u00edcios, projetos pr\u00e1ticos, o b\u00f4nus Garagem JS e o livro digital que acompanha a forma\u00e7\u00e3o.<\/p><\/details>\n    <details><summary>Como recebo o livro?<\/summary><p>Voc\u00ea encontra uma pr\u00e9via ao entrar no curso. O livro completo \u00e9 liberado no 8\u00ba dia dentro da forma\u00e7\u00e3o.<\/p><\/details>\n    <details><summary>Qual \u00e9 o projeto final?<\/summary><p>A Dev Store \u00e9 o projeto final para praticar l\u00f3gica, interfaces e intera\u00e7\u00f5es em JavaScript. \u00c9 uma simula\u00e7\u00e3o did\u00e1tica, n\u00e3o uma loja virtual completa. A Garagem JS \u00e9 um projeto b\u00f4nus separado.<\/p><\/details>\n  <\/section>\n\n  <section class=\"dc-section dc-final\" aria-labelledby=\"dc-final-title\"><span class=\"dc-eyebrow\">Vamos come\u00e7ar?<\/span><h2 id=\"dc-final-title\">Da l\u00f3gica \u00e0 sua Dev Store.<\/h2><p>Curso JavaScript do Zero com livro digital inclu\u00eddo.<\/p><strong class=\"dc-price\">R$ 167,90 \u00e0 vista<\/strong><p class=\"dc-payment-note\">Confira as formas de pagamento no checkout da Hotmart.<\/p><a class=\"dc-button\" href=\"https:\/\/pay.hotmart.com\/T107484886S\" target=\"_blank\" rel=\"noopener noreferrer\">Inscrever-se no curso + livro \u2192<\/a><\/section>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Curso b\u00e1sico para iniciantes JavaScript do Zero Comece pela l\u00f3gica, pratique no c\u00f3digo e avance at\u00e9 criar a Dev Store: um projeto did\u00e1tico de JavaScript para iniciantes. 11 m\u00f3dulos142 aulas em v\u00eddeoLivro inclu\u00eddo Veja o que voc\u00ea vai construir \u2193 Projeto de estudo \u2022 Dev Store Uma sequ\u00eancia que faz sentido Da primeira condi\u00e7\u00e3o a projetos que funcionam Feito para quem est\u00e1 come\u00e7ando, o curso parte da l\u00f3gica e avan\u00e7a passo a passo por HTML, CSS e JavaScript. Voc\u00ea pratica cada conceito em exerc\u00edcios e projetos, sem precisar chegar sabendo programar. 01 \u2022 Entenda Construa o racioc\u00ednio com algoritmos, vari\u00e1veis, decis\u00f5es e repeti\u00e7\u00f5es. 02 \u2022 Experimente Pratique com exerc\u00edcios e veja como o c\u00f3digo muda o resultado. 03 \u2022 Construa Use HTML, CSS e JavaScript para criar interfaces e projetos pr\u00e1ticos. Veja os projetos reais O que voc\u00ea vai colocar em pr\u00e1tica Uma amostra visual do que \u00e9 desenvolvido nas aulas. Voc\u00ea acompanha a constru\u00e7\u00e3o e aprende os conceitos por tr\u00e1s de cada resultado. Projeto pr\u00e1tico Calculadora de IMC Um formul\u00e1rio que recebe informa\u00e7\u00f5es e exibe um resultado. Um jeito concreto de praticar entradas, c\u00e1lculos e decis\u00f5es com JavaScript. Projeto b\u00f4nus Garagem JS Uma lista de carros criada dinamicamente. Voc\u00ea v\u00ea arrays e la\u00e7os de repeti\u00e7\u00e3o organizando dados e exibindo cada item na p\u00e1gina. Projeto final para iniciantes Dev Store Re\u00fana o que estudou para montar uma vitrine de produtos, adicionar itens a um carrinho simulado e adaptar a interface ao celular usando HTML, CSS e JavaScript. Importante: este \u00e9 um curso b\u00e1sico de programa\u00e7\u00e3o para iniciantes. A Dev Store \u00e9 um projeto para estudos: uma simula\u00e7\u00e3o para praticar HTML, CSS e JavaScript, inclusive as intera\u00e7\u00f5es do carrinho. N\u00e3o \u00e9 uma loja virtual completa com pagamentos, estoque ou pedidos reais. Sua jornada de aprendizagem Comece pela base. Avance construindo. S\u00e3o 11 m\u00f3dulos e 142 aulas organizados em uma sequ\u00eancia progressiva. 1 L\u00f3gica e algoritmos Vari\u00e1veis, operadores, condi\u00e7\u00f5es, la\u00e7os, arrays e fun\u00e7\u00f5es. 2 HTML e CSS Estrutura e visual das p\u00e1ginas para receber a l\u00f3gica do JavaScript. 3 JavaScript no navegador DOM, eventos, formul\u00e1rios e intera\u00e7\u00e3o com os elementos da p\u00e1gina. 4 Projeto Dev Store Aplique os fundamentos ao desenvolvimento do projeto final. Curso + livro Aprenda com as aulas. Reforce com a leitura. O livro digital Pense Como Programador \u2014 L\u00f3gica com JavaScript do Zero acompanha a forma\u00e7\u00e3o como material de apoio para revisitar conceitos e exemplos. Inscrever-se no curso \u2192 11 m\u00f3dulos e 142 aulas em v\u00eddeo Exerc\u00edcios e projetos pr\u00e1ticos Calculadora de IMC e Dev Store Garagem JS como projeto b\u00f4nus Livro digital inclu\u00eddo na forma\u00e7\u00e3o A pr\u00e9via do livro fica dispon\u00edvel ao entrar no curso. O livro completo \u00e9 liberado no 8\u00ba dia, conforme a organiza\u00e7\u00e3o da forma\u00e7\u00e3o. D\u00favidas frequentes Antes de come\u00e7ar Preciso saber programar antes? N\u00e3o. \u00c9 um curso b\u00e1sico para iniciantes: voc\u00ea come\u00e7a pela l\u00f3gica de programa\u00e7\u00e3o e avan\u00e7a gradualmente para HTML, CSS e JavaScript. O que recebo ao entrar? Acesso \u00e0s aulas organizadas em 11 m\u00f3dulos, exerc\u00edcios, projetos pr\u00e1ticos, o b\u00f4nus Garagem JS e o livro digital que acompanha a forma\u00e7\u00e3o. Como recebo o livro? Voc\u00ea encontra uma pr\u00e9via ao entrar no curso. O livro completo \u00e9 liberado no 8\u00ba dia dentro da forma\u00e7\u00e3o. Qual \u00e9 o projeto final? A Dev Store \u00e9 o projeto final para praticar l\u00f3gica, interfaces e intera\u00e7\u00f5es em JavaScript. \u00c9 uma simula\u00e7\u00e3o did\u00e1tica, n\u00e3o uma loja virtual completa. A Garagem JS \u00e9 um projeto b\u00f4nus separado. Vamos come\u00e7ar? Da l\u00f3gica \u00e0 sua Dev Store. Curso JavaScript do Zero com livro digital inclu\u00eddo. R$ 167,90 \u00e0 vista Confira as formas de pagamento no checkout da Hotmart. Inscrever-se no curso + livro \u2192<\/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-2555","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2555","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=2555"}],"version-history":[{"count":11,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2555\/revisions"}],"predecessor-version":[{"id":2581,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2555\/revisions\/2581"}],"wp:attachment":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}