1b:[["$","$L9",null,{}],["$","$La",null,{"maxWidth":"lg","component":"main","style":{"paddingTop":60},"children":[["$","$L24",null,{"sx":{"position":"relative","backgroundColor":"grey.800","color":"#fff","mb":4,"backgroundSize":"cover","backgroundRepeat":"no-repeat","backgroundPosition":"center","backgroundImage":"url(https://i.ytimg.com/vi/NV88N1r2Qkg/sddefault.jpg)"},"component":"section","aria-labelledby":"featured-post-title","children":[["$","img",null,{"style":{"display":"none"},"src":"https://i.ytimg.com/vi/NV88N1r2Qkg/sddefault.jpg","alt":"Jogo da memória com JavaScript, HTML e CSS | Rick and Morty Theme"}],["$","$Lb",null,{"sx":{"position":"absolute","top":0,"bottom":0,"right":0,"left":0,"backgroundColor":"rgba(0,0,0,.8)"},"aria-hidden":"true"}],["$","$L25",null,{"container":true,"children":["$","$L25",null,{"item":true,"md":6,"children":["$","$Lb",null,{"sx":{"position":"relative","p":{"xs":3,"md":6},"pr":{"md":0}},"component":"header","children":[["$","$Lc",null,{"component":"h1","variant":"h3","color":"inherit","gutterBottom":true,"id":"featured-post-title","children":"Jogo da memória com JavaScript, HTML e CSS | Rick and Morty Theme"}],["$","$L26",null,{"slugCourse":"jogo-da-memoria-com-javascript-html-e-css-rick-and-morty-theme","aria-label":"Começar o curso Jogo da memória com JavaScript, HTML e CSS | Rick and Morty Theme"}]]}]}]}]]}],["$","$L27",null,{"aria-label":"breadcrumb","children":[["$","$L11",null,{"href":"/","underline":"hover","color":"text.primary","component":"$f","style":{},"aria-label":"Link para a página inicial","children":"Início"}],[["$","$L11","/bookcase",{"underline":"hover","color":"text.primary","component":"$f","href":"/bookcase","style":"$1b:1:props:children:1:props:children:0:props:style","aria-label":"Link para Cursos","aria-current":"$undefined","children":"Cursos"}],["$","$L11","/bookcase/jogo-da-memoria-com-javascript-html-e-css-rick-and-morty-theme",{"underline":"none","color":"text.primary","component":"span","href":"$undefined","style":"$1b:1:props:children:1:props:children:0:props:style","aria-label":"Link para Jogo da memória com JavaScript, HTML e CSS | Rick and Morty Theme","aria-current":"page","children":"Jogo da memória com JavaScript, HTML e CSS | Rick and Morty Theme"}]]]}],["$","$L25",null,{"container":true,"spacing":5,"sx":{"mt":3},"component":"main","aria-labelledby":"course-content","children":[["$","$L25",null,{"item":true,"xs":12,"md":8,"component":"section","aria-labelledby":"section-title","sx":{"& .markdown":{"py":3}},"children":[["$","$Lc",null,{"variant":"h6","gutterBottom":true,"id":"section-title","children":"Sobre as aulas"}],["$","$L28",null,{"sx":{"mb":2}}],[["$","$Lb","3cf7b048-6a10-4c10-bfd5-243aaf3ba968",{"className":"markdown","component":"article","aria-labelledby":"lesson-title-3cf7b048-6a10-4c10-bfd5-243aaf3ba968","sx":{"mb":3},"children":[["$","$Lc",null,{"component":"h4","variant":"h4","gutterBottom":true,"id":"lesson-title-3cf7b048-6a10-4c10-bfd5-243aaf3ba968","children":"Jogo da memoria com JavaScript | Parte 1: Login | Criando jogo com JavaScript, HTML e CSS"}],["$","$Lb",null,{"sx":{"display":"flex","alignItems":"center","gap":1},"children":[["$","$Lc",null,{"variant":"body2","fontWeight":500,"children":"Duração:"}],["$","$Lc",null,{"variant":"body1","children":["32:45","min"]}]]}],["$","$Lb",null,{"sx":{"display":"flex","px":2,"pt":4},"children":["$","div",null,{"id":"rootmarkdown","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"

Fala pessoal!

Esse é o primeiro vídeo de uma sequência onde a gente vai criar um jogo da memória com o tema do Rick and Morty usando HTML, CSS e JavaScript.

Tá beeem legal e eu espero que vocês gostem também!

Link do repositório com os arquivos usados nesse vídeo:\nhttps://github.com/manualdodev/memory-game

Veja como o projeto está funcionando no momento:\nhttps://manualdodev.github.io/memory-game/

#JavaScript #html #css #JogoJavaScript #JavaScriptGame #programação

\n"}}]}]}]]}],["$","$Lb","b2a17e6c-76c7-4799-ada3-266d542e188f",{"className":"markdown","component":"article","aria-labelledby":"lesson-title-b2a17e6c-76c7-4799-ada3-266d542e188f","sx":{"mb":3},"children":[["$","$Lc",null,{"component":"h4","variant":"h4","gutterBottom":true,"id":"lesson-title-b2a17e6c-76c7-4799-ada3-266d542e188f","children":"Jogo da memoria com JavaScript - Parte 2: Game | Criando jogo com JavaScript, HTML e CSS"}],["$","$Lb",null,{"sx":{"display":"flex","alignItems":"center","gap":1},"children":[["$","$Lc",null,{"variant":"body2","fontWeight":500,"children":"Duração:"}],["$","$Lc",null,{"variant":"body1","children":["59:11","min"]}]]}],["$","$Lb",null,{"sx":{"display":"flex","px":2,"pt":4},"children":["$","div",null,{"id":"rootmarkdown","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"

Fala pessoal!

Esse é o segundo vídeo da sequência onde estamos criando um jogo da memória com javascript. Ao final desse vídeo você já vai ter o jogo funcionando.

Se você não viu a primeira parte, dá uma conferida:\nhttps://youtu.be/NV88N1r2Qkg

Repositório do projeto com todos os arquivos:\nhttps://github.com/manualdodev/memory-game

Veja como o projeto está funcionando no momento:\nhttps://manualdodev.github.io/memory-game/

Espero que gostem!

#JavaScript #html #css #javascriptProject #javascriptIniciante #programação

\n"}}]}]}]]}],["$","$Lb","4f527226-2fad-47cd-a1c1-e71ff1d05540",{"className":"markdown","component":"article","aria-labelledby":"lesson-title-4f527226-2fad-47cd-a1c1-e71ff1d05540","sx":{"mb":3},"children":[["$","$Lc",null,{"component":"h4","variant":"h4","gutterBottom":true,"id":"lesson-title-4f527226-2fad-47cd-a1c1-e71ff1d05540","children":"Jogo da memoria com JavaScript - Parte 3: Final | Criando jogo com JavaScript, HTML e CSS"}],["$","$Lb",null,{"sx":{"display":"flex","alignItems":"center","gap":1},"children":[["$","$Lc",null,{"variant":"body2","fontWeight":500,"children":"Duração:"}],["$","$Lc",null,{"variant":"body1","children":["22:39","min"]}]]}],["$","$Lb",null,{"sx":{"display":"flex","px":2,"pt":4},"children":["$","div",null,{"id":"rootmarkdown","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"

Fala pessoal!

Esse é o último vídeo da sequência onde estamos criando um jogo da memória com javascript. Nesse vídeo, vamos melhorar nossos estilos e criar um header pra mostrar o nome e o tempo do player.

Se você não viu a segunda parte, dá uma conferida:\nhttps://youtu.be/tcbMmm77WOU

Repositório do projeto com todos os arquivos:\nhttps://github.com/manualdodev/memory-game

Veja como o projeto está funcionando no momento:\nhttps://manualdodev.github.io/memory-game/

Espero que gostem!

#JavaScript #html #css #javascriptProject #javascriptIniciante #programação

\n"}}]}]}]]}]]]}],["$","$L25",null,{"item":true,"xs":12,"md":4,"component":"aside","aria-labelledby":"sidebar-title","children":[["$","$L24",null,{"elevation":0,"sx":{"p":2,"bgcolor":"grey.200"},"children":[["$","$Lc",null,{"variant":"h6","gutterBottom":true,"id":"sidebar-title","children":"Sobre o curso"}],["$","div",null,{"id":"rootmarkdown","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":""}}]}]]}],["$","$Lb",null,{"sx":{"px":4,"mt":3},"children":[["$","$Lc",null,{"variant":"h6","gutterBottom":true,"children":"Aulas"}],["$","ol",null,{"aria-label":"Lista de aulas do curso","children":[["$","li","0-Jogo da memoria com JavaScript | Parte 1: Login | Criando jogo com JavaScript, HTML e CSS",{"aria-label":"Aula 1: Jogo da memoria com JavaScript | Parte 1: Login | Criando jogo com JavaScript, HTML e CSS","children":["$","$Lc",null,{"variant":"body2","children":"Jogo da memoria com JavaScript | Parte 1: Login | Criando jogo com JavaScript, HTML e CSS"}]}],["$","li","1-Jogo da memoria com JavaScript - Parte 2: Game | Criando jogo com JavaScript, HTML e CSS",{"aria-label":"Aula 2: Jogo da memoria com JavaScript - Parte 2: Game | Criando jogo com JavaScript, HTML e CSS","children":["$","$Lc",null,{"variant":"body2","children":"Jogo da memoria com JavaScript - Parte 2: Game | Criando jogo com JavaScript, HTML e CSS"}]}],["$","li","2-Jogo da memoria com JavaScript - Parte 3: Final | Criando jogo com JavaScript, HTML e CSS",{"aria-label":"Aula 3: Jogo da memoria com JavaScript - Parte 3: Final | Criando jogo com JavaScript, HTML e CSS","children":["$","$Lc",null,{"variant":"body2","children":"Jogo da memoria com JavaScript - Parte 3: Final | Criando jogo com JavaScript, HTML e CSS"}]}]]}]]}],["$","$Lb",null,{"sx":{"px":1},"children":[["$","$Lc",null,{"variant":"h6","gutterBottom":true,"sx":{"mt":3},"children":"Social"}],["$","$L11",null,{"href":"https://www.youtube.com/@manualdodev","aria-label":"Visite o canal Manual do Dev no YouTube","target":"_blank","rel":"noopener noreferrer","children":["$","$L29",null,{"avatar":["$","$L10",null,{"src":"https://yt3.ggpht.com/gbB1dP_hDfkvC0M1G1e8UIIfIBymSBg_yuWnCQF8tkEVo0W0EgRvi82pEC4U3oWzD9WCt_0WLmo=s88-c-k-c0x00ffffff-no-rj","width":50,"height":50,"alt":"Imagem do canal Manual do Dev","style":{"borderRadius":"50%"}}],"title":"Manual do Dev","subheader":"@manualdodev"}]}],["$","$Lc",null,{"variant":"caption","gutterBottom":true,"sx":{"mt":3},"children":"Descrição do canal não disponível."}]]}]]}]]}]]}],["$","$La",null,{"component":"footer","sx":{"display":"flex","flexDirection":"column","alignItems":"center","gap":{"xs":4,"sm":8},"py":{"xs":8,"sm":10},"textAlign":{"sm":"center","md":"left"}},"children":[["$","$Lb",null,{"sx":{"display":"flex","flexDirection":{"xs":"column","sm":"column","md":"row"},"width":"100%","justifyContent":"space-between"},"children":[["$","$Lb",null,{"sx":{"display":{"xs":"none","sm":"none","md":"flex"},"flexDirection":"column","gap":4,"minWidth":{"sm":"100%","md":"60%"}},"children":["$","$Lb",null,{"sx":{"width":{"sm":"100%","md":"60%"}},"children":["$","$Lb",null,{"sx":{"ml":"-15px"},"children":["$","$Lf",null,{"color":"text.secondary","href":"/","children":["$","$L10",null,{"src":"/images/logo.png","style":{"cursor":"pointer"},"width":140,"height":40,"alt":"Logo da Tertuulia"}]}]}]}]}],["$","$Lb",null,{"component":"nav","aria-label":"footer navigation","sx":{"display":"flex","gap":4,"width":"100%"},"children":[["$","$Lb",null,{"sx":{"display":"flex","flexDirection":"column","gap":1},"children":[["$","$Lc",null,{"variant":"body2","fontWeight":600,"children":"Plataforma"}],["$","$Lf",null,{"color":"text.secondary","href":"/","children":"Início"}],["$","$Lf",null,{"color":"text.secondary","href":"/bookcase","children":"Cursos"}],["$","$Lf",null,{"color":"text.secondary","href":"/careers","children":"Vagas"}],["$","$Lf",null,{"color":"text.secondary","href":"/profile","children":"Perfil"}]]}],["$","$Lb",null,{"sx":{"display":"flex","flexDirection":"column","gap":1},"children":[["$","$Lc",null,{"variant":"body2","fontWeight":600,"children":"Comunidades"}],["$","$L11",null,{"color":"text.secondary","href":"https://discord.com/invite/b4uJXeC59e","children":"Dev Junior Alves"}],["$","$L11",null,{"color":"text.secondary","href":"https://www.devs40mais.com.br/","children":"Devs 40+"}],["$","$L11",null,{"color":"text.secondary","href":"https://linktr.ee/womakerscode","children":"WoMakersCode"}],["$","$L11",null,{"color":"text.secondary","href":"https://www.maismulheres.tech/","children":"Mais Mulheres em Tech"}],["$","$L11",null,{"color":"text.secondary","href":"https://reprograma.com.br/","children":"Reprograma"}],["$","$L11",null,{"color":"text.secondary","href":"https://potenciatech.com.br/","children":"Potencia Tech"}]]}],["$","$Lb",null,{"sx":{"display":"flex","flexDirection":"column","gap":1},"children":[["$","$Lc",null,{"variant":"body2","fontWeight":600,"children":"Links úteis"}],["$","$L11",null,{"color":"text.secondary","href":"https://frontendbr.com.br/","children":"Front-end Brasil"}],["$","$L11",null,{"color":"text.secondary","href":"https://www.tabnews.com.br/","children":"TabNews"}]]}]]}]]}],["$","$Lb",null,{"sx":{"display":"flex","justifyContent":"space-between","pt":{"xs":4,"sm":8},"width":"100%","borderTop":"1px solid","borderColor":"divider"},"children":[["$","div",null,{"children":[["$","$L11",null,{"color":"text.secondary","href":"https://www.tertuulia.com/politica_de_privacidade.pdf","children":"Política de privacidade"}],["$","$Lc",null,{"display":"inline","sx":{"mx":0.5,"opacity":0.5},"children":" • "}],["$","$L11",null,{"color":"text.secondary","href":"https://www.tertuulia.com/termo_de_uso.pdf","children":"Termos de uso"}],["$","$Lc",null,{"variant":"body2","color":"text.secondary","mt":1,"children":["Copyright © ",["$","$L11",null,{"href":"https://www.tertuulia.com","color":"inherit","children":"Tertuulia"}]," ","2023"]}]]}],["$","$L12",null,{"direction":"row","justifyContent":"left","spacing":1,"useFlexGap":true,"sx":{"color":"text.secondary"},"children":[["$","$L13",null,{"color":"inherit","href":"https://www.facebook.com/people/Tertuulia/61558630903242","aria-label":"Facebook","sx":{"alignSelf":"center"},"children":["$","$L14",null,{}]}],["$","$L13",null,{"color":"inherit","href":"https://x.com/tertuulia","aria-label":"X","sx":{"alignSelf":"center"},"children":["$","$L15",null,{}]}],["$","$L13",null,{"color":"inherit","href":"https://www.instagram.com/tertuulia/?hl=pt-br","aria-label":"Instagram","sx":{"alignSelf":"center"},"children":["$","$L16",null,{}]}],["$","$L13",null,{"color":"inherit","href":"https://www.youtube.com/@tertuulia","aria-label":"YouTube","sx":{"alignSelf":"center"},"children":["$","$L17",null,{}]}]]}]]}]]}]]