Crie Um JOGO DA VELHA com HTML, CSS & JavaScript

Поділитися
Вставка
  • Опубліковано 12 вер 2024

КОМЕНТАРІ • 82

  • @lucianobutsch2821
    @lucianobutsch2821 2 роки тому +26

    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...

  • @paulolamb
    @paulolamb 13 днів тому +1

    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
    @fernandopalmerston3657 4 місяці тому +1

    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!

  • @erika.salvatore
    @erika.salvatore Рік тому +1

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

  • @NatteRoll
    @NatteRoll 2 роки тому +7

    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!

  • @luizguilhermedossantos2858
    @luizguilhermedossantos2858 2 роки тому +2

    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!

  • @andreriffen
    @andreriffen 2 роки тому +1

    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!

  • @marcelojunior1073
    @marcelojunior1073 Рік тому +2

    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.

  • @sidneylima272
    @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!

  • @CarolineMoraes
    @CarolineMoraes 2 роки тому +1

    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!!!!

  • @feliperosa8386
    @feliperosa8386 2 роки тому +1

    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!!!

  • @marciosousa7868
    @marciosousa7868 Рік тому +1

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

  • @nexusfive3155
    @nexusfive3155 Рік тому +1

    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..

  • @bruna3330
    @bruna3330 2 роки тому +1

    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.

  • @mtsmatos1511
    @mtsmatos1511 2 роки тому +1

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

  • @MrAndreslack
    @MrAndreslack 2 роки тому

    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.

  • @rafaelpilartes1169
    @rafaelpilartes1169 2 роки тому +1

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

  • @_maxx
    @_maxx 2 роки тому +2

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

  • @cannismajori5719
    @cannismajori5719 2 роки тому

    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!

  • @matheuscalvetti9086
    @matheuscalvetti9086 Рік тому

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

  • @RonanTI
    @RonanTI 2 роки тому

    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!

  • @ronaldsena9078
    @ronaldsena9078 2 роки тому

    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. 👍

  • @iurisaraiva
    @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?

  • @eduardoesteves4710
    @eduardoesteves4710 Рік тому

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

  • @collaxd
    @collaxd 2 роки тому

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

  • @viniciusm.m.7822
    @viniciusm.m.7822 2 роки тому

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

  • @nicpeters3306
    @nicpeters3306 11 місяців тому

    Você é top! Obrigado irmão!

  • @shack1591
    @shack1591 Рік тому

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

  • @misaelsapiente4124
    @misaelsapiente4124 7 місяців тому

    Parabéns!!! boa aula e boa didatica

  • @raphaeldesouzaazambuja6039
    @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.

  • @Andre-iy2ob
    @Andre-iy2ob Рік тому

    Impressionante teu CSS, rapaz

  • @samuelferreira3648
    @samuelferreira3648 Рік тому

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

  • @soassistindo4334
    @soassistindo4334 2 роки тому

    Você é fera mano, obrigado pel aula!!

  • @kaiquebondezan
    @kaiquebondezan 2 роки тому

    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

  • @leandromarques3800
    @leandromarques3800 2 роки тому

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

  • @camillamendes3732
    @camillamendes3732 Рік тому

    que video perfeito!!

  • @maurolimaok
    @maurolimaok 2 роки тому +1

    Bacana!

  • @frankguimaraes5478
    @frankguimaraes5478 Рік тому

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

  • @PedroHenrique-vc6zn
    @PedroHenrique-vc6zn 2 роки тому

    Sempre com um conteúdo excelente

  • @spolaion1861
    @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

  • @sandrakossoski72
    @sandrakossoski72 Рік тому

    muito bom😍

  • @franksilva2969
    @franksilva2969 8 місяців тому

    Parabens pelo conteudo

  • @kaioviniciussilvasantos9944

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

  • @mandygarcia6239
    @mandygarcia6239 Рік тому

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

  • @SheiKgx
    @SheiKgx 5 місяців тому

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

  • @higormatheus2030
    @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

  • @geovanniluiss4982
    @geovanniluiss4982 10 місяців тому

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

  • @bestapps4709
    @bestapps4709 Рік тому

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

  • @CarlosSilva-vn6rn
    @CarlosSilva-vn6rn 7 місяців тому

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

  • @tiescofernando3042
    @tiescofernando3042 2 роки тому

    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
    @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?

  • @quelisilva3030
    @quelisilva3030 2 роки тому

    Muito bom!!!

  • @lucassousa5553
    @lucassousa5553 2 роки тому

    Conteúdo maravilhoso

  • @thallesazevedo4309
    @thallesazevedo4309 2 роки тому

    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?

  • @gian_lima6541
    @gian_lima6541 2 роки тому

    Pode ser pelo visual Studio mobile??

  • @thalyson8300
    @thalyson8300 Рік тому

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

  • @aquiéumshow
    @aquiéumshow 2 місяці тому

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

  • @leandromarques3800
    @leandromarques3800 2 роки тому

    Consegui fazer 😍😍😍

  • @Edureis16
    @Edureis16 2 роки тому

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

  • @charlescardoso4907
    @charlescardoso4907 Рік тому

    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

  • @Mateus-id8ex
    @Mateus-id8ex 2 роки тому +1

    agora ensina a transformar em jogo online kkk

  • @lucasbarros4923
    @lucasbarros4923 2 роки тому

    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

  • @iuripejara6477
    @iuripejara6477 22 дні тому

    10/10

  • @josereinaldo7930
    @josereinaldo7930 2 роки тому

    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
      @jaquelinefranca4340 Рік тому +1

      conseguiu resolver? to com o mesmo problema

    • @camilalimaleal3023
      @camilalimaleal3023 Рік тому +1

      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
      @josereinaldo7930 Рік тому

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

    • @josereinaldo7930
      @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

  • @trilhacoder
    @trilhacoder 2 роки тому

    Muito bom

  • @igorazevedo1040
    @igorazevedo1040 2 роки тому

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

    • @leonardo70206
      @leonardo70206 2 роки тому +1

      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
      @victorsouza448 Рік тому

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

  • @guicarvalho71
    @guicarvalho71 2 роки тому

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

    • @fanzinetv
      @fanzinetv 2 роки тому +2

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

  • @falkoru1003
    @falkoru1003 2 роки тому

    o meu deu certo nao jkadksa