Crie Um JOGO DA VELHA com HTML, CSS & JavaScript

[@lucianobutsch2821]

Ops, que legal mais um projeto para engrandecer meu portfólio. Rumo a programação front-end, obrigado por nos ajudar com bons projetos. Valeu...

[@dicasparadevs]

boaaaa! eu que agradeço, irmão!

[@lucianobutsch2821]

@@dicasparadevs Gratidão por seus conhecimentos.

[@viniciusm.m.7822]

@@lucianobutsch2821 Exatamente!

[@erika.salvatore]

Que Deus te abençoe! por ensinar com calma e paciência e por passar o conhecimento adiante. Obrigada!

[@sidneylima272]

conteudo de qualidade! parabens! assistam e muito bom a maneira que ele usa a LOGICA... lembrem!!! voces nao precisam inventar a roda apenas saber como a construir e melhora-la!

[@paulolamb]

Adorei implementar isso. Aprendi muito. Principalmente CSS. Sou uma negação em front-end. Eu gastei umas duas semanas fazendo umas modificações e consegui alterar o jogo para que seja jogado contra o computador ao invés de outra pessoa. Tentei postar aqui, mas o youtube bloqueou. Se quiser que eu compartilhe o código de alguma forma, me dê um toque. Deixei no meu github.

[@fernandopalmerston3657]

Adorei o projeto, e obrigado por ter avisado que até mesmo você achou dificil de fazer, porque eu já estava desesperado me achando um burro!

[@marciosousa7868]

Sensacional, estou nos 31 min do primeiro tempo, dos 5 tempos rsrsrsrs Mas uma hora pego o jeito e entendo. Muito Obrigado brother.

[@CarolineMoraes]

Muito Bom!!! Demorei muito pra entender, voltei várias vezes ahahah mas valeu a pena!! Gostei muito das tuas explicações, muito obrigada pela aula!!!!

[@andreriffen]

Simples e incrível! Seu video está claro e objetivo. Parece que tem um amigo meu me ensinando. Outra coisa que gostei foram os truques e atalhos no VS Code que ajudaram muito. Você é foda, parabéns velho!

[@luizguilhermedossantos2858]

Cara, muito bom! Eu tive dificuldade por que estou começando agora, e me sugeriram fazer um jogo da velha com JS, eu escolhi o seu projeto pois achei o mais bem feito, porém o mais difícil. Rsrsrs. Mas, depois de muitas idas e vindas, funcionou perfeitamente. Parabéns, muito bom! Vou tentar a calculadora agora!

[@nexusfive3155]

Eu fiz a sua aula deu um trampo para fazer rodar o codigo mas deu certo muito bom, eu fiz algumas modificações no projeto baseando se em outro exemplo de jogo que pega o nome dos jogadores e mostra o jogador atual da rodada e apliquei ao projeto da aula ficou bem legal eu queria colocar o link do projeto finalizado no github aqui pra galera baixar e brincar mas o youtube não deixa..

[@marcelojunior1073]

Que show, eu queria começar fazendo umas coisinhas simples assim, pra ir treinando, (Estou no começo em HTML/CSS) ,''simples'' entre aspas né, olha a quantidade de linha de código que precisou pra fazer isso, vou tentar fazer ele.

[@feliperosa8386]

sencacional man esse projeto. gostei de mais. foi um dos desafios que o Dechampes sugeriu para aprender a programar em JS. Valeu demais!!! Curti muito ter feito e vou esturdar mais sobre ele e ver se da pra fazer alguma cois adiferente nele!!!

[@mtsmatos1511]

Seus vídeos me ajudam mto continue. Fale mais também sobre carreira, como conseguir primeiro emprego etc

[@NatteRoll]

Seu canal é muito bom, ele é bem objetivo, isso carece no YT hoje em dia... Você pensa em fazer um série de Angular? existe uma escassez de conteúdo BR sobre o framework, só tem gringo, vlw pelo conteúdo de qualidade!

[@nicpeters3306]

Você é top! Obrigado irmão!

[@MrAndreslack]

Parabéns. Primeira vez que consegui fazer um code completo e entender o que foi feito. Muito obrigado ja vou estudar o outros vídeos do canal.

[@bruna3330]

Obrigada pelo vídeo! Aprendi muita coisa. Só uma observação, para criar o circle não precisa do before e do after, só um já resolve.

[@rafaelpilartes1169]

Mais um video sensacional!!👏 Continue, está me ajudando imenso!!👊

[@dicasparadevs]

Fico feliz em saber!!

[@_maxx]

Parabens pelo conteudo mano, muito bom o canal. Estou aprendendo muito com seus videos!

[@dicasparadevs]

Fico feliz em saber!!

[@frankguimaraes5478]

que canal foda, foi um achado!!!!!

[@misaelsapiente4124]

Parabéns!!! boa aula e boa didatica

[@matheuscalvetti9086]

Muito bom irmão! Fiz de cabo a rabo e aprendi muito contigo! Agradeço de coração

[@samuelferreira3648]

Agora só falta colocar uma I.A. para jogar contra ushauhsahusha. Ótimo projeto! Valeu

[@leandromarques3800]

Muuuuito booom obrigado👌🏼👏🏼👏🏼👏🏼👏🏼👏🏼👏🏼

[@Andre-iy2ob]

Impressionante teu CSS, rapaz

[@cannismajori5719]

O legal e que se fizesse um vídeo, com todos os passos de elaboração do projeto, desde do inicio da ideia e tal, minha dificuldade é saber como iniciar e elaborar todos os passos do projeto. valeu! conteúdo top!

[@viniciusm.m.7822]

Show, Felipe! Obrigado, professor! God bless u!

[@eduardoesteves4710]

Legal o projeto, muito boa sua didática. Parabéns.

[@camillamendes3732]

que video perfeito!!

[@ronaldsena9078]

Que Nível é esse Man Parabéns. Top Line. Agora vou adicionar o PHP ou Node para registrar tudo e ter histórico de vitorias do Jogador _ O legal seria criar uma IA para jogar com o Payer _ Fica a dica para o aperfeiçoamento o jogo da velha. 👍

[@soassistindo4334]

Você é fera mano, obrigado pel aula!!

[@collaxd]

Parabéns pelo conteudo mano! Podia fazer esse em react hahah

[@RonanTI]

show,quando poder usa minha engine js para fazer jogo,acho que você vai fazer esse mesmo jogo de maneira mais fácil e com menos codigo,minha lib game tb esta no git e npm! forte abraço irmão,continue com otimo trabalho!

[@shack1591]

Mano, muito boa a aula, fiquei com uma dúvida, quando da empate o meu retorna a mensagem Esvazie! Rsrs

[@sandrakossoski72]

muito bom😍

[@iurisaraiva]

Olá Felipe. Cara seu jogo e código estão ótimos. Parabéns! O próximo passo seria poder jogar contra o pc. Você poderia nos dizer como armazenar a celula jogada para poder retirar ela das possibilidades 0-8 para que em seguida geremos um úmero aleatorio entre 0-8 excluindo as celulas jogadas?

[@franksilva2969]

Parabens pelo conteudo

[@maurolimaok]

Bacana!

[@PedroHenrique-vc6zn]

Sempre com um conteúdo excelente

[@kaioviniciussilvasantos9944]

Achei meio confuso ,mais um ótimo projeto, parabéns!

[@higormatheus2030]

como posso ta fazendo pra jogar contra por exemplo toda ação que eu to tomo na aba aparece pra outro jogador que tbm esta com a aba aberta , localmente clara

[@raphaeldesouzaazambuja6039]

eu sou dev backend e estudo faz 6 anos. esse ano decidi deixar de inventar desculpas e perder o medo de frontend. deu de ficar só no html e node, agora vou aprender css e js para front com firmeza.

[@spolaion1861]

primeiramente obg pelo conteúdo e tempo! eu até consigo entender as funcionalidades e tal, mas acho que ainda tô muuito no começo pra poder raciocinar cada passo-a-passo, organizar todo o código, saber onde e quando quem chama quem, até pq tem umas funções ou mini funções que ainda n vi sobre... é, voltar a estudar agora... mas foi um vídeo bem explicativo, só tive um errinho (ou no html ou css) que deixava o X meio deformado no hover, mas meu foco é backend (que o Eterno me ajude!), então acho que tá tudo bem... ou não... aceito opiniões obg

[@bestapps4709]

Amigo vc sabe como salvar pontos numa pasta como /css faz, ou /pasta/pontosSalvos.js e retornar estes pontos ao reiniciar o jogo.

[@mandygarcia6239]

E se eu quiser adicionar um keep score? alguma dica de como eu poderia fazer isso?

[@kaiquebondezan]

Canal mto bom e objetivo, to curtindo demais. Outra coisa, consigo seus settings do vscode de alguma forma? queria deixar meus brackets assim mas ainda não encontrei como configurar

[@geovanniluiss4982]

coloquei opacity 0.4 na questao de hover tanto do circle quanto no x porque o background nao deu certo

[@SheiKgx]

Qual a diferença de usar function de usar const = () => {} ?

[@lucassousa5553]

Conteúdo maravilhoso

[@Itsqueli]

Muito bom!!!

[@dicasparadevs]

obrigado, Queli!!

[@tiescofernando3042]

Ola Felipe fazer um jogo da velha, calculadora seguindo seus tutoriais. O disigner fico perfeito, porem na hora da execução não tive sucesso. Procurei erros na linguagem java e não mostrou nada, Voce poderia me ajudar ou me da uma dica de como resolver esse problema?

[@luanyuri3098]

Opa, estou assistindo ao tutorial e realizando a programação pelo sublime, mas não consigo executar os comando para fazer o X e o O. Tem alguma sugestão?

[@leandromarques3800]

Consegui fazer 😍😍😍

[@CarlosSilva-vn6rn]

Amigo, o meu não esta centralizado como o seu, ele criou uma coluna na lateral .

[@Edureis16]

Eu tentei fazer aqui mas na hora de fazer o X ele ficou ensima do jogo da velha,n ficou no quadradinho serto

[@thallesazevedo4309]

Estou ainda no começo do seu conteúdo e já estou conseguindo um progresso, contudo os atalhos do VS Code não funcionam corretamente pra mim, tenho que ativar alguma config ou baixar alguma extensão?

[@thalyson8300]

Cara Finalizei tudo Pore ficou com apenas um erro que nao sei resolver

[@charlescardoso99]

tentando fazer mas o meu so ta aparecendo x nao ta alternando entre x e circulo ...vou re assistir provavelmente comi bola (hahahaha) sou novo em programação

[@gian_lima6541]

Pode ser pelo visual Studio mobile??

[@lucasbarros4923]

Faço igualzinho mas os quadrado fica lá no topo do navegador e não no centro, não consigo conserta nem a pau kkkkkkkkkkkkkkk

[@josereinaldo7930]

Opa não sei oq tá acontecendo mas, comigo não tá dando certo, já fui no github copiei e colei o código pra ver se era eu quem estava errando alguma linha e não estava encontrando, mas não deu em nada tbm, queria saber oq tá dando errado.

[@jaquelinefranca4340]

conseguiu resolver? to com o mesmo problema

[@camilalimaleal3023]

No Github está com vários termos e tags traduzidas, ao enviar para o VS tem que ir corrigindo e mesmo assim, no meu caso ainda deixei algo que continuou tendo bug. Agora inclusive estou refazendo o projeto e aproveitando para ver mais profundamente cada termo e até fazer algumas edições. Mas pode ser o mínimo erro como não ter fechado uma div ou até mesmo um ponto e vírgula hahaha

[@josereinaldo7930]

@@jaquelinefranca4340 não não, eu parei por um tempo, tô focando em outra coisa.

[@josereinaldo7930]

@@camilalimaleal3023 pode ser tbm, eu tava achando que era meu notebook que é ruim kkkkk é um simples positivo, trava até pra entrar no Netflix kkkk

[@aquiéumshow]

Você consegue fazer para mim esse jogo da velha com imagem?

[@trilhacoder]

Muito bom

[@dicasparadevs]

obrigado, bro!

[@igorazevedo1040]

Meu código nem rodou e só aparece em html 😞

[@leonardo70206]

mano, as vezes é bom rever o video umas 3 ou 4 vezes, teve um que não rodava de jeito nenhum e só vi o erro terceira vez que revi o video kkkkkkk só não desista

[@victorsouza448]

provavelmente você está colocando o caminho do seu CSS (href) errado na tag link.

[@Mateus-id8ex]

agora ensina a transformar em jogo online kkk

[@iuripejara6477]

10/10

[@guicarvalho71]

Ola boa tarde poderia me explicar o que é essa board?

[@fanzinetv]

a div board é a div que comporta toda a aplicação. os seja as linhas verticais e horizontais

[@falkoru1003]

o meu deu certo nao jkadksa