Repositório do projeto com todos os arquivos: github.com/manualdodev/memory-game Veja como o projeto está funcionando no momento: manualdodev.github.io/memory-game/ Se você não viu a primeira parte, dá uma conferida: kzfaq.info/get/bejne/hLxoa7Fi15i1m5s.html

Uma verdadeira aula viu? Agora só parar para estudar com calma cada conceito apresentado aqui! Sucesso irmão! No aguardo de novos ensinamentos!

Amigo, novamente muito obrigado! Eu vejo muito conteúdo pois tenho um pouco de dificuldade no back-end e você tem uma didática muito boa do qual não saio com nenhuma dúvida, diferente dos outros canais. Assim q eu arrumar um emprego, serei um apoiador nato do canal!

Incrível! Aprendi várias coisas novas com esse video! Ansioso pelos próximos.

Por favor, continua! Excelente traballho, estava tentando criar sozinho e o algoritmo recomendou esse vídeo enquanto pesquisava um método. E voalá! Parabéns!

MONSTRO DEMAIS

A melhor explicação sobre a criação deste jogo em HTML5 ( CSS + HTML ) , Parabéns !!!

O seu conteúdo é incrivel cara, tem me ajudado a entender muito bem. Parabéns por isso!!! Espero ansiosamente pelo curso de JavaScript.

Cara tu é um anjo explicando de verdade

Muito bom mano, continua com esses projetos. Me ajuda muito! Sei HTML e CSS, o que ta me fazendo falta mesmo é aprender a programar de verdade com javascript.

sensacional mano continua fazendo esses videos, mais um inscrito pra vc ai!

Você é iluminado de verdade! Muito talento, meus parabéns.

aeeee, tava ansioso pela parte 2 😃

Confesso que fiquei perdido em um certo momento, mas voltarei aos momentos de minha perdição e compreenderei melhor de fato o que foi dito. Mas não deixo de parabeniza-lo por essa magnífica aula e o seu jeito de ensinar de forma simples e incrivelmente direta. Ainda pretendo chegar ao seu nível. Grato!

Gostei muito da sua forma de ensinar! Bem detalhado e nada de enrolações. Obrigada!

Mano eu espero um dia ser capaz de ter essa habilidade que vc tem, que coisa linda , espeto um dia conseguir fazer algo semelhante.

verdadeira aula de verdade entre uma das melhores didáticas q eu já vi ate hoje, parabéns amigo.

tava ansioso pra parte 2, muito legal o projeto, você tem uma didática muito legal parabens : 😊

MARAVILHOSO! e eu achando que sabia muito de JavaScript...kkkkk! Valeu professor!

Adorei parabéns 😊

Adorei as aulas, sua didática é excelente. obrigado por compartilhar seus conhecimentos.

Esse está sendo meu terceiro projeto, estou aprendendo bastante com você, muito obrigado por esta auxiliando pessoas que assim como eu, estão iniciando neste mundo tão vasto da programação.

vlw demais tava precisando revisar e entender melhor algumas coisas vc explica mto bem obgd s2

Parabéns pelo trabalho, todos os projetos são muito bons e ricos em conteúdos, sem falar que sua didática é muito boa, em aguardo pela playlist de JS

Cara, sensacional! sei que tu deve ter um milhão de coisas para fazer, mas se tu fizesse 1 video por dia, eu assistiria todos os videos e colocaria em pratica todos os videos. Sugestão de conteúdo: Pokedex.

Muito bom! sentindo falta de mais vídeos! parabéns pela didática!

Meu amigo. O cara nao é bom. Ele é um Deus do JavaScript de tà doido

Aula muito boa! Obrigada!

sensacional!! ansioso pela parte 3

Mano, melhores conteúdos só aqui, muito bom, obrigado pelo seu trabalho e esforço para explicar tudo tão detalhadamente e de forma fácil de entender ❤❤❤

Que video maravilhoso, aprendi muitas novas funções e a habilidades ! Parabéns pela iniciativa, por mais videos assim ! Novo inscrito, abraço !

Homem, faça um curso, você explica excelentemente

Cara sua optimização de código é absurda parabéns

Aula Espetacular, apoio 1 video por dia, vou assitir todos, mt bom mesmo, deixo ai um feed achei um bug pra vc tirar na próxima aula, quando agente clica e arrasta e solta dentro da carta, o grid todo flipa em H depois desflipa quando agente clica denovo, removi o bug comentando /* transform:rotateY(180deg); */ na class front do css mas as cartas ficam invertidas como no começo da aula, ensina pra nós a resolver da forma certa, ahh tb implementei pra testar meu aprendizado, o setTimeout no "if" que verifica o acerto e no que verifica a vitoria ficou show de bola parabéns pelo canal sua didática e mt boa mesmo to aprendendo muito mesmo. 👏👏👏👏👏👏👏

Foi comentado que iniciaria um curso de JS no seu canal. Nos cursos que vejo, existe um padrão que é 95% teoria e 5% prática. No seu caso até o momento é o contrário, acho que é isso que a maioria está buscando(95% prática, 5% teoria). Minha sugestão é montar seu curso focado na prática, e ir passando pelos conteúdos de JS com base em projetos. Muito bom esse projeto de jogo da memória, parabéns!

Muito bom, parabéns pelo vídeo, canal e didática. Abraço.

Didática nota 10, muito obrigado pelo esforço

To começando com JS e já deixando salvo esses projetinhos! Obrigada por disponibilizar um trabalho top desse

caraca! que aula! parabéns

Muito bom! Seria interessante você nos ensinar a criar aquele clássico jogo da cobrinha, já que você explica tão bem :)

Quando eu tiver condições quero ser um apoiador do canal, vc é 10

Gostei bastente deste projeto, e muito legal para aprender!

ficou bom demais ele da umas bugadinhas, que eu ainda nao sei se é por conta da extensão live server ou se algo do código vlw demais me ajudou demais a entender melhor alguns conceitos. =)

aula show, uma possível melhoria para o script seria na função que verifica se o joagador ganhou. em vez de atribuir um length de 20 cartas desabilitadas, seria melhor atribuir o length da lista de personagens duplicados, pois ja que vc adicionou uma lista duplicada de personagens para evitar a escrita desnecessária na hora de adicionar novos personagens, evitaria também ter que modificar o número de cartas desabilitadas para que o jogador posso finalizar o jogo.

Top, esperando o próximo vídeo...

Muito bom, vc ensina sem enrolação e didaticamente. Quanto ao próximo vídeo, você poderia mostrar como encriptar o atributo "data-nomedoperdonagem", pois da forma como está se o usuário abrir o código fonte ele saberá a ordem gerada dos personagens pelo HTML. No mais parabéns, e ansioso pelos próximos vídeos.

Parabéns, mais uma excelente aula!!!

aula nivel curso pago, sem palavras, parabéns.

estou muito louca de aprender tudo isso

Parabéns pelos vídeos! Muito bons mesmo! Se no próximo vídeo que você for finalizar for possível, acho que seria legal antes de iniciar o jogo aparecessem as cartas desviradas por alguns segundos, para o jogador tentar memorizar. Mas assim já está ótimo! Valew

muito foda manito. fiquei a semana inteira esperando pprt

Que vídeo excelente! Aprendi muito

Tua didática é top, estudo N cursos na Udemy em inglês, não vou dizer que não aprendo, mas a didática é bem mais arrastada comparada a sua, nem vejo o tempo passar. Parabéns ae

Muito bom! eu fiz com tema da moranguinho e dei uns upgrades com imagem de fundo e melhor harmonização com meu tema... Estou tentando customizar o window.alert também! Vlw, cara!

Aula massa! Cadê a galera postando aqui as versões do projeto, pra ajudar no engajamento do canal?

Muito boa a aula, porém na primeira aula tem alguns detalhes que você deveria passar, como por exemplo para sair de uma pasta para entrar em outra na hora de encontrar os arquivos ou pastas é legal orientar o iniciantes a colocar ".." da forma como vc fez no começo dessa aula, pois sem essa orientação dá pra ficar muito perdido. E também acho interessante já ensinar a fazer as funções estruturadas de uma vez pra não confundir a cabeça dos iniciantes. No mais só isso, parabéns pelo projeto, me ajudou muito!

cara muito top o conteudo👌👌

cara sério to maratonando seus vídeos que incrível tua didática é paciente e lógica além do mais tu sabe falar o que pensa. Se algum dia eu aprender a programar quero fazer vídeos iguais você. tipo se ajudar eu gostaria de fazer doações para teu canal para ajudar a produção de conteúdo e também se for servir de motivação para você. Passa o pix se você quiser que será um prazer te apoiar nem que seja com pouco. De qualquer formar obrigado por seus vídeos to aprendendo muito

Gratidao amigo

OBRIGADO AMIGO, VC É UM AMIGÃO

Top demais, parabéns.

muito bom

Obrigado, a sua ditatica é incrivel

Que aula, parabéns!

Mano que top, valew, muito JavaScript, isso é muito top, ara quem esta iniciando, esperando a parte 3 ^^ Obs: me aceita no Linkedin kkkk

Códigos e lógica tops!!!

Sensacional!

Muito bom seu conteúdo, parabéns! No aguardo por mais vídeos eu busquei ideias de outros jogos que eu poderia fazer,e me inspirou a fazer um snake game usando HTML, CSS e Javascript. OBS: Até queria deixar o link do repo e do github page com o jogo mas parece que o youtube ta removendo o comentário com link.

Ganhou + inscrito.

Muito top man!!! Didático demais, bom pra repassar conhecimento. Eu percebi que dependendo da velocidade que você clica, a div embaralha tudo.. sabe o que pode ser?

Meus parabéns pelo trabalho cara, muito bom. só uma coisa, nesse programa, quando vc clica em um card que já está virado ele vira denovo para a parte de cima. Ademais, aprendi muito com vc, obrigado.

Dav, se possível, tem como fazer um vídeo sobre como criar um controle pra manipular o personagem, tipo, você fez o jogo do Mario e tais, consegui criar também, mas eu não consigo jogar pq eu programo no celular e precisa de um controle, já vi inúmeros códigos sobre mas não entendi nenhum (ou alguém aqui nos comentários que entenda entra em contato ai).

Vc eh top man

O meu código está gerando uma carta a mais alguém sabe me dizer o porque?

Parabéns mano muito foda, só uma dica se for possível aumenta o tamanho da letra no vscode, na minha tv fica ruim de enxergar...

o jogo ficou muito legal, sugestão de melhoria tem como fazer a altura do game ser o tamanho da tela para não precisar de scroll ?

Por que quando chego no game.css, a carta fica sem animação de rotação? Notei que as escritas debaixo de .grid, .card, .face e etc, ficam da cor branca e não em azul como no seu Vscod; tem relação?

Olá tudo bem com vc!? Amigo vc poderia trazer um mini curso de javascript para gente!? Bom trabalho sucesso irmão Tmj🤝

Boa Noite, Seu conteúdo e top de mais, você tem uma didática muito boa do qual não saio com nenhuma dúvida, só que fiz tudo conforme tem que ser, fiz vários procedimentos mais não consegui botar as fotos quando vira a carta, fica só tela cinza, poderia me ajudar ?

Poderia fazer um video, explicando e ensinando sobre o javascript e o html mas para o Fivem?

Estou com problema, eu coloco minha lista de carta, porem ele n gera as 10 cartas 26:56, as imagens não estão parecendo

top...

no meu jogo aparece uma carta a mais superior ae numero de characters listado ex 8 characters e aparece nove cartas sendo q uma fica sem imagem

não esta aparecendo as cartas e ó código esta igualzinho😮‍💨

cara vc pode me ajudar? na hora de duplicar as cartas: eu queria adicionar mais 8(ao todo 16), em veze de duplicar. pq eu estou fazendo um jogo da memoria so que de matematica. E seria conta e resposta. Mas n sei como fazer isso

Video bom demais amigo.

obrigado pelo conteúdo desde já! mas como vc configurou seu vs code para ter essa linha quando está dentro da função?

Alguem pode ajudar, meu codigo estava tudo dando certo, mas quando eu fui pra fazer varias cartas igual aconteceu no video uma delas ficou sem nada e não tem como tirar ela, ai ficou com 11 cartas em vez de 10

opa mano video muito bom, mas mano disponibiliza as imagens pra gente poder abaixar elas, pq pra achar demora mt

A criação das cartas podem ser feitas também com classes POO, não é?

no meu deu algum erro de sintaxe porque não aparece as cartas nem da erro no console

Estava a procura de algo assim para fazer um, senti a falta de um botão para zerar tudo e tentar um novo tempo, pense ai se da certo. valeu um abraço

E se eu quiser fazer com que ele cheque as cartas, mas elas tiverem nomes diferentes?

Tão bom, quanto o primeiro

Será que tem como colocar para 2 jogadores online?

Bom dia amigo...primeiramente agradecer por esse excelente video...muito obrigado mesmo...por favor me da uma ajuda...eu tou fazendo com dois tipos de imagens com formatos diferentes, tou usando imagens jpeg e jpg...mas so consigo colocar pro front uma ou outra... as do tipo jpeg ou as jpg...como resolvo isso?? ...no seu video é no tempo 29:47...gratooo!!!😃

muito bom! esperando pela parte 3, tem previsão para sair?

fala, Manual do Dev. No meu está havendo um bug que ele "espelha" toda a grid quando se clica duas vezes rapidamente em uma única carta, ele adiciona a classe "reveal-card" para a grid. Não sei se é um bug ou se é só no meu, mas fica aqui meu comentário. O vídeo ficou muito bem explicado, queria que meu professor de física fosse você.

Cara, n sei se no seu projeto ficou assim, mas noq eu fiz aqui, depois que vc consegue o primeiro par, quando vc vira uma carta e clica nela dnv ela fica cinza e contada como acertada, e eu n sei como resolver

cara acehi seu canal e estou apendendo tmb por aqui, que legal, bem didatico vc poderia abri uma comunidade via discord para nos que gostamos do seu conteudo ter onde trocar algumas experiencias muito obrigado top!!!!