O que faltou pra fazer um curso? didática excelente, a calma pra ensinar cada linha de código e ainda faz questão de executar o código mesmo faltando coisas só pra mostrar o erro que pode dar se não colocar tal método ou função. Obrigado por esses videos de projetos
Olá @Manual do Dev, assistir e refiz o seu projeto, ficou top demais, sua didática é excelente. Gostei muito e aprende muito também. Se você pudesse criar o rank ficaria agradecido demais. Ficarei no aguardo.👏👏👏
Irmão, tu me salvou fazer um trabalho para faculdade e mal ensinaram. Vai tu enviado por Deus, me ajuda nisso e quero acompanhar todos os seus videos. Posta mais meu bom
Como sempre fazendo o melhor!Vira criador de conteudo da minha em engine html? Te como no top criador na documentação. Nome da engine Nandraki.js,tem canvas manipulação,css manipulação e js com prefab script!
Parabéns, muito boa as aulas desse projeto, e obrigado por disponibilizar o código fonte, pq o meu game ficou com uma carta a mais, e depois que encontra o primeiro par ele não desvira mais as outras kkkkk. Mas vou revisar todo código. Abraço.
Cara foi uma grande aula, estou iniciando em js, e esses três dias que passei assistindo e praticando com você através dessa aplicação foram de grande proveito e incentivo para mim.
Gostei muito de todo aprendizado adquirido nesse projeto! Obrigada por compartilhar pois você explicou tão bem que apesar de eu ser uma newbie consegui assimilar muito bem!
Seu video foi incrível, aprendi muita coisa nova, revi assuntos que havia visto anteriormente e ajudou mais ainda a compreender e fixar, pude ver como se utiliza o grid antes utilizava apenas displey flex pra tudo, muito obrigado!
@@ManualdoDev cara preciso da sua ajuda por favor , eu imploro , eu tenho um arquivo chamado "ek.bak" Que veio de um auto save , de um jogo chamado , exiled kinkdons , para celular android , eu quero abrir ele para editar , mais não consegui , com nenhum programa tentei c++ eu abri e estava tudo criptografado , tentei com sql também abriu mais criptografado , qual progama eu consigo abrir e editar sem estar criptografado , e salvar ele para voltar pro celular ??
Mano, que Deus continue abençoando tua vida. Isso é uma verdadeira aula...! Você gasta tempo (tempo de dev é caro srsrsrsrsrsrsrs) para preparar esses vídeos, e explica item por item... Obrigado de verdade. Eu comprei um curso, mas passo mais tempo aqui, do que no curso srsrsrsrs. a 20 dias atás eu não sabia uma , no js, mas por conta desses projetinhos hoje já consigo pensar algumas coisas. Ex.: coloquei áudio quando a pessoa acerta, som de clique quanto toca nas cartas, e uma musiquinha quando o jogo termina. Ainda não sei como implementar o ranking nem botão de reset, mas vou continuar pesquisando, pra ir melhorando aos poucos. Uma sugestão: vc poderia ensinar a armazenar as informações em um banco de dados, ao invés do navegador :) Acredito que dessa forma, daria pra criar um ranking global rsrsrsrsrss
Obrigado...muito bom seus videos...da ate medo quando tu fala que é bem "simpleszzzinhoo" kkkkkkkkkkkkkkkkkkkkk...muito obrigado por nos disponibilizar seu conhecimento...ajuda muito!!!!
Cara, sensacional, estou aprendendo Javascript agora e essa aula que vc deu sobre o jogo foi muito top, parabéns pelo trabalho, ansioso para chegar aquela aula de Javascript que vc disse no primeiro video..kkkk
Top...excelente aula e projeto, adicionei o código abaixo para deixar mais responsivo no celular.. @media(max-width: 375px) { header { padding: 7px; font-size: 1em; } }
O projeto tem um pequeno bugzinho que acontece quando você clica seguidas vezes na segunda carta no momento em que ela desvira, ele acaba colocando a class reveal-card no elemento grid, fazendo todas as cartas girarem em 180gY.
eu vi que tem outro bug no f12. Ele fala todas as cartas como se desse a resposta
ปีที่แล้ว
Pra resolver esse bug é só adicionar uma condicional no código JS, restringindo a adição da classe "reveal-card" somente ao target que inclua a classe "card", assim, somente as cartas poderão ser viradas. Seu grid não será, pois não apresenta "card" como classe
futuramente, caso vc manjar de sql tbm, criar tipo um site que além de criar cadastro dos usuários, ter como registrar produtos dentro do site, e tudo que for digitado ali no html ficar salvo no banco de dados xD curto full stack hehe
Cara, com essas aulas que ele dá, muita coisa não fazia sentido, agora eu já penso como você, já quero colocar novas funcionalidades sabe? E uma delas é justamente isso! Só que ainda é bem complexo executar tais ações, mas um dia sai!
Você pode guardar em um array se for do mesmo jogador ou no storage para jogadores diferentes. Mas se for player de diferentes acessos, daí terá que ser em algum banco de dados
Opa! então o video ficou muito incrivel! explicação impecavel e estou tentando utilizar o codigo em um dos meus projetos de faculdade de SI, mas ta tendo um problema que não consigo resolver que quando clica muito rapido nas cartas tem um espelhamento na grid toda onde todas as cartas ficam espelhadas! se puder ajudar com uma solução seria muito bom! obrigada ❤
Oi, Maria Eduarda! Tudo bem? Então.. não sei se vai resolver o seu problema, mas uma dica é você criar uma variável para controlar o momento em que o clique nas cartas vai fazer alguma coisa. Por exemplo: Você possui uma variável chamada "estouValidando" que inicia com o valor de "false". Quando o usuário clica pela primeira vez em uma carta você, antes de executar qualquer, ação você verifica se essa variável está true ou false. Se ela estiver true então você não executa nada. E se ela estiver false você atualiza o valor dela para true e em seguida executa as demais ações. Sempre lembrar de no final das checagem das cartas voltar o valor dessa variável para false novamente para o usuário poder clicar novamente. :D Tenta algo parecido com isso. E qualquer coisa comenta aqui. Abraços!
Você ensina mto bem, parabéns pelo vídeo. Estou com um problema que ao clicar na última carta, o alerta de ganhou aparece antes mesmo da carta virar. Alguém sabe o que pode ser?
Muito boa a aula, eu fiz com um Button onde consigo começar o jogo e o tempo iniciar,e usei o texxtcontent pra mudar pra iniciar assim que eu viro todas as cartas,mas quando eu clico pra iniciar o jogo iniciar com mais 20 cartas mas não apaga as anteriores, tô desde ontem tentando achar um jeito de apagar antes de rodar novamente,algum filho de Deus por aí que conseguiria me ajudar nisso? Kkk
cara preciso da sua ajuda por favor , eu imploro , eu tenho um arquivo chamado "ek.bak" Que veio de um auto save , de um jogo chamado , exiled kinkdons , para celular android , eu quero abrir ele para editar , mais não consegui , com nenhum programa tentei c++ eu abri e estava tudo criptografado , tentei com sql também abriu mais criptografado , qual progama eu consigo abrir e editar sem estar criptografado , e salvar ele para voltar pro celular ??
O safari não identifica algumas propriedades do CSS. é preciso adicionar o -webkit- no inicio de algumas propriedades. Exemplo: transition: all 0.4s ease; transform-style: preserve-3d; backface-visibility: hidden; Ao adicionar o -webkit- ficam assim: -webkit-transition: all 0.4s ease; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden;
Projeto incrível. Eu estou com um projeto de jogo da memória diferente, que não consigo terminar. Acha que consegue dar uma olhada? Te mando meu repositório. Já está com tudo praticamente feito, mas como eu fiz uma game 4 em 1 (a pessoas escolhe um dos 4 temas). Então eu preciso dar um jeito de mudar o array recebido, dependendo do tema clicado. Se interessar, só chamar.
Isso é por causa da resolução do seu monitor. Pode ser que fazendo os mesmos tamanho que eu fiz, ocupe mais espaço na sua tela. Você pode mudar um pouco os tamanhos ou aumentar a quantidade de colunas pra ocupar mais espaço horizontal.. Aí é questão de teste mesmo. Inclusive é legal criar uma parte responsiva pra mudar de acordo com o tamanho da tela. Em breve terá vídeo sobre isso. Qualquer coisa comenta aqui mesmo. Abraço!
No game as vezes ocorria um bug ,que o grid container pegava o efeito da carta e girava, resolvi com uma mudança na função "revealCard" const revealCard = ({target}) =>{ if(target.parentNode.className.includes("reveal-card")){ return; } if(firstCard == "" && !target.parentNode.className.includes("grid")){ target.parentNode.classList.add("reveal-card"); firstCard = target.parentNode; console.log(target.parentNode) }else if(secondCard === "" && !target.parentNode.className.includes("grid")){ target.parentNode.classList.add("reveal-card"); secondCard = target.parentNode; console.log(target.parentNode) checkCards(); } } o efeito só é aplicado se o elemento não possuir a class grid
Achei muito legal o projeto! Copiei aqui usando as fotos da família e vou fazer surpresa com meu primeiro projeto JS.
Cria um RANK por favor, adorei o jogo, até me inscrevi no canal. Muito bom
O que faltou pra fazer um curso? didática excelente, a calma pra ensinar cada linha de código e ainda faz questão de executar o código mesmo faltando coisas só pra mostrar o erro que pode dar se não colocar tal método ou função. Obrigado por esses videos de projetos
Ficou brabo de mais esses videos! Parabéns muito bom
Olá @Manual do Dev, assistir e refiz o seu projeto, ficou top demais, sua didática é excelente. Gostei muito e aprende muito também.
Se você pudesse criar o rank ficaria agradecido demais.
Ficarei no aguardo.👏👏👏
Explicação foi clara e muito boa! Queria mais desse mas estou ansioso para os próximos!
Irmão, tu me salvou fazer um trabalho para faculdade e mal ensinaram.
Vai tu enviado por Deus, me ajuda nisso e quero acompanhar todos os seus videos.
Posta mais meu bom
Depois de muita luta consegui, mt obrigado pelo tutorial, até cm tutorial eu faço errado, imagina só.
Como sempre fazendo o melhor!Vira criador de conteudo da minha em engine html? Te como no top criador na documentação. Nome da engine Nandraki.js,tem canvas manipulação,css manipulação e js com prefab script!
Parabéns, muito boa as aulas desse projeto, e obrigado por disponibilizar o código fonte, pq o meu game ficou com uma carta a mais, e depois que encontra o primeiro par ele não desvira mais as outras kkkkk. Mas vou revisar todo código. Abraço.
cheguei a ultima aula do projetinho, vamos a lutaa
Cara foi uma grande aula, estou iniciando em js, e esses três dias que passei assistindo e praticando com você através dessa aplicação foram de grande proveito e incentivo para mim.
Obrrigado pelas Explicações, pelo vídeo e pela aula
Gostei muito de todo aprendizado adquirido nesse projeto! Obrigada por compartilhar pois você explicou tão bem que apesar de eu ser uma newbie consegui assimilar muito bem!
Muito interessante fazer esse projeto com vc... Tô com algumas ideias para complementá-lo. Muito obrigado pela auula!!
Conteúdo e didática fora da curva, muito obrigado pelos ensinamentos!
Eu que agradeço o apoio, Wanderson! Tamo junto!
Parabéns pelo seu vídeo, adorei essa sequência. Você pretende ensinar a fazer o ranking? 🥰
Seu video foi incrível, aprendi muita coisa nova, revi assuntos que havia visto anteriormente e ajudou mais ainda a compreender e fixar, pude ver como se utiliza o grid antes utilizava apenas displey flex pra tudo, muito obrigado!
Estava aguardando ansiosamente por isso! Muito obrigado meu amigo!
Valeu demais. Tamo junto, Rodrigo!
Obrigada pelo projeto! Você conseguiu adicionar várias informações importantes em um projeto simple e pequeno.
Muito show cara, vou mudar algumas coisas simples para dar outra cara, e postar ^^ valew mano pelo aprendizado !
Tive uma ideia!!
Próximo jogo == chess
Gostei bastante da aplicação deu para usar bem a lógica e o código foi top e moderno. Parabéns pelo canal e já virei seu fã!!
Fico muito feliz que tenha gostado, Ednaldo. Tamo junto! :D
@@ManualdoDev cara preciso da sua ajuda por favor , eu imploro , eu tenho um arquivo chamado "ek.bak"
Que veio de um auto save , de um jogo chamado , exiled kinkdons , para celular android , eu quero abrir ele para editar , mais não consegui , com nenhum programa tentei c++ eu abri e estava tudo criptografado , tentei com sql também abriu mais criptografado , qual progama eu consigo abrir e editar sem estar criptografado , e salvar ele para voltar pro celular ??
Cara, valeu demais! Projetinho muito foda e ajuda demais pra quem esta começando . Muito Obrigado
Parabéns, vídeo muitooo bom
Mano, que Deus continue abençoando tua vida. Isso é uma verdadeira aula...! Você gasta tempo (tempo de dev é caro srsrsrsrsrsrsrs) para preparar esses vídeos, e explica item por item... Obrigado de verdade. Eu comprei um curso, mas passo mais tempo aqui, do que no curso srsrsrsrs. a 20 dias atás eu não sabia uma , no js, mas por conta desses projetinhos hoje já consigo pensar algumas coisas. Ex.: coloquei áudio quando a pessoa acerta, som de clique quanto toca nas cartas, e uma musiquinha quando o jogo termina. Ainda não sei como implementar o ranking nem botão de reset, mas vou continuar pesquisando, pra ir melhorando aos poucos.
Uma sugestão: vc poderia ensinar a armazenar as informações em um banco de dados, ao invés do navegador :) Acredito que dessa forma, daria pra criar um ranking global rsrsrsrsrss
Que show, Idelbrando! Massa demais! Parabéns!
E muito obrigado pelo apoio!
Em breve vai ter vídeos sobre banco de dados, em!
Abraço!
Você é o melhor professor de todos!!
Que nada, Luana! Valeu demais pelo apoio!
Show de explicação...
muito bom esse projeto, aprendi muito!
Obrigado por compartilhar! Sensacional seus vídeos!
Valeu, Thiago. Tamo junto!
meu querido que legal seu projeto, uma didática ótima parabéns!!!!
Didática maravilhosa👏👏👏
Obrigado...muito bom seus videos...da ate medo quando tu fala que é bem "simpleszzzinhoo" kkkkkkkkkkkkkkkkkkkkk...muito obrigado por nos disponibilizar seu conhecimento...ajuda muito!!!!
Muito bom! Tá me ajudando muito. Não para por favor...
Mais um excelente vídeo, parabéns!
Muito obrigado, Victor! :D
Top demais. Traga mais projetos
Parabéns pelo vídeo, excelente conteúdo e didática!
Cara, sensacional, estou aprendendo Javascript agora e essa aula que vc deu sobre o jogo foi muito top, parabéns pelo trabalho, ansioso para chegar aquela aula de Javascript que vc disse no primeiro video..kkkk
Valeu demais, Marcelo!
As aulas de Javascript vão sair sim, em! Kk
Tamo junto!
Abraço!
Iniciando minha faculdade de Ciências da Informação com este trabalho perfeito...parabens !!
Aula incrível que venha mais projetos
Top...excelente aula e projeto, adicionei o código abaixo para deixar mais responsivo no celular..
@media(max-width: 375px) {
header {
padding: 7px;
font-size: 1em;
}
}
Conteúdo sensacional! Muito obrigado por compartilhar 🙏
Eu que agradeço, mano. Tamo junto!
Parabéns pelo vídeos... Por favor continue os vídeos do projeto do jogo da memória eu só novo no visual Studio Code.
Otima serie ! por favor continue mostrando mais conteudos usando o javascript puro !
Excelente conteúdo. Parabéns pela didática!
Conteúdo maravilhoso e ótima didática. Parabéns pela iniciativa!!
obrigado por passar esse projeto, incrivel de mais maninho, parabens!!!
Top demais irmão , aprendo muito contigo!!
Adorei o vídeo! Estou migrando para a área de programação e seus vídeos me ajudaram muito!!
Conteúdo muito bom parabéns, 😃😃
Valeu demais, Leonardo!
A aula foi muito boa mesmo. Será que você poderia ajudar a fazer o ranking?
Muito bom man, parabéns pela ideia e pela didática. o/
so faltou fazer um video explicando como fazer o ranking
Sensacional, valeu!
muito obrigado mano. Tu é 10!
O projeto tem um pequeno bugzinho que acontece quando você clica seguidas vezes na segunda carta no momento em que ela desvira, ele acaba colocando a class reveal-card no elemento grid, fazendo todas as cartas girarem em 180gY.
eu vi que tem outro bug no f12. Ele fala todas as cartas como se desse a resposta
Pra resolver esse bug é só adicionar uma condicional no código JS, restringindo a adição da classe "reveal-card" somente ao target que inclua a classe "card", assim, somente as cartas poderão ser viradas. Seu grid não será, pois não apresenta "card" como classe
parabens adorei consegui fazer
No navegador do iPhone as imagens das cartas não aparece quando clica. Como eu poderia resolver isso?
Adorei 🤩🤩
futuramente, caso vc manjar de sql tbm, criar tipo um site que além de criar cadastro dos usuários, ter como registrar produtos dentro do site, e tudo que for digitado ali no html ficar salvo no banco de dados xD curto full stack hehe
Projeto Full stack já está nos planos em, Pedro.
Vai ser bom demais!
Abraço!
Voce não vende um curso completo não??
Sensacional.
Poderia dar uma dica de como podemos fazer uma montagem de um ranking com os melhores tempos e seus nomes? Seria com o createElement?
Cara, com essas aulas que ele dá, muita coisa não fazia sentido, agora eu já penso como você, já quero colocar novas funcionalidades sabe? E uma delas é justamente isso! Só que ainda é bem complexo executar tais ações, mas um dia sai!
Você pode guardar em um array se for do mesmo jogador ou no storage para jogadores diferentes. Mas se for player de diferentes acessos, daí terá que ser em algum banco de dados
Opa! então o video ficou muito incrivel! explicação impecavel e estou tentando utilizar o codigo em um dos meus projetos de faculdade de SI, mas ta tendo um problema que não consigo resolver que quando clica muito rapido nas cartas tem um espelhamento na grid toda onde todas as cartas ficam espelhadas! se puder ajudar com uma solução seria muito bom! obrigada ❤
Oi, Maria Eduarda! Tudo bem?
Então.. não sei se vai resolver o seu problema, mas uma dica é você criar uma variável para controlar o momento em que o clique nas cartas vai fazer alguma coisa.
Por exemplo:
Você possui uma variável chamada "estouValidando" que inicia com o valor de "false".
Quando o usuário clica pela primeira vez em uma carta você, antes de executar qualquer, ação você verifica se essa variável está true ou false.
Se ela estiver true então você não executa nada. E se ela estiver false você atualiza o valor dela para true e em seguida executa as demais ações. Sempre lembrar de no final das checagem das cartas voltar o valor dessa variável para false novamente para o usuário poder clicar novamente. :D
Tenta algo parecido com isso. E qualquer coisa comenta aqui.
Abraços!
Obrigado meu amigo
Como criar um numero de tentativas ?
Top!
muito bom, eh possivel criar jogos para jogar online, como xadrez do flyordie e sinuca do 8 pool ?
Sim, basta dominar o JS e algumas ferramentas para colocar o projeto em produção (online).
Fiquei muito empolgado pra fazer o ranking, tem como fazer com o local storage ou terei que adicionar um bd?
Você ensina mto bem, parabéns pelo vídeo. Estou com um problema que ao clicar na última carta, o alerta de ganhou aparece antes mesmo da carta virar. Alguém sabe o que pode ser?
Talvez você não definiu o deley. Sem o deley o browser identifica a carta antes mesmo do efeito css rodar. Precisa do deley par exibir o resultado.
Muito boa a aula, eu fiz com um Button onde consigo começar o jogo e o tempo iniciar,e usei o texxtcontent pra mudar pra iniciar assim que eu viro todas as cartas,mas quando eu clico pra iniciar o jogo iniciar com mais 20 cartas mas não apaga as anteriores, tô desde ontem tentando achar um jeito de apagar antes de rodar novamente,algum filho de Deus por aí que conseguiria me ajudar nisso? Kkk
cara preciso da sua ajuda por favor , eu imploro , eu tenho um arquivo chamado "ek.bak"
Que veio de um auto save , de um jogo chamado , exiled kinkdons , para celular android , eu quero abrir ele para editar , mais não consegui , com nenhum programa tentei c++ eu abri e estava tudo criptografado , tentei com sql também abriu mais criptografado , qual progama eu consigo abrir e editar sem estar criptografado , e salvar ele para voltar pro celular ??
video muito bom!
O meu não funciona! 😔
Amigo, muito bom seu projeto... sabe dizer pq não funciona no Iphone?
O safari não identifica algumas propriedades do CSS. é preciso adicionar o -webkit- no inicio de algumas propriedades. Exemplo:
transition: all 0.4s ease;
transform-style: preserve-3d;
backface-visibility: hidden;
Ao adicionar o -webkit- ficam assim:
-webkit-transition: all 0.4s ease;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
@@WellMelo Eu fiz isso e mesmo assim não funcionou. Batendo cabeça para solucionar isso. Acha que o problema é só na parte do CSS mesmo?
Projeto incrível. Eu estou com um projeto de jogo da memória diferente, que não consigo terminar.
Acha que consegue dar uma olhada? Te mando meu repositório.
Já está com tudo praticamente feito, mas como eu fiz uma game 4 em 1 (a pessoas escolhe um dos 4 temas). Então eu preciso dar um jeito de mudar o array recebido, dependendo do tema clicado.
Se interessar, só chamar.
achei muito foda, porém to tendo um probleminha com o timer, fica falando que não tem número definido ...
Sua página está com a tradução automática. Dai o Javascript retorna NaN. Basta desativar a tradução automática.
faz explicando react js, por favor?
E aí, Daniel! Beleza?
Em breve vai ter uns vídeos bem legais de React, beleza?
Abraço!
@@ManualdoDev nossa, vai ajudar muito! sua explicação é ótima e eu tô aprendendo isso agora
trabalho lindo, cara 💝
por algum motivo não consigo deixar minha pagina em tela cheia pq se não tem que ficar rolando para ver as cartas aaaa
Isso é por causa da resolução do seu monitor. Pode ser que fazendo os mesmos tamanho que eu fiz, ocupe mais espaço na sua tela.
Você pode mudar um pouco os tamanhos ou aumentar a quantidade de colunas pra ocupar mais espaço horizontal.. Aí é questão de teste mesmo.
Inclusive é legal criar uma parte responsiva pra mudar de acordo com o tamanho da tela. Em breve terá vídeo sobre isso.
Qualquer coisa comenta aqui mesmo.
Abraço!
Manual do Dev, ensina como criar um Friday Night Funkin com CSS, HTML e JavaScript
No game as vezes ocorria um bug ,que o grid container pegava o efeito da carta e girava, resolvi com uma mudança na função "revealCard"
const revealCard = ({target}) =>{
if(target.parentNode.className.includes("reveal-card")){
return;
}
if(firstCard == "" && !target.parentNode.className.includes("grid")){
target.parentNode.classList.add("reveal-card");
firstCard = target.parentNode;
console.log(target.parentNode)
}else if(secondCard === "" && !target.parentNode.className.includes("grid")){
target.parentNode.classList.add("reveal-card");
secondCard = target.parentNode;
console.log(target.parentNode)
checkCards();
}
}
o efeito só é aplicado se o elemento não possuir a class grid
Valeu, meu nobre.