{"id":2613,"date":"2026-10-11T10:12:11","date_gmt":"2026-10-11T13:12:11","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?page_id=2613"},"modified":"2026-10-11T10:23:31","modified_gmt":"2026-10-11T13:23:31","slug":"react-do-zero-aprenda-react-na-pratica-com-projetos-reais","status":"publish","type":"page","link":"https:\/\/desvendandoocodigo.com.br\/?page_id=2613","title":{"rendered":"React do Zero \u2014 Aprenda React na Pr\u00e1tica com Projetos Reais"},"content":{"rendered":"\n<!-- Cole tudo em um \u00fanico bloco HTML personalizado do WordPress. O tema Ashe j\u00e1 exibe o banner do blog. -->\n<style>\n.dc-react{--ink:#0b0e16;--gold:#ffcc16;--soft:#f5f3ec;color:#20242c;font:16px\/1.6 Arial,Helvetica,sans-serif;max-width:1120px;margin:auto;box-sizing:border-box}\n.dc-react *{box-sizing:border-box}.dc-react h1,.dc-react h2,.dc-react h3,.dc-react p{margin:0}.dc-react h1,.dc-react h2,.dc-react h3{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1.15}.dc-react h1{font-size:clamp(2.35rem,5vw,4.3rem)}.dc-react h2{font-size:clamp(1.8rem,3.5vw,2.75rem)}.dc-react h3{font-size:1.3rem}.dc-react p{margin-top:14px}.dc-react img{display:block;max-width:100%;height:auto;margin:0}.dc-react a{text-decoration:none}.dc-react .section{padding:clamp(40px,6vw,74px) clamp(20px,5vw,62px)}.dc-react .eyebrow{display:block;color:#967000;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;margin-bottom:14px}.dc-react .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--gold)!important;color:#15120a!important;font-weight:800;padding:15px 23px;margin-top:24px;transition:transform .2s}.dc-react .btn:hover{transform:translateY(-2px)}.dc-react a:focus-visible,.dc-react summary:focus-visible{outline:3px solid #399be7;outline-offset:3px}.dc-react .hero{background:radial-gradient(circle at 85% 10%,#25354a,transparent 45%),linear-gradient(130deg,#080b10,#121826);color:white!important;border-radius:20px 20px 0 0}.dc-react .hero .eyebrow,.dc-react .dark .eyebrow{color:var(--gold)}.dc-react .hero h1{color:white!important}.dc-react .hero h1 span{color:var(--gold)}.dc-react .hero p{color:#e3e8f0!important;font-size:1.13rem;max-width:750px}.dc-react .chips{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 26px}.dc-react .chips span{border:1px solid #4c5566;background:#ffffff0b;color:white;border-radius:99px;padding:7px 12px;font-size:.82rem;font-weight:700}.dc-react .hero-image{overflow:hidden;border:1px solid #445166;border-radius:14px;background:#0b1220;box-shadow:0 20px 55px #0006}.dc-react .hero-image img{width:100%;height:auto}.dc-react .intro,.dc-react .path,.dc-react .faq{background:#fff!important;color:#20242c!important}.dc-react .intro{text-align:center}.dc-react .intro>p{max-width:750px;margin:16px auto 0;color:#525966!important}.dc-react .benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px;text-align:left}.dc-react .benefits article{border:1px solid #e9e4d5;border-radius:14px;padding:21px;background:#fffdf7!important}.dc-react .benefits b{font-size:1.05rem;color:#181b22}.dc-react .benefits p{font-size:.92rem;color:#555d68!important;margin-top:7px}.dc-react .projects{background:var(--soft)!important;color:#20242c!important}.dc-react .section-head{max-width:770px;margin-bottom:30px}.dc-react .section-head p{color:#555d68!important}.dc-react .project-list{display:grid;gap:24px}.dc-react .project{background:#fff!important;border:1px solid #e2dfd7;border-radius:17px;overflow:hidden;box-shadow:0 10px 30px #1418270d}.dc-react .project-image{background:#0b1020;padding:12px}.dc-react .project-image img{width:100%;height:auto;object-fit:contain;border-radius:6px}.dc-react .project-copy{padding:23px 26px 27px}.dc-react .tag{display:inline-block;color:#171300!important;background:#ffe275!important;font-size:.74rem;font-weight:800;padding:5px 10px;border-radius:5px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.dc-react .project h3,.dc-react .intro h2,.dc-react .path h2,.dc-react .faq h2,.dc-react .projects h2{color:#171b22!important}.dc-react .project p{color:#555d68!important;font-size:.96rem;margin-top:9px}.dc-react .note{background:#fff!important;color:#262c35!important;border-left:4px solid #d7a500;border-radius:7px;padding:16px 19px;margin-top:23px;font-size:.9rem}.dc-react .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}.dc-react .step{border-top:2px solid #e4e6ea;padding-top:18px}.dc-react .step strong{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:var(--gold);color:#111;margin-top:-37px;margin-bottom:23px}.dc-react .step h3{font-size:1.05rem;color:#171b22!important}.dc-react .step p{font-size:.88rem;color:#606772!important;margin-top:8px}.dc-react .included{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;background:#10151e!important;color:#fff!important}.dc-react .included h2{color:white!important}.dc-react .included p{color:#d6dae2!important}.dc-react .included ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.dc-react .included li{color:#f7f8fa!important;background:#ffffff08;border:1px solid #394351;border-radius:10px;padding:13px 15px}.dc-react .included li:before{content:'\u2713';color:var(--gold);font-weight:900;margin-right:10px}.dc-react .faq details{border:1px solid #e1e3e8;border-radius:10px;margin-top:10px;background:#fff!important}.dc-react .faq summary{cursor:pointer;padding:15px 18px;font-weight:750;color:#171b22!important}.dc-react .faq details p{margin:0;padding:0 18px 17px;color:#525a64!important}.dc-react .final{background:linear-gradient(125deg,#090c12,#202736)!important;color:#fff!important;text-align:center;border-radius:0 0 20px 20px}.dc-react .final h2{color:#fff!important}.dc-react .final p{color:#d8dce4!important;max-width:670px;margin:15px auto 0}.dc-react .price{display:block;color:var(--gold);font-size:clamp(2.2rem,5vw,3rem);font-weight:900;margin-top:18px}.dc-react .small{font-size:.84rem!important}.dc-react .final .eyebrow{color:var(--gold)}\n@media(max-width:800px){.dc-react .benefits{grid-template-columns:1fr}.dc-react .steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:35px}.dc-react .included{grid-template-columns:1fr}}\n@media(max-width:600px){.dc-react .section{padding:38px 19px}.dc-react .btn{width:100%;text-align:center}.dc-react .project-image{padding:5px}.dc-react .project-copy{padding:21px}.dc-react .chips span{font-size:.75rem}}\n<\/style>\n<div class=\"dc-react\">\n<section class=\"section hero\" aria-labelledby=\"react-title\">\n<span class=\"eyebrow\">Desvendando o C\u00f3digo \u2022 Forma\u00e7\u00e3o pr\u00e1tica<\/span>\n<h1 id=\"react-title\"><span>React<\/span> do Zero<\/h1>\n<p>Transforme seus conhecimentos de JavaScript em aplica\u00e7\u00f5es reais. Aprenda componentes, estados, eventos e integra\u00e7\u00e3o com APIs enquanto constr\u00f3i projetos do in\u00edcio ao fim.<\/p>\n<div class=\"chips\"><span>Projetos reais<\/span><span>React + JavaScript<\/span><span>Integra\u00e7\u00e3o com APIs<\/span><\/div>\n<div class=\"hero-image\"><img decoding=\"async\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/10\/react-catalogo-produtos.png\" alt=\"Tela real do cat\u00e1logo de produtos desenvolvido com React, mostrando cadastro, busca e cart\u00f5es de produtos\" width=\"970\" height=\"929\" fetchpriority=\"high\"><\/div>\n<a class=\"btn\" href=\"#react-projetos\">Conhe\u00e7a os projetos \u2193<\/a>\n<\/section>\n<section class=\"section intro\" aria-labelledby=\"react-intro\">\n<span class=\"eyebrow\">Aprenda fazendo<\/span><h2 id=\"react-intro\">Do JavaScript \u00e0s aplica\u00e7\u00f5es com React<\/h2>\n<p>Voc\u00ea j\u00e1 estudou os fundamentos de JavaScript e quer avan\u00e7ar para a cria\u00e7\u00e3o de interfaces modernas? Aqui, cada conceito aparece ligado a uma necessidade real do projeto, para voc\u00ea entender n\u00e3o apenas como escrever o c\u00f3digo, mas por que ele \u00e9 utilizado.<\/p>\n<div class=\"benefits\"><article><b>01 \u2022 Entenda<\/b><p>Descubra como componentes e propriedades organizam uma interface React.<\/p><\/article><article><b>02 \u2022 Interaja<\/b><p>Trabalhe com estados, eventos, formul\u00e1rios e atualiza\u00e7\u00f5es da tela.<\/p><\/article><article><b>03 \u2022 Integre<\/b><p>Consuma APIs e desenvolva funcionalidades pr\u00e1ticas de cadastro e gerenciamento.<\/p><\/article><\/div>\n<\/section>\n<section class=\"section projects\" id=\"react-projetos\" aria-labelledby=\"react-projects-title\">\n<div class=\"section-head\"><span class=\"eyebrow\">Projetos desenvolvidos nas aulas<\/span><h2 id=\"react-projects-title\">Veja o que voc\u00ea vai construir<\/h2><p>N\u00e3o s\u00e3o imagens ilustrativas: s\u00e3o capturas das aplica\u00e7\u00f5es utilizadas na forma\u00e7\u00e3o.<\/p><\/div>\n<div class=\"project-list\">\n<article class=\"project\"><div class=\"project-image\"><img decoding=\"async\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/10\/react-calculadora-imc.png\" alt=\"Calculadora de IMC em React com campos de peso e altura e resultado calculado\" width=\"1200\" height=\"905\" loading=\"lazy\"><\/div><div class=\"project-copy\"><span class=\"tag\">Projeto 01 \u2022 Fundamentos<\/span><h3>Calculadora de IMC<\/h3><p>Crie uma interface interativa que recebe peso e altura, calcula o IMC e apresenta o resultado na tela. Um projeto para praticar componentes, eventos e gerenciamento de estados.<\/p><\/div><\/article>\n<article class=\"project\"><div class=\"project-image\"><img decoding=\"async\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/10\/react-json-server.png\" alt=\"Gerenciador de tarefas Dev Tasks em React com JSON Server, incluindo tarefas pendentes e conclu\u00eddas\" width=\"987\" height=\"918\" loading=\"lazy\"><\/div><div class=\"project-copy\"><span class=\"tag\">Projeto 02 \u2022 React + JSON Server<\/span><h3>Dev Tasks \u2014 Gerenciador de Tarefas<\/h3><p>Adicione tarefas, marque como conclu\u00eddas, reabra e exclua itens. Entenda como o React se comunica com uma API REST simulada pelo JSON Server.<\/p><\/div><\/article>\n<article class=\"project\"><div class=\"project-image\"><img decoding=\"async\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/10\/react-catalogo-produtos.png\" alt=\"Cat\u00e1logo de produtos em React integrado a API, com formul\u00e1rio, busca, edi\u00e7\u00e3o e exclus\u00e3o de produtos\" width=\"970\" height=\"929\" loading=\"lazy\"><\/div><div class=\"project-copy\"><span class=\"tag\">Projeto 03 \u2022 Integra\u00e7\u00e3o com API<\/span><h3>Cat\u00e1logo de Produtos<\/h3><p>Desenvolva uma interface de cadastro e gerenciamento de produtos, com busca, listagem, edi\u00e7\u00e3o e exclus\u00e3o. Aplique os conhecimentos de React em uma aplica\u00e7\u00e3o que se comunica com uma API.<\/p><\/div><\/article>\n<article class=\"project\"><div class=\"project-image\"><img decoding=\"async\" src=\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2026\/09\/image-1140x641.png\" alt=\"Interface do sistema de agendamento para barbearia desenvolvida em React e Bootstrap\" width=\"1140\" height=\"641\" loading=\"lazy\"><\/div><div class=\"project-copy\"><span class=\"tag\">Projeto 04 \u2022 Frontend + material complementar<\/span><h3>Agendamento para Barbearia<\/h3><p>Desenvolva nas aulas o frontend de um sistema de agendamento com React e Bootstrap, trabalhando com componentes, formul\u00e1rios e integra\u00e7\u00e3o com API. O material do projeto tamb\u00e9m inclui o backend em Node.js e MySQL, fornecido como apoio para conectar e estudar a aplica\u00e7\u00e3o integrada.<\/p><p><strong>Importante:<\/strong> as aulas deste projeto s\u00e3o focadas no frontend em React. O desenvolvimento do backend n\u00e3o \u00e9 ensinado nesta parte do curso.<\/p><\/div><\/article>\n<\/div>\n<p class=\"note\"><strong>Sobre os projetos:<\/strong> a calculadora \u00e9 uma aplica\u00e7\u00e3o de estudo; o Dev Tasks utiliza o JSON Server para simular uma API REST; e o cat\u00e1logo demonstra a integra\u00e7\u00e3o de uma interface React com API. O projeto da barbearia inclui backend Node.js e MySQL como material complementar, mas as aulas desenvolvem o frontend. S\u00e3o projetos did\u00e1ticos, n\u00e3o sistemas comerciais prontos para produ\u00e7\u00e3o.<\/p>\n<\/section>\n<section class=\"section path\" aria-labelledby=\"react-path-title\"><div class=\"section-head\"><span class=\"eyebrow\">Sua jornada<\/span><h2 id=\"react-path-title\">Evolua de forma progressiva<\/h2><p>Os conceitos aparecem em situa\u00e7\u00f5es pr\u00e1ticas, dos primeiros componentes at\u00e9 aplica\u00e7\u00f5es integradas.<\/p><\/div><div class=\"steps\"><div class=\"step\"><strong>1<\/strong><h3>Primeiros passos<\/h3><p>Estrutura de projeto React e cria\u00e7\u00e3o de componentes.<\/p><\/div><div class=\"step\"><strong>2<\/strong><h3>Interfaces din\u00e2micas<\/h3><p>Estados, propriedades, eventos e formul\u00e1rios.<\/p><\/div><div class=\"step\"><strong>3<\/strong><h3>Dados e listas<\/h3><p>Renderiza\u00e7\u00e3o de informa\u00e7\u00f5es e intera\u00e7\u00e3o com o usu\u00e1rio.<\/p><\/div><div class=\"step\"><strong>4<\/strong><h3>Integra\u00e7\u00e3o com APIs<\/h3><p>Requisi\u00e7\u00f5es e funcionalidades de gerenciamento de dados.<\/p><\/div><\/div><\/section>\n<section class=\"section included dark\" aria-labelledby=\"react-included-title\"><div><span class=\"eyebrow\">O que voc\u00ea encontra<\/span><h2 id=\"react-included-title\">Aprenda React construindo<\/h2><p>Uma forma\u00e7\u00e3o voltada \u00e0 pr\u00e1tica, para quem deseja sair dos fundamentos de JavaScript e come\u00e7ar a desenvolver aplica\u00e7\u00f5es com React.<\/p><a class=\"btn\" href=\"https:\/\/go.hotmart.com\/F107975843F?dp=1\" target=\"_blank\" rel=\"noopener noreferrer sponsored\">Quero aprender React \u2192<\/a><\/div><ul><li>Aulas de React com JavaScript<\/li><li>Cria\u00e7\u00e3o e organiza\u00e7\u00e3o de componentes<\/li><li>Estados, eventos e formul\u00e1rios<\/li><li>Calculadora de IMC<\/li><li>Dev Tasks com JSON Server<\/li><li>Cat\u00e1logo de Produtos integrado \u00e0 API<\/li><li>Frontend de agendamento para barbearia com React e Bootstrap<\/li><li>Backend Node.js + MySQL da barbearia fornecido como material complementar (sem aulas de desenvolvimento do backend)<\/li><\/ul><\/section>\n<section class=\"section faq\" aria-labelledby=\"react-faq-title\"><span class=\"eyebrow\">D\u00favidas frequentes<\/span><h2 id=\"react-faq-title\">Antes de come\u00e7ar<\/h2><details><summary>Preciso saber JavaScript?<\/summary><p>\u00c9 recomendado conhecer os fundamentos de JavaScript, como vari\u00e1veis, fun\u00e7\u00f5es, arrays, objetos e eventos. O curso parte dessa base para ensinar React.<\/p><\/details><details><summary>O curso \u00e9 s\u00f3 teoria?<\/summary><p>N\u00e3o. Os conceitos s\u00e3o aplicados em projetos como Calculadora de IMC, Dev Tasks, Cat\u00e1logo de Produtos e frontend do sistema de agendamento para barbearia.<\/p><\/details><details><summary>O JSON Server \u00e9 um backend completo?<\/summary><p>N\u00e3o. Ele simula uma API REST para fins de aprendizagem e permite praticar requisi\u00e7\u00f5es e gerenciamento de dados.<\/p><\/details><details><summary>O backend da barbearia \u00e9 ensinado nas aulas?<\/summary><p>N\u00e3o. As aulas desse projeto s\u00e3o voltadas ao frontend com React e Bootstrap. O backend em Node.js e MySQL acompanha o material do projeto para integra\u00e7\u00e3o e estudo.<\/p><\/details><details><summary>O livro de React est\u00e1 inclu\u00eddo?<\/summary><p>Esta oferta \u00e9 referente ao curso em v\u00eddeo. O livro de React est\u00e1 em desenvolvimento e n\u00e3o faz parte desta oferta.<\/p><\/details><details><summary>Onde fa\u00e7o minha inscri\u00e7\u00e3o?<\/summary><p>Ao clicar no bot\u00e3o de inscri\u00e7\u00e3o, voc\u00ea ser\u00e1 direcionado para a Hotmart, onde poder\u00e1 conferir as condi\u00e7\u00f5es de compra.<\/p><\/details><\/section>\n<section class=\"section final\" aria-labelledby=\"react-final-title\"><span class=\"eyebrow\">Pronto para avan\u00e7ar?<\/span><h2 id=\"react-final-title\">Do JavaScript aos seus projetos em React.<\/h2><p>Aprenda os fundamentos do React e coloque seus conhecimentos em pr\u00e1tica com aplica\u00e7\u00f5es reais.<\/p><strong class=\"price\">R$ 297,00<\/strong><p class=\"small\">Confira as condi\u00e7\u00f5es e formas de pagamento na Hotmart.<\/p><a class=\"btn\" href=\"https:\/\/go.hotmart.com\/F107975843F?dp=1\" target=\"_blank\" rel=\"noopener noreferrer sponsored\">Inscrever-se no React do Zero \u2192<\/a><\/section>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Desvendando o C\u00f3digo \u2022 Forma\u00e7\u00e3o pr\u00e1tica React do Zero Transforme seus conhecimentos de JavaScript em aplica\u00e7\u00f5es reais. Aprenda componentes, estados, eventos e integra\u00e7\u00e3o com APIs enquanto constr\u00f3i projetos do in\u00edcio ao fim. Projetos reaisReact + JavaScriptIntegra\u00e7\u00e3o com APIs Conhe\u00e7a os projetos \u2193 Aprenda fazendo Do JavaScript \u00e0s aplica\u00e7\u00f5es com React Voc\u00ea j\u00e1 estudou os fundamentos de JavaScript e quer avan\u00e7ar para a cria\u00e7\u00e3o de interfaces modernas? Aqui, cada conceito aparece ligado a uma necessidade real do projeto, para voc\u00ea entender n\u00e3o apenas como escrever o c\u00f3digo, mas por que ele \u00e9 utilizado. 01 \u2022 Entenda Descubra como componentes e propriedades organizam uma interface React. 02 \u2022 Interaja Trabalhe com estados, eventos, formul\u00e1rios e atualiza\u00e7\u00f5es da tela. 03 \u2022 Integre Consuma APIs e desenvolva funcionalidades pr\u00e1ticas de cadastro e gerenciamento. Projetos desenvolvidos nas aulas Veja o que voc\u00ea vai construir N\u00e3o s\u00e3o imagens ilustrativas: s\u00e3o capturas das aplica\u00e7\u00f5es utilizadas na forma\u00e7\u00e3o. Projeto 01 \u2022 Fundamentos Calculadora de IMC Crie uma interface interativa que recebe peso e altura, calcula o IMC e apresenta o resultado na tela. Um projeto para praticar componentes, eventos e gerenciamento de estados. Projeto 02 \u2022 React + JSON Server Dev Tasks \u2014 Gerenciador de Tarefas Adicione tarefas, marque como conclu\u00eddas, reabra e exclua itens. Entenda como o React se comunica com uma API REST simulada pelo JSON Server. Projeto 03 \u2022 Integra\u00e7\u00e3o com API Cat\u00e1logo de Produtos Desenvolva uma interface de cadastro e gerenciamento de produtos, com busca, listagem, edi\u00e7\u00e3o e exclus\u00e3o. Aplique os conhecimentos de React em uma aplica\u00e7\u00e3o que se comunica com uma API. Projeto 04 \u2022 Frontend + material complementar Agendamento para Barbearia Desenvolva nas aulas o frontend de um sistema de agendamento com React e Bootstrap, trabalhando com componentes, formul\u00e1rios e integra\u00e7\u00e3o com API. O material do projeto tamb\u00e9m inclui o backend em Node.js e MySQL, fornecido como apoio para conectar e estudar a aplica\u00e7\u00e3o integrada. Importante: as aulas deste projeto s\u00e3o focadas no frontend em React. O desenvolvimento do backend n\u00e3o \u00e9 ensinado nesta parte do curso. Sobre os projetos: a calculadora \u00e9 uma aplica\u00e7\u00e3o de estudo; o Dev Tasks utiliza o JSON Server para simular uma API REST; e o cat\u00e1logo demonstra a integra\u00e7\u00e3o de uma interface React com API. O projeto da barbearia inclui backend Node.js e MySQL como material complementar, mas as aulas desenvolvem o frontend. S\u00e3o projetos did\u00e1ticos, n\u00e3o sistemas comerciais prontos para produ\u00e7\u00e3o. Sua jornada Evolua de forma progressiva Os conceitos aparecem em situa\u00e7\u00f5es pr\u00e1ticas, dos primeiros componentes at\u00e9 aplica\u00e7\u00f5es integradas. 1 Primeiros passos Estrutura de projeto React e cria\u00e7\u00e3o de componentes. 2 Interfaces din\u00e2micas Estados, propriedades, eventos e formul\u00e1rios. 3 Dados e listas Renderiza\u00e7\u00e3o de informa\u00e7\u00f5es e intera\u00e7\u00e3o com o usu\u00e1rio. 4 Integra\u00e7\u00e3o com APIs Requisi\u00e7\u00f5es e funcionalidades de gerenciamento de dados. O que voc\u00ea encontra Aprenda React construindo Uma forma\u00e7\u00e3o voltada \u00e0 pr\u00e1tica, para quem deseja sair dos fundamentos de JavaScript e come\u00e7ar a desenvolver aplica\u00e7\u00f5es com React. Quero aprender React \u2192 Aulas de React com JavaScript Cria\u00e7\u00e3o e organiza\u00e7\u00e3o de componentes Estados, eventos e formul\u00e1rios Calculadora de IMC Dev Tasks com JSON Server Cat\u00e1logo de Produtos integrado \u00e0 API Frontend de agendamento para barbearia com React e Bootstrap Backend Node.js + MySQL da barbearia fornecido como material complementar (sem aulas de desenvolvimento do backend) D\u00favidas frequentes Antes de come\u00e7ar Preciso saber JavaScript? \u00c9 recomendado conhecer os fundamentos de JavaScript, como vari\u00e1veis, fun\u00e7\u00f5es, arrays, objetos e eventos. O curso parte dessa base para ensinar React. O curso \u00e9 s\u00f3 teoria? N\u00e3o. Os conceitos s\u00e3o aplicados em projetos como Calculadora de IMC, Dev Tasks, Cat\u00e1logo de Produtos e frontend do sistema de agendamento para barbearia. O JSON Server \u00e9 um backend completo? N\u00e3o. Ele simula uma API REST para fins de aprendizagem e permite praticar requisi\u00e7\u00f5es e gerenciamento de dados. O backend da barbearia \u00e9 ensinado nas aulas? N\u00e3o. As aulas desse projeto s\u00e3o voltadas ao frontend com React e Bootstrap. O backend em Node.js e MySQL acompanha o material do projeto para integra\u00e7\u00e3o e estudo. O livro de React est\u00e1 inclu\u00eddo? Esta oferta \u00e9 referente ao curso em v\u00eddeo. O livro de React est\u00e1 em desenvolvimento e n\u00e3o faz parte desta oferta. Onde fa\u00e7o minha inscri\u00e7\u00e3o? Ao clicar no bot\u00e3o de inscri\u00e7\u00e3o, voc\u00ea ser\u00e1 direcionado para a Hotmart, onde poder\u00e1 conferir as condi\u00e7\u00f5es de compra. Pronto para avan\u00e7ar? Do JavaScript aos seus projetos em React. Aprenda os fundamentos do React e coloque seus conhecimentos em pr\u00e1tica com aplica\u00e7\u00f5es reais. R$ 297,00 Confira as condi\u00e7\u00f5es e formas de pagamento na Hotmart. Inscrever-se no React do Zero \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-2613","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2613","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=2613"}],"version-history":[{"count":2,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2613\/revisions"}],"predecessor-version":[{"id":2615,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2613\/revisions\/2615"}],"wp:attachment":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}