https://betrybe.com/_next/static/chunks/pages/curso-de-programacao-javascript-do-zero-2f7afd9488895c48.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9364],{23318:function(e,r,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/curso-de-programacao-javascript-do-zero",function(){return o(70951)}])},2502:function(e,r,o){"use strict";o.d(r,{Z:function(){return i}});var a=o(81493),s=o(58993);function i(){var e=(0,a.n)().width,r=(0,s.rZ)(),o=function(e){return 16*parseInt(e,10)};return r.breakpoints.md,{isXs:e<o(r.breakpoints.xs),isSm:e>=o(r.breakpoints.xs)&&e<o(r.breakpoints.sm),isMd:e>=o(r.breakpoints.sm)&&e<o(r.breakpoints.md),isLg:e>=o(r.breakpoints.md)&&e<o(r.breakpoints.lg),isXl:e>=o(r.breakpoints.lg)}}},70951:function(e,r,o){"use strict";o.r(r),o.d(r,{default:function(){return ke}});var a=o(97458),s=o(52983),i=o(26501),t=o(26887),n=o(37705),c=o(80665),d=o(97296),l=o(2502);var u=function(e){var r=e.children,o=(0,l.Z)(),s=o.isLg,t=o.isXl,u=s||t;return(0,a.jsx)(i.x,{children:(0,a.jsx)(c.k,{className:u?"container":null,justify:"space-between",gap:{lg:(0,d.h)(48),xl:(0,d.h)(64)},sx:function(e){var r;return{"& > div":{"&:nth-of-type(1)":(r={width:"100%",padding:"0 ".concat((0,d.h)(16)),margin:"0 auto",maxWidth:(0,d.h)(768)},(0,n.Z)(r,"@media (min-width: ".concat(e.breakpoints.md,")"),{maxWidth:(0,d.h)(1024)}),(0,n.Z)(r,"@media (min-width: ".concat(e.breakpoints.xl,")"),{padding:0,maxWidth:(0,d.h)(1280)}),r)}}},children:r})})},m=o(36690),p=o(93089),h=o(37992),x=o(3608),g=o(71410),f=o(23957),b=o(54794),v=o(63427),j=o(49899),w=[{text:"Sobre o curso",section:"hero",active:!0},{text:"O que vou aprender",section:"whatIsJavaScriptCourse",active:!1},{text:"Conteu\u0301dos do curso",section:"whatTopicsAreCovered",active:!1},{text:"Para quem e\u0301 o curso",section:"whoIsTheCourseFor",active:!1},{text:"Depoimentos",section:"javaScriptCourseWorthIt",active:!1},{text:"Conhe\xe7a a plataforma do curso",section:"discoverTheCoursePlatform",active:!1},{text:"Principais du\u0301vidas",section:"stillInDoubt",active:!1}];var k=function(e){var r=e.navigation,o=(0,s.useState)(w),t=o[0],n=o[1],c=function(){var e=window.pageYOffset+250;null===t||void 0===t||t.forEach((function(o,a){var s=r[o.section].current.offsetTop,i=null===t||void 0===t?void 0:t.find((function(e,r){return a+1===r})),c=i?r[i.section].current.offsetTop:0;(a===t.length-1&&e>s||e>s&&e<c)&&function(e){var r=null===t||void 0===t?void 0:t.find((function(r,o){return o===e})),o=null===t||void 0===t?void 0:t.map((function(e){return(0,p.Z)((0,m.Z)({},e),{active:!1})}));o.splice(e,1,{text:r.text,active:!0,section:r.section}),n(o)}(a)}))};return(0,s.useEffect)((function(){return document.addEventListener("scroll",c),function(){document.removeEventListener("scroll",c)}}),[]),(0,a.jsx)(i.x,{sx:{zIndex:1},miw:(0,d.h)(328),maw:(0,d.h)(328),mt:{base:(0,d.h)(-912),xl:(0,d.h)(-592)},mx:0,display:{base:"none",lg:"block"},children:(0,a.jsxs)(i.x,{pos:"sticky",top:(0,d.h)(192),children:[(0,a.jsxs)(h.Z,{shadow:"sm",px:(0,d.h)(24),radius:"md",children:[(0,a.jsx)(x.x,{component:"h2",weight:700,children:"Escreva sua primeira linha de c\xf3digo e viva a experi\xeancia Trybe!"}),(0,a.jsxs)(x.x,{size:"xs",color:"dark.5",component:"p",mt:(0,d.h)(8),display:"flex",sx:{alignItems:"center"},children:[(0,a.jsx)(f.Z,{size:16}),(0,a.jsx)(x.x,{component:"span",ml:(0,d.h)(5),children:"Gratuito por tempo limitado"})]}),(0,a.jsxs)(x.x,{size:"xs",color:"dark.5",component:"p",mb:(0,d.h)(8),display:"flex",sx:{alignItems:"center"},children:[(0,a.jsx)(b.Z,{size:16})," ",(0,a.jsx)(x.x,{component:"span",ml:(0,d.h)(5),children:"Para iniciantes"})]}),(0,a.jsx)(v.Z,{href:j.BA.JS_FOR_BEGINNERS.url,title:"Comece agora!",dataTracking:{id:"subscribe-intended",location:"JavaScript course Sidebar"},w:"100%",children:"Comece agora!"})]}),(0,a.jsxs)(h.Z,{mt:(0,d.h)(24),p:0,radius:"md",shadow:"md","data-testid":"sidebar-menu",bg:"transparent",children:[(0,a.jsx)(i.x,{bg:"green.6",w:"100%",children:(0,a.jsx)(x.x,{component:"h2",size:"lg",weight:700,py:(0,d.h)(12),px:(0,d.h)(32),color:"white",children:"JavaScript do Zero"})}),(0,a.jsx)(g.a,{bg:"white",children:t.map((function(e){return(0,a.jsx)(g.a.Item,{py:(0,d.h)(8),px:(0,d.h)(24),onClick:function(){var o;o=e,window.scrollTo({top:r[o.section].current.offsetTop-150,behavior:"smooth"})},fz:"sm","data-active":e.active,sx:function(r){return{borderBottom:"1px solid ".concat(r.colors.dark[0]),cursor:"pointer",span:{color:e.active&&r.colors.green[4],fontWeight:e.active&&700},"&:hover":{backgroundColor:r.colors.gray[0],span:{color:r.colors.green[4],fontWeight:700}}}},children:e.text},e.section)}))})]})]})})},z=o(58993),T=o(12858),S=o(58112),y=o(69317),I=o(83194),C=o(22479),Z=o(97953),J=o(84151),R=o(55959),q=function(){return(0,a.jsx)(J.Z,{fill:R.nB.colors.green[4],color:R.nB.colors.green[0],size:26,style:{minWidth:(0,d.h)(26

1)}})},E=[{ItemList:function(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(q,{}),(0,a.jsxs)(x.x,{component:"p",fz:"md",children:[(0,a.jsx)(x.x,{component:"strong",fz:"md",children:"10 horas de conte\xfado gratuito"})," ","- para aprender os conceitos b\xe1sicos"]})]})}},{ItemList:function(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(q,{}),(0,a.jsxs)(x.x,{component:"p",fz:"md",children:[(0,a.jsx)(x.x,{component:"strong",fz:"md",children:"Mais de 40 exerc\xedcios com gabarito"})," ","- para fixar os aprendizados na pr\xe1tica"]})]})}},{ItemList:function(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(q,{}),(0,a.jsxs)(x.x,{component:"p",fz:"md",children:[(0,a.jsx)(x.x,{component:"strong",fz:"md",children:"Aprenda no seu ritmo e hor\xe1rio"})," ","- sem precisar passar por um processo seletivo"]})]})}}],O=o(78884),A=o(66801),P=(0,s.forwardRef)((function(e,r){var o=e.sectionToScroll,t=(0,z.rZ)(),u=(0,l.Z)(),m=u.isSm,p=u.isXs,h=u.isMd||m||p?"GRATUITO POR TEMPO LIMITADO":"VAGAS LIMITADAS",g=(0,s.useMemo)((function(){return(0,a.jsx)(O.zx,{w:"100%",mt:"xl",href:j.BA.JS_FOR_BEGINNERS.url,title:"Come\xe7ar agora!",dataTracking:{id:"subscribe-intended",location:"JavaScript course Hero"},children:"Come\xe7ar agora!"})}),[]);return(0,a.jsxs)(i.x,{component:"section",pb:{base:(0,d.h)(20),lg:(0,d.h)(32)},ref:r,children:[(0,a.jsx)(i.x,{sx:function(e){return(0,n.Z)({filter:"drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1))"},"@media (min-width: ".concat(e.breakpoints.md,")"),{filter:"initial"})},children:(0,a.jsxs)(i.x,{pt:{base:(0,d.h)(24),lg:(0,d.h)(89)},pb:{base:(0,d.h)(40),lg:(0,d.h)(128)},bg:"green.0",sx:function(e){return{boxShadow:"0 0 0 100vmax ".concat(e.colors.green[0]),clipPath:"inset(0 -100vmax)"}},children:[(0,a.jsx)(T.C,{variant:"gradient",gradient:{from:t.colors.green[6],to:t.colors.green[3],deg:100},children:h}),(0,a.jsx)(S.D,{pt:{base:"lg",md:"xl"},pb:"md",fz:{base:(0,d.h)(36),md:(0,d.h)(48)},c:t.colors.dark[7],"data-testid":"js-course-title",children:"Curso de programa\xe7\xe3o gratuito - JavaScript do Zero"}),(0,a.jsxs)(x.x,{component:"p",fz:{base:"md",md:"lg"},c:t.colors.dark[7],children:["O JavaScript do Zero faz parte dos cursos de programa\xe7\xe3o da Trybe. Aprenda a programar com uma das linguagens mais usadas no mundo, o"," ",(0,a.jsx)(x.x,{component:"strong",children:"JavaScript"}),". Escreva suas primeiras linhas de c\xf3digo e descubra se a programa\xe7\xe3o \xe9 a \xe1rea certa para voc\xea."]}),(0,a.jsx)(i.x,{display:{md:"none"},children:g}),(0,a.jsx)(i.x,{display:{base:"none",md:"initial"},children:(0,a.jsxs)(c.k,{pt:(0,d.h)(48),align:"start",gap:(0,d.h)(46),children:[(0,a.jsx)(c.k,{gap:"md",maw:(0,d.h)(443),direction:"column",children:E.map((function(e,r){var o=e.ItemList;return(0,a.jsx)(c.k,{gap:"md","data-testid":"template-item",children:(0,a.jsx)(o,{})},r)}))}),(0,a.jsxs)(i.x,{children:[(0,a.jsxs)(y.X,{component:c.k,align:"center",bg:t.colors.green[0],py:"xl",px:"md",radius:"md",gap:"md",sx:function(e){return{border:" 1px solid ".concat(e.colors.green[7])}},children:[(0,a.jsx)(y.X,{bg:t.colors.green[4],radius:"50%",component:c.k,align:"center",justify:"center",miw:(0,d.h)(52),h:(0,d.h)(52),children:(0,a.jsx)(C.Z,{width:32,style:{minHeight:(0,d.h)(32),minWidth:(0,d.h)(32)},color:t.colors.green[0]})}),(0,a.jsxs)(i.x,{children:[(0,a.jsx)(x.x,{component:"strong",fz:"lg",c:t.colors.green[7],children:"Certificado de participa\xe7\xe3o"}),(0,a.jsx)(x.x,{component:"p",fz:"lg",c:t.colors.dark[7],children:"Comprove e compartilhe sua experi\xeancia com o mercado"})]})]}),g]})]})})]})}),(0,a.jsxs)(i.x,{ref:o,display:{md:"none"},pos:"relative",pt:(0,d.h)(60),children:[(0,a.jsx)(I.A,{"data-testid":"arrow-down-button",pos:"absolute",variant:"transparent",bg:"green.0",left:0,right:0,top:(0,d.h)(-22),ml:"auto",mr:"auto",radius:"50%",w:(0,d.h)(40),h:(0,d.h)(40),onClick:(0,A.i)(o),children:(0,a.jsx)(Z.Z,{color:t.colors.green[6],size:24})}),(0,a.jsx)(c.k,{gap:"md",direction:"column",children:E.map((function(e,r){var o=e.ItemList;return(0,a.jsx)(c.k,{gap:"md",children:(0,a.jsx)(o,{})},r)}))}),(0,a.jsxs)(c.k,{py:"lg",mt:"xl",gap:"xs",sx:function(){return{borderTop:" 1px solid ".concat(t.colors.gray[2]),borderBottom:" 1px solid ".concat(t.colors.gray[2])}},children:[(0,a.jsx)(C.Z,{color:t.colors.green[4],size:(0,d.h)(32),style:{minWidth:(0,d.h)(32)}}),(0,a.jsxs)(i.x,{children:[(0,a.jsx)(x.x,{component:"strong",fz:"md",c:t.colors.green[4],children:"Certificado de participa\xe7\xe3o"}),(0,a.jsx)(x.x,{component:"p",fz:"md",c:t.colors.dark[7],children:"Comprove e compartilhe sua experi\xeancia com o mercado profissional"})]})]})]})]})})),F=o(26207),_=o(69823),N=o(99858),D=o(57350),B=o(84168),L=o(93582),M=(0,s.forwardRef)((function(e,r){var o=e.className,t=(0,z.rZ)(),n=(0,s.useMemo)((function(){return(0,a.jsx)(O.zx,{w:{base:"100%",md:"auto"},mt:{base:(0,d.h)(40),md:(0,d.h)(42)},lh:(0,d.h)(24),href:j.BA.JS_FOR_BEGINNERS.url,title:"Come\xe7ar agora!","data-testid":"cta",dataTracking:{id:"subscribe-intended",location:"JavaScript course section - WhatIs"},children:"Come\xe7ar agora!"})}),[]),u=function(e){return{border:"1px solid ".concat(e.colors.dark[1]),borderRadius:e.radius.md}},m=(0,l.Z)(),p=m.isXs,h=m.isSm,f=m.isMd,b=[{id:1,Icon:function(){return(0,a.jsx)(N.Z,{size:24,color:t.colors.dark[7]})},text:"Aprenda uma das linguagens mais demandadas no mercado"},{id:2,Icon:function(){return(0,a.jsx)(L.Z,{src:"/static/icons/courses/js-for-beginners/TrybeIcon.svg",alt:"trybe",width:"24",height:"24"})},text:"Tenha sua primeira experi\xeancia com a Trybe"},{id:3,Icon:function(){return(0,a.jsx)(D.Z,{size:24,color:t.colors.dark[7]})},text:"D\xea seus primeiros passos em programa\xe7\xe3o"}];return(0,a.jsx)(i.x,{component:"section",ref:r,py:{base:(0,d.h)(20),lg:(0,d.h)(32)},children:(0,a.jsxs)(i.x,{className:o,children:[(0,a.jsx)(S.D,{mb:(0,d.h)(40),order:2,fw:{base:700,md:400},fz:{base:(0,d.h)(24),md:(0,d.h)(28)},lh:{base:(0,d.h)(36),md:(0,d.h)(42)},c:t.colors.dark[7],children:"O que \xe9 o curso de programa\xe7\xe3o gratuito JavaScript do Zero?"}),p||h||f?(0,a.jsx)(_.l,{slideSize:"60%",slideGap:"xl",align:"start",controlsOffset:"md",slidesToScroll:1,withIndicators:!1,withControls:!1,styles:function(e){return{indicator:{backgroundColor:e.colors.dark[9],width:(0,d.h)(10),height:(0,d.h)(10),opacity:1,"&[data-active]":{backgroundColor:e.colors.green[5],width:(0,d.h)(20),height:(0,d.h)(10)}},container:{gap:(0,d.h)(8)},slide:{paddingRight:0}}},children:null===b||void 0===b?void 0:b.map((function(e){return(0,a.jsx)(_.l.Slide,{pb:(0,d.h)(48),display:"flex",sx:u,children:(0,a.jsxs)(c.k,{gap:"sm",justify:"flex-start",align:"flex-start",direction:"column",wrap:"nowrap",mih:(0,d.h)(128),p:"md",children:[(0,a.jsx)(e.Icon,{}),(0,a.jsx)(x.x,{color:t.colors.dark[7],fz:"sm",children:e.text})]})},e.id)}))}):(0,a.jsx)(F.M,{children:(0,a.jsx)(c.k,{gap:"md",justify:"center",align:"center",direction:"row",wrap:"nowrap",children:null===b||void 0===b?void 0:b.map((function(e){return(0,a.jsxs)(i.x,{p:"md","data-testid":"card",sx:u,maw:(0,d.h)(287),mih:(0,d.h)(144),children:[(0,a.jsx)(e.Icon,{}),(0,a.jsx)(x.x,{color:t.colors.dark[7],size:"md",children:e.text})]},e.id)}))})}),(0,a.jsxs)(y.X,{shadow:"xs",p:(0,d.h)(32),pt:"xl",mt:"xl",radiu

1s:"md",children:[(0,a.jsx)(S.D,{order:3,mb:"xl",weight:700,fz:(0,d.h)(18),lh:(0,d.h)(27),c:"#29313D",children:"O que vou aprender?"}),(0,a.jsxs)(g.a,{"data-testid":"check-list",spacing:"lg",size:"md",center:!0,icon:(0,a.jsx)(B.Z,{size:"1.5rem",color:t.colors.green[4]}),styles:function(){return{item:{lineHeight:(0,d.h)(24)}}},children:[(0,a.jsx)(g.a.Item,{children:"Entender o que \xe9 programa\xe7\xe3o e como se criam algoritmos"}),(0,a.jsx)(g.a.Item,{children:"Conhecer os conceitos b\xe1sicos de programa\xe7\xe3o com a linguagem JavaScript"}),(0,a.jsx)(g.a.Item,{children:"Aprender l\xf3gica de programa\xe7\xe3o para desenvolver programas"}),(0,a.jsx)(g.a.Item,{children:"Quebrar problemas grandes em peda\xe7os menores para resolver de forma eficaz"}),(0,a.jsx)(g.a.Item,{children:"Escrever suas primeiras linhas de c\xf3digo"})]}),(0,a.jsx)(i.x,{children:n})]})]})})})),W=o(30447);function V(e){var r=e.title,o=e.content;return(0,a.jsxs)(a.Fragment,{children:[r&&(0,a.jsx)(S.D,{order:4,pb:(0,d.h)(40),fz:"md",color:"green.4",px:(0,d.h)(32),children:r}),(0,a.jsx)(i.x,{pt:(0,d.h)(16),sx:function(e){return{borderTop:"1px solid ".concat(e.colors.gray[0])}},children:(0,a.jsxs)(i.x,{px:{base:(0,d.h)(8),lg:(0,d.h)(32)},children:[o.topicTitle&&(0,a.jsx)(x.x,{component:"p",pb:(0,d.h)(16),fz:"md",fw:700,children:o.topicTitle}),o.topics.length>0&&(0,a.jsx)(g.a,{pb:(0,d.h)(16),listStyleType:"disc",fz:"sm","data-testid":"topic-list",children:o.topics.map((function(e){return(0,a.jsx)(g.a.Item,{children:e},e)}))}),o.skillTitle&&(0,a.jsx)(x.x,{component:"p",pb:(0,d.h)(16),fz:"md",fw:700,children:o.skillTitle}),o.skillTopics.length>0&&(0,a.jsx)(g.a,{pb:(0,d.h)(16),listStyleType:"disc",fz:"sm","data-testid":"skill-list",children:o.skillTopics.map((function(e){return(0,a.jsx)(g.a.Item,{children:e},e)}))}),o.cta.show&&(0,a.jsx)(O.zx,{display:{base:"none",lg:"inline-block"},href:j.BA.JS_FOR_BEGINNERS.url,title:"Quero aprender JavaScript","data-testid":"cta",dataTracking:{id:"subscribe-intended",location:o.cta.location},children:"Quero aprender JavaScript"})]})})]})}var G=o(67359),H=o(60357),X=o(56299),Q=o(52083),U=o(17682),Y=o(82415),K=[{title:"JavaScript - Qual o potencial dessa linguagem?",Icon:function(){var e=(0,z.rZ)();return(0,a.jsx)(G.Z,{size:24,color:e.colors.green[4]})},value:"javascript",content:{topicTitle:"Voc\xea ser\xe1 capaz de:",topics:["Identificar o que \xe9 e para que serve o uso da linguagem programa\xe7\xe3o;","Conhecer a hist\xf3ria do JavaScript e entender o potencial dessa linguagem para o desenvolvimento web;","Identificar as diferen\xe7as entre o que \xe9 uma front-end e back-end;"],skillTitle:"Habilidades t\xe9cnicas ensinadas:",skillTopics:["Internet","JavaScript","Aplica\xe7\xf5es web"],cta:{show:!0,location:"Tab - JavaScript - Qual o potencial dessa linguagem?"}}},{title:"Vari\xe1veis, constantes e primitivos",Icon:function(){var e=(0,z.rZ)();return(0,a.jsx)(H.Z,{size:24,color:e.colors.green[4]})},value:"variables",content:{topicTitle:"Voc\xea ser\xe1 capaz de:",topics:["Criar vari\xe1veis;","Entender a estrutura de uma vari\xe1vel;","Atribuir valores \xe0s vari\xe1veis.","Definir o que s\xe3o tipos primitivos e quais s\xe3o eles no JavaScript;","Escrever c\xf3digo em JavaScript utilizando vari\xe1veis, constantes e tipos primitivos."],skillTitle:"Habilidades t\xe9cnicas ensinadas:",skillTopics:["L\xf3gica de Programa\xe7\xe3o","Vari\xe1veis","Constantes","Tipos primitivos"],cta:{show:!0,location:"Tab - Vari\xe1veis, constantes e primitivos"}}},{title:"Operadores e estrutura condicional em Javascript",Icon:function(){var e=(0,z.rZ)();return(0,a.jsx)(X.Z,{size:24,color:e.colors.green[4]})},value:"operators",content:{topicTitle:"Voc\xea ser\xe1 capaz de:",topics:["Utilizar os operadores aritm\xe9ticos;","Alterar o valor de uma vari\xe1vel com base nas opera\xe7\xf5es cl\xe1ssicas da matem\xe1tica.","Formular express\xf5es para comparar valores.","Estruturar l\xf3gicas com duas condi\xe7\xf5es utilizando: && (AND), || (OR) e ! (NOT)","Utilizar a estrutura condicional if/else;"],skillTitle:"Habilidades t\xe9cnicas ensinadas:",skillTopics:["L\xf3gica de Programa\xe7\xe3o","Operadores Aritm\xe9ticos","Estruturas condicionais"],cta:{show:!0,location:"Tab - Operadores e estrutura condicional em Javascript"}}},{title:"Pensamento Computacional",Icon:function(){var e=(0,z.rZ)();return(0,a.jsx)(Q.Z,{size:24,color:e.colors.green[4]})},value:"computational",content:{topicTitle:"Voc\xea ser\xe1 capaz de:",topics:["Observar um ou mais elementos do problema separadamente, avaliando solu\xe7\xf5es poss\xedveis para cada uma das partes.","Organizar de forma estruturada tudo que deve ser feito para chegar \xe0 resolu\xe7\xe3o do problema."],skillTitle:"Habilidades t\xe9cnicas ensinadas:",skillTopics:["Pensamento computacional aplicado \xe0 programa\xe7\xe3o"],cta:{show:!0,location:"Tab - Pensamento Computacional"}}},{title:"Arrays e estruturas de repeti\xe7\xe3o",Icon:function(){var e=(0,z.rZ)();return(0,a.jsx)(U.Z,{size:24,color:e.colors.green[4]})},value:"array",content:{topicTitle:"Voc\xea ser\xe1 capaz de:",topics:["Definir vari\xe1veis que armazenam mais de um valor;","Manipular arrays"],skillTitle:"Habilidades t\xe9cnicas ensinadas:",skillTopics:["Arrays (adicionar, substituir e recuperar valores em uma listas)","Vari\xe1veis simples e compostas"],cta:{show:!0,location:"Tab - Arrays e estruturas de repeti\xe7\xe3o"}}},{title:"Fun\xe7\xf5es",Icon:function(){var e=(0,z.rZ)();return(0,a.jsx)(Y.Z,{size:24,color:e.colors.green[4]})},value:"functions",content:{topicTitle:"Voc\xea ser\xe1 capaz de:",topics:["Extrair partes do seu c\xf3digo e agrupar em fun\xe7\xf5es;

1","Executar fun\xe7\xf5es;","Escrever programas JavaScript utilizando fun\xe7\xf5es."],skillTitle:"Habilidades t\xe9cnicas ensinadas:",skillTopics:["Fun\xe7\xf5es","Par\xe2metros da fun\xe7\xe3o"],cta:{show:!0,location:""}}}];function $(){var e=(0,s.useState)("javascript"),r=e[0],o=e[1],t=(0,z.rZ)();return(0,a.jsx)(i.x,{mb:(0,d.h)(40),display:{base:"none",lg:"block"},children:(0,a.jsxs)(W.m,{color:"dark.1",orientation:"vertical",defaultValue:"gallery",variant:"pills",value:r,onTabChange:o,radius:"md",children:[(0,a.jsx)(W.m.List,{children:K.map((function(e){var o=e.title,s=e.value,i=e.Icon;return(0,a.jsx)(W.m.Tab,{value:s,fz:"sm",fw:700,p:0,mb:(0,d.h)(10),sx:{borderRadius:"none",whiteSpace:"unset"},children:(0,a.jsxs)(c.k,{display:"flex",align:"center",py:(0,d.h)(16),px:(0,d.h)(25),w:(0,d.h)(330),bg:r===s?t.colors.dark[0]:"#FFFFFF",sx:function(e){return{border:r===s&&"1px solid ".concat(e.colors.dark[0]),boxShadow:r===s&&e.shadows.sm,borderRadius:e.radius.md,height:(0,d.h)(74),"&:hover":{backgroundColor:e.colors.dark[0]}}},children:[(0,a.jsx)(i,{}),(0,a.jsx)(x.x,{component:"span",pl:(0,d.h)(18),color:"dark.9",children:o})]})},s)}))}),K.map((function(e){var r=e.value,o=e.title,s=e.content;return(0,a.jsx)(W.m.Panel,{h:(0,d.h)(528),value:r,ml:(0,d.h)(24),bg:"white",py:(0,d.h)(24),sx:function(e){return{borderRadius:e.radius.md}},children:(0,a.jsx)(V,{title:o,content:s})},r)}))]})})}var ee=o(66490),re=o(8309);function oe(){var e=(0,z.rZ)(),r=(0,s.useState)("javascript"),o=r[0],t=r[1];return(0,a.jsxs)(i.x,{pt:(0,d.h)(40),pb:(0,d.h)(48),children:[(0,a.jsx)(ee.U,{chevron:(0,a.jsx)(re.Z,{size:24}),value:o,onChange:t,variant:"filled",styles:{chevron:{"&[data-rotate]":{svg:{stroke:e.colors.green[4]}}}},children:K.map((function(r){var s=r.title,t=r.value,n=r.Icon,c=r.content;return(0,a.jsxs)(ee.U.Item,{value:t,mb:(0,d.h)(8),sx:{borderRadius:e.radius.md,border:"1px solid ".concat(e.colors.dark[1])},children:[(0,a.jsxs)(ee.U.Control,{children:[(0,a.jsx)(i.x,{children:(0,a.jsx)(n,{})}),(0,a.jsx)(S.D,{order:4,fz:"md",sx:{color:o===t&&e.colors.green[4]},children:s})]}),(0,a.jsx)(ee.U.Panel,{sx:{borderTop:"1px solid ".concat(e.colors.dark[1])},children:(0,a.jsx)(V,{content:c})})]},t)}))}),(0,a.jsx)(i.x,{mt:(0,d.h)(24),display:"block",ta:"center",children:(0,a.jsx)(O.zx,{display:"block",href:j.BA.JS_FOR_BEGINNERS.url,title:"Quero aprender JavaScript","data-testid":"cta",dataTracking:{id:"subscribe-intended",location:"JavaScript course section - What Topics Are Covered? Faq"},children:"Quero aprender JavaScript"})})]})}var ae=(0,s.forwardRef)((function(e,r){var o=(0,l.Z)(),s=o.isXs,t=o.isSm,n=o.isMd,c=o.isLg,u=o.isXl,m=c||u,p=s||t||n||c,h=(0,z.rZ)();return(0,a.jsxs)(i.x,{component:"section",mt:{base:(0,d.h)(20),lg:(0,d.h)(32)},mb:{base:(0,d.h)(20),lg:(0,d.h)(32)},ref:r,pos:"relative",children:[(0,a.jsx)(S.D,{order:2,fw:{base:700,md:400},fz:{base:(0,d.h)(24),md:(0,d.h)(28)},lh:{base:(0,d.h)(36),md:(0,d.h)(42)},c:h.colors.dark[7],pb:{base:0,md:(0,d.h)(16)},children:"Quais os t\xf3picos abordados no curso JavaScript do Zero?"}),(0,a.jsx)(x.x,{component:"p",pb:(0,d.h)(64),display:{base:"none",lg:"block"},children:"Descubra as habilidades t\xe9cnicas que ser\xe3o ensinadas em cada tarefa do nosso curso de programa\xe7\xe3o em Javascript e explore os conte\xfados que voc\xea ser\xe1 capaz de dominar ao final do curso."}),m&&(0,a.jsx)($,{}),p&&(0,a.jsx)(oe,{})]})})),se=o(87145),ie=o(66623),te=o(97209);var ne=function(){var e=(0,te.rO)("sm"),r=e?(0,a.jsxs)(x.x,{children:["Deseja construir uma"," ",(0,a.jsx)(x.x,{c:"green.0",span:!0,children:"carreira tech"})," ","de sucesso?"]}):(0,a.jsx)(x.x,{children:"Desenvolvimento Web"});return(0,a.jsxs)(i.x,{component:"section",pt:{base:(0,d.h)(24),lg:(0,d.h)(20)},pb:{base:(0,d.h)(24),lg:(0,d.h)(32)},mih:{base:(0,d.h)(311),md:(0,d.h)(220)},sx:function(e){var r;return r={backgroundColor:"black",backgroundImage:"url('/static/images/courses/banner-js-zero.webp')",backgroundRepeat:"no-repeat",backgroundSize:"".concat((0,d.h)(298)," ").concat((0,d.h)(227)),backgroundPosition:"right"},(0,n.Z)(r,"@media (max-width: ".concat(e.breakpoints.xl,")"),{backgroundImage:"none"}),(0,n.Z)(r,"borderRadius",e.radius.md),r},py:(0,d.h)(32),px:(0,d.h)(24),children:[(0,a.jsx)(S.D,{c:"green.3",order:2,w:"100%",fz:{base:(0,d.h)(24),md:(0,d.h)(20)},lh:{base:(0,d.h)(36),md:(0,d.h)(30)},children:r}),(0,a.jsxs)(x.x,{"data-testid":"copy",w:"100%",maw:{xl:(0,d.h)(485)},c:"white",fz:{base:(0,d.h)(16),md:(0,d.h)(14)},lh:{base:(0,d.h)(24),md:(0,d.h)(21)},pt:(0,d.h)(16),pb:(0,d.h)(24),children:["Conhe\xe7a a forma\xe7\xe3o em"," ",(0,a.jsx)(x.x,{fw:e?400:700,span:!0,children:"Desenvolvimento Web"})," ","da Trybe. Com uma rotina integral de estudos, voc\xea aprende na pr\xe1tica e com apoio cont\xednuo tudo o que precisa para entrar no mercado de trabalho."]}),(0,a.jsx)(se.z,{"data-testid":"cta","data-tracking-id":"subscribe-intended","data-tracking-use-case":"JavaScript course section - Banner",component:"a",href:j.BA.FORMATION_WEB_DEVELOPMENT.url,bg:"blue.5",w:"auto",rightIcon:(0,a.jsx)(ie.Z,{}),children:"Conhe\xe7a a forma\xe7\xe3o"})]})},ce=[{title:"Para quem deseja entrar em uma das \xe1reas mais valorizadas no mercado de trabalho"}

1,{title:"Para quem tem vontade de ter o primeiro gostinho do que \xe9 programar na pr\xe1tica"},{title:"Para quem n\xe3o teve contato com programa\xe7\xe3o, mas deseja aprender os conceitos b\xe1sicos de maneira objetiva e descomplicada"},{title:"Para quem pretende fazer transi\xe7\xe3o de carreira, mas n\xe3o sabe por onde come\xe7ar"},{title:"Para quem deseja rever conceitos iniciais de programa\xe7\xe3o antes de se aprofundar nos estudos"}],de=(0,s.forwardRef)((function(e,r){var o=(0,z.rZ)();return(0,a.jsxs)(i.x,{component:"section",pt:{base:(0,d.h)(48),md:(0,d.h)(64)},pb:(0,d.h)(64),ref:r,children:[(0,a.jsx)(S.D,{pb:{base:(0,d.h)(28),md:(0,d.h)(16)},order:2,fw:{base:700,md:400},fz:{base:(0,d.h)(24),md:(0,d.h)(28)},lh:{base:(0,d.h)(36),md:(0,d.h)(42)},c:o.colors.dark[7],children:"Para quem \xe9 o curso?"}),(0,a.jsx)(g.a,{display:"flex",sx:{flexDirection:"column",gap:(0,d.h)(16)},children:ce.map((function(e){return(0,a.jsx)(g.a.Item,{fz:"md",c:o.colors.dark[9],icon:(0,a.jsx)(B.Z,{color:o.colors.green[4],stroke:3,size:24,style:{minWidth:(0,d.h)(24),minHeight:(0,d.h)(24)}}),children:e.title},e.title)}))})]})})),le=[{id:1,text:'"O curso \xe9 ideal para <strong>preparar um iniciante a desenvolver suas primeiras linhas de c\xf3digo.</strong> A did\xe1tica dos instrutores \xe9 \xf3tima, o que facilita entender o conte\xfado. Cada tema abordado no curso possui uma s\xe9rie de exerc\xedcios para aplicar os conceitos e ver seu funcionamento na vida real. Excelente!"',name:"Rodrigo Barcellos",course:"Curso JavaScript do Zero",img:"/static/images/js-course/testimonials/rodrigo-barcellos.webp"},{id:2,text:'"Adorei o curso! Realmente posso falar que aprendi e me divertir ao mesmo tempo. O material tem uma <strong>did\xe1tica simples para que um iniciante como eu consiga entrar na \xe1rea.</strong> Apesar de ser gratuito, o curso \xe9 muito completo. Fiquei com vontade de continuar meus estudos na \xe1rea.\u201d',name:"Cleber Cavancalti",classNumber:"Pessoa estudante do Curso JS do Zero",course:"Curso JavaScript do Zero",img:"/static/images/js-course/testimonials/cleber-cavalcanti.webp"}];function ue(e){var r=e.name,o=e.course,s=e.classNumber,t=e.text,n=e.img,l=s&&o;return(0,a.jsx)(h.Z,{bg:"white",p:(0,d.h)(24),children:(0,a.jsxs)(c.k,{direction:"column",justify:"space-between",h:"100%",children:[(0,a.jsx)(x.x,{dangerouslySetInnerHTML:{__html:t},fz:"sm"}),(0,a.jsxs)(c.k,{pt:(0,d.h)(16),children:[!!n&&(0,a.jsx)(i.x,{sx:{overflow:"hidden",borderRadius:"50%"},h:(0,d.h)(42),mr:(0,d.h)(16),children:(0,a.jsx)(L.Z,{src:n,alt:"Pessoa Estudante",width:"42",height:"42"})}),(0,a.jsxs)(i.x,{children:[(0,a.jsx)(x.x,{component:"p",fz:"xs",fw:600,children:r}),(0,a.jsx)(x.x,{component:"p",fz:"xs",children:s}),l?(0,a.jsxs)(x.x,{component:"p",fz:"xs",children:[o," | Turma ",s]}):(0,a.jsx)(x.x,{component:"p",fz:"xs",children:o})]})]})]})})}var me=(0,s.forwardRef)((function(e,r){return(0,a.jsxs)(i.x,{component:"section",py:{base:(0,d.h)(20),lg:(0,d.h)(32)},bg:"green.7",sx:function(e){return{boxShadow:"0 0 0 100vmax ".concat(e.colors.green[7]),clipPath:"inset(0 -100vmax)"}},ref:r,children:[(0,a.jsxs)(c.k,{direction:{base:"column",lg:"row"},children:[(0,a.jsxs)(i.x,{maw:{base:"auto",lg:(0,d.h)(330)},children:[(0,a.jsx)(S.D,{order:2,weight:700,fz:{base:(0,d.h)(24),md:(0,d.h)(28)},lh:{base:(0,d.h)(36),md:(0,d.h)(42)},c:"green.2",children:"O curso JavaScript do zero vale a pena?"}),(0,a.jsx)(x.x,{component:"p",pt:(0,d.h)(16),pb:(0,d.h)(40),c:"white",children:"Confira o que pessoas estudantes que j\xe1 conclu\xedram o curso est\xe3o dizendo:"}),(0,a.jsx)(v.Z,{w:"auto",display:{base:"none",lg:"inline-block"},href:j.BA.JS_FOR_BEGINNERS.url,title:"Comece agora!",dataTracking:{id:"subscribe-intended",location:"JavaScript course Hero - O curso JavaScript do zero vale a pena?"},children:"Comece agora!"})]}),(0,a.jsx)(i.x,{my:0,mx:"auto",children:(0,a.jsx)(_.l,{"data-testid":"carousel",maw:(0,d.h)(448),ml:{base:0,lg:"xl"},w:"100%",slideSize:"100%",slideGap:"md",align:"start",loop:!0,withIndicators:!0,withControls:!1,styles:function(e){return{indicator:{backgroundColor:"#FFFFFF",width:(0,d.h)(10),height:(0,d.h)(10),opacity:1,"&[data-active]":{backgroundColor:e.colors.green[2],width:(0,d.h)(20),height:(0,d.h)(10)}}}},children:null===le||void 0===le?void 0:le.map((function(e){var r=e.id,o=e.text,s=e.name,i=e.course,t=e.img;return(0,a.jsx)(_.l.Slide,{display:"flex",mb:50,children:(0,a.jsx)(ue,{text:o,name:s,img:t,course:i})},r)}))})})]}),(0,a.jsx)(v.Z,{w:"auto",mt:(0,d.h)(25),mb:(0,d.h)(40),display:{base:"block",lg:"none"},href:j.BA.JS_FOR_BEGINNERS.url,title:"Comece agora!",dataTracking:{id:"subscribe-intended",location:"JavaScript course Hero - O curso JavaScript do zero vale a pena?"},children:"Comece agora!"})]})})),pe=o(33729),he=o(56874),xe=o.n(he),ge=(0,s.forwardRef)((function(e,r){var o=(0,l.Z)(),s=o.isLg,t=o.isXl,c=(0,z.rZ)();return(0,a.jsxs)(i.x,{component:"section",py:(0,d.h)(64),bg:"dark.1",sx:function(e){return{boxShadow:"0 0 0 100vmax ".concat(e.colors.dark[1]),clipPath:"inset(0 -100vmax)"}},ref:r,children:[(0,a.jsx)(S.D,{order:2,fw:{base:700,md:400},fz:{base:(0,d.h)(24),md:(0,d.h)(28)},lh:{base:(0,d.h)(36),md:(0,d.h)(42)}

1,c:c.colors.dark[7],children:"Conhe\xe7a a plataforma do curso"}),(0,a.jsxs)(x.x,{color:"#3D495C",fz:(0,d.h)(16),lh:(0,d.h)(24),pt:"md",pb:(0,d.h)(40),"data-testid":"copy",children:["Nossa plataforma de aprendizagem \xe9 mais do que apenas um espa\xe7o virtual para disponibilizar conte\xfado. Ela \xe9 um ambiente din\xe2mico e f\xe1cil de usar, mesmo para aqueles que n\xe3o t\xeam muita experi\xeancia com tecnologia.",(0,a.jsx)(pe.T,{h:"xl"}),"Voc\xea ter\xe1 acesso a uma variedade de materiais de estudo, como v\xeddeos, textos, exerc\xedcios de perguntas e respostas, al\xe9m de desafios com c\xf3digo, tudo em um s\xf3 lugar."]}),(0,a.jsxs)(i.x,{w:"100%",mih:{base:(0,d.h)(293),md:(0,d.h)(362)},pos:"relative",children:[(0,a.jsx)(i.x,{w:"100%",maw:{base:(0,d.h)(342),md:(0,d.h)(659)},h:{base:(0,d.h)(293),md:(0,d.h)(362)},mx:{base:"auto",md:"initial"},sx:function(e){return(0,n.Z)({borderRadius:(0,d.h)(8),backgroundImage:"url('/static/images/js-course/platform-animation-mobile.gif')",backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center"},"@media (min-width: ".concat(e.breakpoints.md,")"),{backgroundImage:"url('/static/images/js-course/platform-bg-desktop.webp')",backgroundPosition:"-16px -9px",borderRadius:0})}}),(s||t)&&(0,a.jsx)(i.x,{pos:"absolute",sx:{top:(0,d.h)(48),right:(0,d.h)(40)},children:(0,a.jsx)(xe(),{src:"/static/images/js-course/platform-animation-desktop.gif",alt:"Imagem da plataforma do curso",width:"444",height:"244",style:{borderRadius:(0,d.h)(8)}})})]})]})})),fe=o(78293),be=[{id:"question-group-js-course",name:"",questions:[{id:"1",title:"\xc9 necess\xe1rio ter conhecimento na \xe1rea para fazer o curso JS do Zero? Quais s\xe3o os pr\xe9-requisitos?",body:"<p>N\xe3o \xe9 necess\xe1rio ter conhecimento pr\xe9vio e n\xe3o h\xe1 qualquer pr\xe9-requisito para realizar o curso. Basta curiosidade, vontade de aprender e comprometimento.</p>"},{id:"2",title:"Quanto custa o curso JavaScript do Zero?",body:"<p>Desde abril de 2023, estamos disponibilizando gratuitamente por tempo limitado o curso para quem deseja dar os primeiros passos na programa\xe7\xe3o.</p>"},{id:"3",title:"\xc9 preciso falar ingl\xeas para fazer o curso?",body:"<p>N\xe3o h\xe1 exig\xeancia de conhecimento em ingl\xeas ou qualquer outro idioma. Todos os materiais em texto e em v\xeddeo s\xe3o em portugu\xeas.</p>"},{id:"4",title:"Posso realizar o curso quantas vezes?",body:"<p>Uma vez matriculado, voc\xea pode assistir os v\xeddeos e ler os conte\xfados quantas vezes desejar.</p>"},{id:"5",title:"Tem certificado? Quando ele ser\xe1 enviado?",body:"<p>Sim. O certificado ser\xe1 emitido para quem tiver uma taxa de acerto de 80% ou mais em todos os quizzes (testes de m\xfaltipla escolha). Os aprovados recebem o certificado no seu e-mail em at\xe9 30 dias ap\xf3s a finaliza\xe7\xe3o de todos os quizzes.</p>"}],sort:1,tag:"secao-curso-fit"}],ve=(0,s.forwardRef)((function(e,r){var o=(0,z.rZ)();return(0,a.jsxs)(i.x,{component:"section",py:(0,d.h)(64),ref:r,children:[(0,a.jsx)(S.D,{order:2,fw:{base:700,md:400},fz:{base:(0,d.h)(24),md:(0,d.h)(28)},lh:{base:(0,d.h)(36),md:(0,d.h)(42)},c:o.colors.dark[7],children:"Ainda com d\xfavidas?"}),(0,a.jsx)(fe.Z,{questionsGroups:be})]})})),je=o(21280),we=o(74117),ke=function(){var e={hero:(0,s.useRef)(),whatIsJavaScriptCourse:(0,s.useRef)(),whatTopicsAreCovered:(0,s.useRef)(),whoIsTheCourseFor:(0,s.useRef)(),javaScriptCourseWorthIt:(0,s.useRef)(),discoverTheCoursePlatform:(0,s.useRef)(),stillInDoubt:(0,s.useRef)()},r=(0,s.useRef)(null);return(0,a.jsxs)(t.Z,{canonical:"".concat(we._O).concat(j.BA.JAVASCRIPT_COURSE.url),shareImage:"/static/images/js-course/thumb-js-do-zero.webp",title:"Curso de programa\xe7\xe3o gratuito - JavaScript do Zero",description:"O JavaScript do Zero faz parte dos cursos de programa\xe7\xe3o da Trybe. Aprenda a programar com uma das linguagens mais usadas no mundo, o JavaScript. Escreva suas primeiras linhas de c\xf3digo e descubra se a programa\xe7\xe3o \xe9 a \xe1rea certa para voc\xea.",navBarType:"secondary",bgrType:"bgr-secondary",navigationVersion:"basic-navigation",children:[(0,a.jsxs)(u,{children:[(0,a.jsxs)(i.x,{children:[(0,a.jsx)(P,{sectionToScroll:r,ref:e.hero}),(0,a.jsx)(M,{ref:e.whatIsJavaScriptCourse}),(0,a.jsx)(ae,{ref:e.whatTopicsAreCovered}),(0,a.jsx)(ne,{}),(0,a.jsx)(de,{ref:e.whoIsTheCourseFor}),(0,a.jsx)(me,{ref:e.javaScriptCourseWorthIt}),(0,a.jsx)(ge,{ref:e.discoverTheCoursePlatform}),(0,a.jsx)(ve,{ref:e.stillInDoubt})]}),(0,a.jsx)(k,{navigation:e})]}),(0,a.jsx)(je.Z,{})]})}},66801:function(e,r,o){"use strict";o.d(r,{i:function(){return s}});var a=o(55959),s=function(e,r){return function(){if(r){var o,s=Object.values(e[r-1])[0];window.scrollTo({top:(null===(o=s.current)||void 0===o?void 0:o.offsetTop)-a.Mz-16,behavior:"smooth"})}else window.scrollTo({top:e.current.offsetTop-a.Mz-16,behavior:"smooth"})}}}},function(e){e.O(0,[4493,3413,5951,6439,9823,501,4858,2148,6887,9774,2888,179],(function(){return r=23318,e(e.s=r);var r}));var r=e.O();_N_E=r}]);