Como criar um jogo SIMPLES usando JavaScript e HTML | JavaScript para iniciantes - Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024
  • Download das imagens: drive.google.c...
    Aprenda a criar o jogo da cobrinha com javascript:
    • Como criar o jogo da c...
    Nesse vídeo tutorial você vai aprender a programar um jogo simples usando apenas html, css e JavaScript.
    Ao final, você terá feito um jogo onde é possível pular obstáculos. O jogo termina quando você colide com algum obstáculo.
    #javascript #html #css #tutorial #programação #game #jogo #desenvolvimentoweb

ความคิดเห็น • 2.1K

  • @hudyoinvocador940
    @hudyoinvocador940 ปีที่แล้ว +397

    00:00 Apresentando a proposta do jogo
    00:32 Estrutura basica do Html
    00:45 Programando a "Tela do Jogo"
    01:43 Animando a imagem do tubo em movimento na tela do jogo
    00:15 Diretorios do projeto
    06:48 Animando a imagem do "mario" pulando
    14:45 Programando a hitbox do tubo

    • @hudyoinvocador940
      @hudyoinvocador940 ปีที่แล้ว

      @manual se puder deixar meu comentario fixado eu to montando uma aulinha com seu video pra um amigo

    • @hudyoinvocador940
      @hudyoinvocador940 ปีที่แล้ว

      não consegui editar essa mensagem então deixei outra com o resto da lista até o final do jogo

    • @hudysonsilva907
      @hudysonsilva907 ปีที่แล้ว +12

      00:00 Apresentando a proposta do jogo
      00:32 Estrutura basica do Html
      00:45 Programando a "Tela do Jogo"
      01:43 Animando a imagem do tubo em movimento na tela do jogo
      00:15 Diretorios do projeto
      06:48 Adicionanco a imagem do "mario" andando
      07:10 ajustando e explicando as propriedades do "mario"
      07:55 Animando mario Pulando
      08:25 Explicando as propriedados do Keyframe de "Pulo" do mario
      11:30 Fazendo um Script em "JS" para associar a propriedade de pulo ao mario
      14:45 Programando a hitbox do "tubo"
      17:30 Explicando a logica de HitBox do "Tubo"
      20:05 Explicando a logica de hitbox do "mario"
      21:00 Adicionando a logica "evento" de end game no jogo quando o mario colide com tubo
      26:30 Adicionando ao "Evento" uma logica que o "mario" "pausa" a animação no momento da colisão com o tubo
      27:55 fazendo uma tranzição da imagem do "mario correndo" pro mario "morrendo" quando colide
      29:20 Fazendo uma logica que encerra o "loop' do jogo quando o evento endgame acama
      30:10 Modelando o cenario do jogo "background" e elemento do background "nuvens" e "grama"

    • @brunoguedes307
      @brunoguedes307 ปีที่แล้ว +1

      Obrigado amigo 😅 vc é um amigo 🙏

    • @hudysonsilva907
      @hudysonsilva907 ปีที่แล้ว

      @@brunoguedes307 tmj

  • @gabrielmachado2019
    @gabrielmachado2019 2 ปีที่แล้ว +1422

    Para quem tiver com problema do mario pular é Só colocar a tag script logo abaixo da tag de fechamento do body no html, divulguem para mais gente saber desse problema, e deixa o like para alcançar mais pessoas para ajuda-las

    • @hiyor1
      @hiyor1 2 ปีที่แล้ว +2

      vlww :)

    • @cafunga3976
      @cafunga3976 2 ปีที่แล้ว +1

      Vlww

    • @dimittrisouza3704
      @dimittrisouza3704 2 ปีที่แล้ว +1

      salvouuu

    • @lokiman8593
      @lokiman8593 2 ปีที่แล้ว +4

      Como deveria ficar ? Tentei com a TAG de fechamento tbm e não funcionou

    • @lokiman8593
      @lokiman8593 2 ปีที่แล้ว +3

      @Projeto Social eu só consegui depois que coloquei todo o código no HTML

  • @felipejr.2021
    @felipejr.2021 2 ปีที่แล้ว +244

    Primeiro eu preciso dizer que isso aqui é simplesmente FANTÁSTICO. Como iniciante, me senti contemplado pelo tipo de linguagem e explicações que você deu. Muito obrigado. Tem umas coisas aqui que eu não tinha visto, mas que eu entendi como estão funcionando pela forma como você colocou tudo. Muito obrigado.
    Eu gostaria de contribuir sugerindo uma variável para verificar se o Mário já está no ar quando ele pula. Quando eu tava fazendo aqui, eu percebi que apertar pra pular quando já se está no ar pode acabar matando a animação do próximo pulo. Aqui eu botei uma variável "onAir" e botei o evento de pulo pra só rodar se ela estiver como falsa. Daí quando o evento de pulo é ativado ele muda a "onAir" para true e o setTimeout que tira a classe "jump" também redefine "onAir" para false

    • @REINICIARJOGO_
      @REINICIARJOGO_ ปีที่แล้ว +3

      Muito bom. Agora me diz , como especificar em código qual tecla o Mário vai pular . Ou seja , no lugar de qualquer tecla, especificar a tecla . No caso "espaço"

    • @kennedyedmilson7874
      @kennedyedmilson7874 ปีที่แล้ว

      document.addEventListener('keydown', event =>{
      if(onAir && event.key !== 'ArrowUp' && event.key !== 'w') return;
      jump();
      });@@REINICIARJOGO_

    • @yurihenriqueribeiroichitan1618
      @yurihenriqueribeiroichitan1618 11 หลายเดือนก่อน

      Uma outra ideia seria verificar se o Mario já está com a class jump antes de executar o pulo, assim não haveria necessário de criar uma variável específica pra isso

  • @Douglinhas__24
    @Douglinhas__24 8 หลายเดือนก่อน +44

    Mano esse video e muito bom cara vou fazer e mostra para o meu professor de programação.
    Quem tá vendo esse video em 2024.

  • @hudyoinvocador940
    @hudyoinvocador940 ปีที่แล้ว +47

    00:00 Apresentando a proposta do jogo
    00:32 Estrutura basica do Html
    00:45 Programando a "Tela do Jogo"
    01:43 Animando a imagem do tubo em movimento na tela do jogo
    00:15 Diretorios do projeto
    06:48 Adicionanco a imagem do "mario" andando
    07:10 ajustando e explicando as propriedades do "mario"
    07:55 Animando mario Pulando
    08:25 Explicando as propriedados do Keyframe de "Pulo" do mario
    11:30 Fazendo um Script em "JS" para associar a propriedade de pulo ao mario
    14:45 Programando a hitbox do "tubo"
    17:30 Explicando a logica de HitBox do "Tubo"
    20:05 Explicando a logica de hitbox do "mario"
    21:00 Adicionando a logica "evento" de end game no jogo quando o mario colide com tubo
    26:30 Adicionando ao "Evento" uma logica que o "mario" "pausa" a animação no momento da colisão com o tubo
    27:55 fazendo uma tranzição da imagem do "mario correndo" pro mario "morrendo" quando colide
    29:20 Fazendo uma logica que encerra o "loop' do jogo quando o evento endgame acama
    30:10 Modelando o cenario do jogo "background" e elemento do background "nuvens" e "grama"

    • @carolinecoelho2393
      @carolinecoelho2393 ปีที่แล้ว +4

      voce pode me mandar as imagens? não estou achando :(

    • @PedroPenha-d4q
      @PedroPenha-d4q ปีที่แล้ว +1

      @@carolinecoelho2393 conseguiu? Também estou precisando

    • @cainapadilha6570
      @cainapadilha6570 2 หลายเดือนก่อน

      Obrigado amigo você é um amigo

  • @luizs.f.c2379
    @luizs.f.c2379 2 ปีที่แล้ว +80

    que didatica excelente, sem enrolação, palavras simples, explicação simples.
    pqp
    eu estou aplaudindo de pé esse vídeo !

  • @isaacveras1438
    @isaacveras1438 ปีที่แล้ว +70

    Depois desse vídeo eu fiquei mais animado para aprender HTML, CSS E JS. Criar coisas legais assim faz a gente lembrar de se divertir um pouco de vez enquando.

  • @adrianomenezesdemiranda924
    @adrianomenezesdemiranda924 2 ปีที่แล้ว +45

    Aos amigos que não estão conseguindo fazer o Mario pular, também estava com este problema, no index coloquei o script entre o body e html e adicionei onclick manualmente no html com a propriedade jump do javascript....parabens pelo video!!!sucesso!!!!

    • @vinicett
      @vinicett 2 ปีที่แล้ว +3

      Não entendi amigo, poderia me da um help ai Pfff

    • @josephh4unter798
      @josephh4unter798 2 ปีที่แล้ว +4

      @@vinicett Por exemplo no inicio quando ele colocou o src do script no head, ao invés de colocar no head coloca depois da div game-board

    • @natantoigo1671
      @natantoigo1671 2 ปีที่แล้ว

      @@josephh4unter798 Obrigado pela ajuda

    • @RapGod.
      @RapGod. 2 ปีที่แล้ว

      @@josephh4unter798 Vlw

    • @brackacn
      @brackacn 2 ปีที่แล้ว

      Vlw meu camarada ajudou muito

  • @codecraftcomeric
    @codecraftcomeric ปีที่แล้ว +39

    Cara, o vídeo é de 7 meses e tô comentando agora por que todos os vídeos que achei no TH-cam, este, é o melhor! Parabéns brother, seu canal é um incentivo para mim e meu filho que estamos estudando Tech. Ganhou dois inscrito um de 40 anos e outro de 8 anos💪

    • @amigo8872
      @amigo8872 10 หลายเดือนก่อน

      Vão fazer um jogo juntos ?

  • @crodoardo34
    @crodoardo34 2 ปีที่แล้ว +127

    Meia hora de ensinamento e já foi possível aprender tantas coisas. Nem sabia que css tinham essas funcionalidades de animação.
    Show...

    • @renansantos009
      @renansantos009 2 ปีที่แล้ว

      video muito rico de informações, aprendi muita coisa que nem sabia que podia, rs

    • @Ninezin9
      @Ninezin9 2 ปีที่แล้ว

      @@renansantos009 mano vc pode me ajudar ? estou iniciando na area da programação e não sei ao certo como ele abriu aquele site em que ele via tudo que ele estava colocando dentro dele. Voce pode me ajudar dizendo como acho ou abro aquele site para que eu possa estar prosseguindo com a aula?

    • @sabrinasantos3453
      @sabrinasantos3453 2 ปีที่แล้ว +6

      @@Ninezin9 é uma extensão do VS code, chamada Live server você instala ela e inicia, que ela abre automaticamente uma página no navegador e vai mostrando as alterações. As vezes não atualiza na hora então precisa ver a configuração ou só reiniciar

    • @Umgolbege
      @Umgolbege ปีที่แล้ว

      ​@@Ninezin9 eai como esta hoje?

    • @Onic-x8s
      @Onic-x8s 4 หลายเดือนก่อน

      ​@@Ninezin9EAI Man conseguiu continuar na programação???

  • @felipevalli
    @felipevalli 2 ปีที่แล้ว +68

    Que aula espetacular! Parabéns! Não conhecia o canal. Acabei de me inscrever!

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +4

      Valeu demais, Felipe! Fico feliz que tenha gostado! Tamo junto!

    • @LeandroSilva-mw5yl
      @LeandroSilva-mw5yl 2 ปีที่แล้ว

      @@ManualdoDev digo o mesmo que ele sou iniciante me inscrevi agora por causa desse vídeo vc explica muito bem

    • @Lobo_Carioca
      @Lobo_Carioca 2 ปีที่แล้ว

      @@ManualdoDev Eu nem assisti o vídeo e acabei de me inscrever, vou assistir hoje por volta das 23:00h quando eu chegar do serviço.

  • @woohoo3-w3j
    @woohoo3-w3j 2 ปีที่แล้ว +8

    Cara, excelente didática! PArabéns, vejo poucos devs brasileiros ensinando tão bem no TH-cam, aliás, nem sabia que seria tão simples de fazer um joguinho com puro html, css e javascript.

  • @andreadami7478
    @andreadami7478 ปีที่แล้ว +6

    Estou fazendo um curso pela b7web, estou em módulo de HTML e CSS e nossa, olhando esses vídeos junto com o curso da pra entender tudoooo! Tentei estudar por conta, mas precisei de um curso bom e barato pra poder saber por onde começar. Conteúdo impecável o seu, parabéns, vou chegar lá logo logo!!

    • @liomaraleite8741
      @liomaraleite8741 10 หลายเดือนก่อน +1

      Gustavo Guanabara no TH-cam de graça amigo

  • @m.e.c.kmuzik5117
    @m.e.c.kmuzik5117 10 หลายเดือนก่อน +1

    Muitos parabéns, mano.
    Acho que Projectos do gênero ajudam muito os iniciantes a perceber o que é realmente a Lógica de Programação.
    E a explicação então…show de bola.
    Continue sempre com essa dinâmica de estar a fazer e explicar o que casa comando ou instrução fará exactamente.
    Mais um inscrito!!!

  • @ANSARAJC
    @ANSARAJC 5 หลายเดือนก่อน

    Muito boa a explicação, não dificultou e conseguiu explicar facilmente a lógica, o que é difícil pra muitos. Parabéns, gostei bastante. Vou treinar e assistir bastante.

  • @roguerodrigo
    @roguerodrigo 2 ปีที่แล้ว +14

    mano, que video incrível! aprendi tanta coisa em particular, com essa aula. E eu como amante dos games, fiquei encantado com o resultado! Estou estudando essa tríade e pretendo fazer muitas coisas legais quando eu estiver mais fera! Mas pelo conhecimento que já possuo, consegui entender perfeitamente o que cada coisa quis dizer! Obrigado pela didática maravilhosa!

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +1

      Eu que agradeço o apoio, meu amigo!
      Tamo junto!
      Abraço!

  • @FRNathan13
    @FRNathan13 2 ปีที่แล้ว +23

    Simplesmente o tutorial mais feito que ja vi de programação. Além de vc ensinar ainda foi explicando cada classe do css (e tinha algumas que eu usava da forma errada tipo overflow kkkk) parabéns mano! Gostei muito

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +2

      Muito obrigado, Nathan!
      Fico feliz que tenha ajudado! Valeu demais! :D

    • @ikr233
      @ikr233 ปีที่แล้ว +1

      @@ManualdoDev Opa irmão, desculpa o incômodo depois de 1 ano, mas no minuto 19:00 eu não consegui resolver o problema. Fiz tudo igual a você, mas o "cano" continuava teleportando pra trás do Mario quando eles se encostavam... é problema com as ligatures? tou tendo uma dificuldade em colocar a fonte kkkkkkk

  • @Diego-Garcia
    @Diego-Garcia 2 ปีที่แล้ว +9

    Eu achei esse tutorial muito interessante pelo motivo de fazer um jogo de uma maneira bem incomum dos dias de hoje: utilizando HTML e CSS, ao invés de algum framework JS voltado a games 2D.
    Alguns desenvolvedores de cara provavelmente diriam "não, mas não é assim que se faz um jogo em JS", sendo que, se pararmos para pensar, não existe uma forma correta de fazer um jogo.
    Não só bem feito, mas também uma boa quebra de paradigma.

  • @BernardoSa01
    @BernardoSa01 5 หลายเดือนก่อน

    Quase dois anos depois de ter lançado o video, vim aqui para agradecer. Parabéns pela didática, é fantástica! Acabei de me inscrever no canal. Aprendi coisas que nunca havia visto na faculdade. Já vou iniciar os próximos vídeos!

  • @anatanaelsilva8559
    @anatanaelsilva8559 10 หลายเดือนก่อน +1

    Vendo depois de 1 ano.... e mesmo assim Parabéns! Didática muito boa, explicação detalhada do código em tão pouco tempo... TOP DEMAIS!!!

    • @petersonsouza907
      @petersonsouza907 10 หลายเดือนก่อน

      nss vei nada faz o pipe parar ajuda a tropa mn

  • @Itz_IslahAlves
    @Itz_IslahAlves 2 ปีที่แล้ว +10

    tenho 13 anos, estou aprendendo programação desde aos 11. O meu pai tá me ensinando, os cursos eu to aprendendo, até videos no youtube. Só que eu queria aprender como criar jogos. Nesse videos eu aprendi muita coisa! Muito Obg

    • @wes3184
      @wes3184 2 ปีที่แล้ว

      aproveita, estuda, vc vai ganhar 7 mil reais aos 20 anos

    • @Itz_IslahAlves
      @Itz_IslahAlves 2 ปีที่แล้ว

      @@wes3184 blz :D

  • @wesleydossantosgonsalves8016
    @wesleydossantosgonsalves8016 ปีที่แล้ว +9

    Que vídeo sensacional!
    Para quem tem o básico do conhecimento nessas linguagens, isso tem um valor imensurável, parabéns pelo trabalho.

  • @RUBEMDESB
    @RUBEMDESB 2 ปีที่แล้ว +4

    Um video de 30 min. me fez produzir mais que 3 meses de aula. Parabéns pro.

  •  ปีที่แล้ว +1

    Que aula maravilhosa, mesmo sendo iniciante eu consegui entender através da sua lógica de pensamento e os comandos utilizados. Parabéns!

    • @anders0n82
      @anders0n82 ปีที่แล้ว

      Cara eu também sou iniciante, mas só com os conceitos básicos que eu sei eu já entendi tudo o que ele fez mesmo antes de explicar, eu acho que isso é bom kkkk

  • @fredoliveiraplaybr1186
    @fredoliveiraplaybr1186 ปีที่แล้ว +1

    show demais, o desafio de todo programador é o aprendizado, no inicio tudo parece difícil, mas quando você pega a prática parece que você está no inicio.

  • @patriciodiniz5322
    @patriciodiniz5322 2 ปีที่แล้ว +10

    Uns dos vídeos mais satisfatórios que assisti sobre programação. Muito foda, mano!! Muito irado entender tudo o que tá acontecendo.

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว

      Valeu demais, mano! Tamo junto!

    • @LimaLima284
      @LimaLima284 2 ปีที่แล้ว

      Fantástico.agora imagina jogos iguais o God of war? incrível.

  • @marlonberaldo5609
    @marlonberaldo5609 2 ปีที่แล้ว +403

    Simplesmente incrível a aula, melhor que as da faculdade kkkkk

    • @tiocripto2889
      @tiocripto2889 2 ปีที่แล้ว +7

      Pensei o mesmo! kkk

    • @darlansilva2905
      @darlansilva2905 2 ปีที่แล้ว +10

      Quando eu me formar meu agradecimento na hora de pegar o diploma vai ser ao professor TH-cam

    • @oreiasccp
      @oreiasccp 2 ปีที่แล้ว +7

      praticamente todo bom conteúdo de programação na internet é melhor que qualquer aula de faculdade na prática kkk

    • @sharkgames5230
      @sharkgames5230 2 ปีที่แล้ว +6

      Mano na minha de dedenvolvimento web o prof só falava de Html5 e um pouco de Json,ai ele mandava nós ficar olhando o W3schols e saia da aula.

    • @sitiobomsuim6296
      @sitiobomsuim6296 2 ปีที่แล้ว +6

      Eu pensando: “mas vai ficar assim e agora como corrige?”
      Ele: “Então, quando acontecer isso aqui é por causa disso, aí a gente faz isso”

  • @No_one12351
    @No_one12351 2 ปีที่แล้ว +6

    Cara, você é top!
    HTML, CSS e JS parecem um kit de mágica

  • @jonathanaparecidomorais588
    @jonathanaparecidomorais588 2 ปีที่แล้ว +1

    Cara muito obrigado fenomenal sua explicação foi detalhada consegui entender, e funcionou corretamente, poucos canais respondem questionamentos ou dúvidas Nunca perca está qualidade parabéns.

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว

      Eu que agradeço o apoio, Jonathan!
      Fico feliz que tenha te ajudado um pouco.
      Tamo junto!
      Abraço!

  • @eldirfreitas6789
    @eldirfreitas6789 3 หลายเดือนก่อน

    Quem estiver com problemas para o Mario pular, ele usou o "defer" na tag do script js. coloquei aqui e resolveu, valeu professor que aula top.

  • @chicosepultura2
    @chicosepultura2 2 ปีที่แล้ว +870

    30 minutos que ensinam mais que um semestre na faculdade

    • @thiagosilveira2005
      @thiagosilveira2005 ปีที่แล้ว +14

      é verdade kkkkkkkkkkkkk

    • @malicinhanoob
      @malicinhanoob ปีที่แล้ว +34

      Faculdade é foda. Deveriam ser o ápice do conteúdo, educação,mas deixam a desejar demais

    • @Nicolas-eo8he
      @Nicolas-eo8he ปีที่แล้ว +26

      Cara, sem brincadeira, tava só curioso pra saber como faz o joguinho e compreendi muitas coisas que eu não sabia como fazer em css, ou não sabia como poderia utilizar

    • @hstecnologia
      @hstecnologia ปีที่แล้ว +2

      VDD rssrr o cara é fera demais

    • @wedsonjlourenco
      @wedsonjlourenco ปีที่แล้ว +2

      Mas do que todos os semestres kkkkk

  • @lucasdamasceno2546
    @lucasdamasceno2546 ปีที่แล้ว +9

    Quem disse que aprender a programar precisa ser assustador ou dificil ?! Está aqui a prova, apredi em 30 minutos o que não conseguia aprender em longas horas de curso! Melhor video de programação que já vi na vida

  • @brayanoliveira2743
    @brayanoliveira2743 2 ปีที่แล้ว +52

    seria muito bacana se vc tivesse um curso para ensinar mais sobre javascript, sua forma de ensinar é muito boa ! parabéns mano !

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +23

      É uma boa, Brayan!
      Valeu demais! Vou preparar algo melhor pra ensinar javascript. Vai ser bem legal!
      Valeu!

    • @marcelocalsing
      @marcelocalsing 2 ปีที่แล้ว +2

      @@ManualdoDev Na expectativa desse novo projeto!

    • @PauloHenrique-eh1db
      @PauloHenrique-eh1db 2 ปีที่แล้ว +3

      @@ManualdoDev Pode fazer, você ensina muito bem!

    • @deniserinaldi5895
      @deniserinaldi5895 2 ปีที่แล้ว +2

      @@ManualdoDev que video sensacional, melhor do que na teoria , pq é vendo que se aprende parabéns!!

    • @studioplixx4890
      @studioplixx4890 2 ปีที่แล้ว +1

      @@ManualdoDev dar criar no celular tenho app mto bom quem não tem Pc sabe só coloca um teclado no celular e Mouse já era ou até no tablet tela maior spck editor

  • @ryanalves5290
    @ryanalves5290 ปีที่แล้ว

    vendo esse video em 2023, de longe o melhor video e mais explicativo que eu vi dentre vários outros
    parabên cara, vou continuar vendo os video, pretendo aprender mais sobre programação e acho que encontrei o lugar certo.

  • @ShowTime-if1zy
    @ShowTime-if1zy หลายเดือนก่อน

    Muito boa a video aula e parabéns pela forma que ensina, de fácil entendimento. Até me empolguei pra fazer um😄😄, mas estou cursando o inicio de html, depois eu volto aqui.

  • @talyssonsilva7520
    @talyssonsilva7520 2 ปีที่แล้ว +51

    Eu amo video assim, o cara explicando o que cada parâmetro faz, nos passa confiança e pensamento critico das soluções, minha única dificuldade é das sintaxes pq tem coisas que nem sabia que existia exemplo desse "+" na frente KKKK vlw, muito fera !!!

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +7

      Muito obrigado, Talysson! Fico feliz que tenha gostado!
      E não se preocupa, esses detalhes de sintax a gente pega com o tempo. O importante é sempre praticar!
      Valeu!

    • @andresoares2007
      @andresoares2007 2 ปีที่แล้ว +1

      @@ManualdoDev em 19:10 voce digitou o $ e mais o que pra ele mudar a cor e reconhecer o comando?, no meu ficou vermelho mesmo e nao reconheceu o comando

    • @PedroHenrique-go9fe
      @PedroHenrique-go9fe 2 ปีที่แล้ว +6

      @@andresoares2007 amigo, verifica se você colocou entre crases `` e não entre aspas simples ou duplas. o que ele digitou foi o cifrão e o vscode completa com as chaves { }. Isso se chama template strings. Ex: `texto qualquer ${expressão}`

    • @jonatasvalesi2443
      @jonatasvalesi2443 ปีที่แล้ว +2

      ​@@PedroHenrique-go9fe salvou kkkkk

    • @haristydes1166
      @haristydes1166 ปีที่แล้ว +1

      ​@@PedroHenrique-go9fe
      Ai quimoleza, vscode digitando o template que eu deveria ter escrito

  • @rodrigomartins8243
    @rodrigomartins8243 ปีที่แล้ว +3

    Topzera Total!! Grato por dedicar esse tempo disponibilizando esse conteúdo de forma gratuita. Parabéns.

  • @BrunoSilva-ns4tn
    @BrunoSilva-ns4tn 2 ปีที่แล้ว +22

    Parabéns pela sua forma de ensaiar!! Por favor, faça mais vídeos como este. Ou trás mais idéias pra esse projeto 🙏🙏👏🏻👏🏻👏🏻

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +6

      Muito obrigado, Bruno! Pode deixar que vai vir mais conteúdos assim sim!
      Valeu!

  • @Medusacururu
    @Medusacururu 11 หลายเดือนก่อน +1

    Que vídeo sensacional! Você explica muito bem e deixa super claro o que está fazendo e isso facilita muito a compreensão.

  • @hermessantos181
    @hermessantos181 ปีที่แล้ว

    Cara, é um jogo extremamente simples mas aprendi coisas extremamente úteis não só pra desenvolver jogos, mas para o desenvolvimento web por completo, parabéns pela didática

  • @cleitinFPV
    @cleitinFPV 2 ปีที่แล้ว +45

    Rapaz, esse vídeo me ajudou MUITO! Pois estava com um problema de iniciante em JS que não conseguia resolver no meu jogo (que não tem nada a ver com este do vídeo), e uma simples linha de código eliminou umas 16 linhas no meu. Muito obrigado!
    E parabéns pelo vídeo! Ultimamente to tendo problemas com CSS e sinto que preciso me dedicar mais a isso. HTML e JS estou caminhando melhor...

  • @pretinhoilustra1625
    @pretinhoilustra1625 2 ปีที่แล้ว +4

    Cara Muito top essa aula, explicação boa para entender principalmente para quem esta iniciando... Parabéns e faz mais vídeos assim que nós gostamos kkkkkkk abraço.

  • @thiagofjau
    @thiagofjau 2 ปีที่แล้ว +9

    Sensacional! Nem vi o tempo passar! Iniciando na programação e foi muito esclarecedor seu vídeo. Ganhou mais um seguidor

    • @luragamespro6
      @luragamespro6 6 หลายเดือนก่อน

      como vc ta hoje em dia meu mano, ja ta profissa na programação ???

  •  2 ปีที่แล้ว +2

    Muito bom! Como sempre, bem explicado, sem "mimimi"...excelente, Parabéns! Aprendi MUITO!

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว

      Valeu demais, Paulo! :D

  • @sircmcon
    @sircmcon ปีที่แล้ว +1

    Uauuuuuuuuuu!! Sensacional!!
    É incrível como vc conseguiu explicar de forma simples e didática um assunto complexo como desenvolvimento de jogos usando apenas CSS e JavaScript... Parabéns!!!

  • @stargame6757
    @stargame6757 ปีที่แล้ว +8

    Muito bom. Agora mesmo sendo um joguinho simples é muito comando, muito detalhe. Fico imaginando esses jogos atuais a complexidade pra fazer...

  • @Lucas_1919
    @Lucas_1919 2 ปีที่แล้ว +8

    Poxa, muito obrigado, foi meu primeiro projeto, to bem no inicio com JS e me fez lembrar algumas coisas do CSS, com certeza vou subir esse projeto pro github como recordação

  • @giovanni-_-6654
    @giovanni-_-6654 ปีที่แล้ว +12

    Aprendi mais com um único vídeo seu, do que 1 semestre inteiro na faculdade em que estou matriculado. Parabéns!!! 😅

  • @FernandoSantos-us3kk
    @FernandoSantos-us3kk 3 หลายเดือนก่อน

    Aula excelente! Consegui ajustar pro jogo reiniciar ao clicar em qualquer botão e também em touch ne tela, pra meus filhos testarem no celular kkkk.. Valeuu pela aula...

  • @ARTSeARTS
    @ARTSeARTS 2 ปีที่แล้ว

    Muito bom, nem precisei ver o vídeo inteiro para dar um super like e inscrição. Muito bom exercício.

  • @ManualdoDev
    @ManualdoDev  2 ปีที่แล้ว +205

    Link do Google Drive com as imagens usadas:
    drive.google.com/drive/folders/1CYQ2CtPyiXcONexGfpQ1RnaPa30c7PNy?usp=sharing
    Aprenda também a criar o jogo da cobrinha com javascript: th-cam.com/video/LyWSsZktVOg/w-d-xo.html

    • @adryanmaikel9585
      @adryanmaikel9585 2 ปีที่แล้ว +8

      Mano, que aula fod#@ tu é o cara, vou fazer até uns pixel art pra fazer um joguinho desse jeito kkkk

    • @micheldouglasonline
      @micheldouglasonline 2 ปีที่แล้ว +8

      Onde stá o script? está disponível?

    • @Cookieukw
      @Cookieukw 2 ปีที่แล้ว +3

      @@micheldouglasonline qria tbm. aprendo mt mais rápido na prática doq na teoria

    • @henriquejunior118
      @henriquejunior118 2 ปีที่แล้ว +5

      @@Cookieukw vc conseguiu o script ? tem algum erro no meu e eu queria comparar os códigos

    • @Cookieukw
      @Cookieukw 2 ปีที่แล้ว +2

      @@henriquejunior118 nop. eu desisti e decidi aprender um framework voltado pra jogos, chamado phaser

  • @nicolasbueno3522
    @nicolasbueno3522 2 ปีที่แล้ว +5

    top demais simples e objetivo, parabéns 👏🏻

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว

      Fico feliz com seu comentário, Nicolas! Valeu demais!

  • @ItaloSaager
    @ItaloSaager 2 ปีที่แล้ว +3

    muito maneiro, fiz a adaptação para react native e adicionei alguns detalhes como pontuação, reiniciar o game e mudar o background quando o jogo acaba.

  • @chrody
    @chrody ปีที่แล้ว

    Assisti no passado, e assisti hoje de novo. A reação é a mesma: UAU!!! Parabéns amigo.

  • @jonescsarMk007
    @jonescsarMk007 ปีที่แล้ว +2

    Aula simplesmente espetacular, PARABENS e OBRIGADO por dedica tempo pra ajuda outras pessoas.

  • @macroxp3484
    @macroxp3484 2 ปีที่แล้ว +5

    Simplesmente Incrível 🔥 Eu peguei algumas dicas pra melhorar um joguinho q eu estava fazendo, vlw pelas dicas brow 💪🏻❤️

  • @pedroh9overdadeiroph60
    @pedroh9overdadeiroph60 ปีที่แล้ว +3

    Assisti 30m sem saber nem o que é html ou Java. Mas foi satisfatório e de "fácil" compreensão

  • @SCFanny
    @SCFanny 2 ปีที่แล้ว +20

    Amei fazer!
    Consegui parar as nuvens que, no meu, são duas separadas...
    Consegui criar uma animação pra quando o jogo acaba com o Mario caindo e sumindo na tela
    Amanhã vou tentar colocar o placar e o botão de reiniciar :)
    Parabéns pela aula, tá incrível

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +1

      Show demais, Estefany!
      Obrigado pelo elogio! :D

    • @SamuelGomes-qg1uo
      @SamuelGomes-qg1uo 2 ปีที่แล้ว

      @@johncfer eu consegui fazer essa aula se quiser ajuda eu te mando o meu .

    • @loss_3346
      @loss_3346 2 ปีที่แล้ว +1

      Você conseguiu fazer o placar, e o botão de start, tentei fazer e não consegui, se possível compartilhar seu código ?

    • @SCFanny
      @SCFanny 2 ปีที่แล้ว +1

      @@loss_3346 ainda não consegui fazer o contador rodar como tem que ser.
      Tá funcionando, mas ele não conta como tem que contar. Posso compartilhar sim, deixei meu número num comentário aqui. Chama lá que a gente troca uma ideia

    • @loss_3346
      @loss_3346 2 ปีที่แล้ว

      @@SCFanny poderia colocar o número nesse comentário?

  • @Kelvin_jfn
    @Kelvin_jfn 6 หลายเดือนก่อน

    CARA VOCÊ É INCRÍVEL
    ONTEM EU FIZ A POKEDEX HOJE EU ACABEI DE TERMINAR ESSE PROJETO COM VOCÊ.
    Você tem um time ótimo de explicação e movimentação do código.
    Sério é muito fluído de ir codando e observando bem sua explicação e mesmo assim você conseguiu fazer isso em um vídeo muito curto.
    Amanhã eu já volto aqui no canal para procurar outro projeto para brincar.
    Rodou 100% aqui

  • @guira1320
    @guira1320 ปีที่แล้ว +1

    O básico funciona. Eu te dou meus parabéns por conseguir mostrar na prática funções primárias de JS. Eu aprendi um pouco de JS, mas não conseguia colocar em prática pois achava meio "inútil". Você mudou meu jeito de pensar depois dessa grande aula.

    • @emanuel2482
      @emanuel2482 ปีที่แล้ว

      Consegue me ajudar ? Ksksk

  • @Fall78075
    @Fall78075 2 ปีที่แล้ว +5

    Fiz e ficou massa, gostei tanto que refiz novamente utilizando o framework Angular

  • @BrunoMultGameplays
    @BrunoMultGameplays ปีที่แล้ว +12

    Muito bom o vídeo irmão, se puder seria uma boa disponibilizar as imagens q tu usou

    • @ManualdoDev
      @ManualdoDev  ปีที่แล้ว

      Aqui o link: drive.google.com/drive/folders/1CYQ2CtPyiXcONexGfpQ1RnaPa30c7PNy?usp=share_link
      Também atualizei lá na descrição :)

  • @fernandoHRO
    @fernandoHRO ปีที่แล้ว +136

    Quem está assistindo isso e nunca programou em Java?

    • @davifirmino-nm3vm
      @davifirmino-nm3vm 8 หลายเดือนก่อน +1

      Nunca

    • @Toxic_xz
      @Toxic_xz 8 หลายเดือนก่อน +5

      N sei nem oq eh java mn 😂😂

    • @Canal_java
      @Canal_java 7 หลายเดือนก่อน +5

      Olaa dev Java aqui ❤

    • @Gustavinho966
      @Gustavinho966 7 หลายเดือนก่อน +2

      ​@@Toxic_xzaí complica Java e uma linguagem de programação que faz tudo consegue criar jogo dando que o Google usa o TH-cam a Netflix e muitas outras.

    • @tio_nika
      @tio_nika 7 หลายเดือนก่อน +3

      Java ou Java script?

  • @antoniopereira2721
    @antoniopereira2721 ปีที่แล้ว

    A didática realmente é simples, direta e objetiva, ótimo trabalho, parabéns!

  • @keilamarquessobreiramarque5464
    @keilamarquessobreiramarque5464 ปีที่แล้ว +2

    Que vídeo perfeito!😍 Muito obrigada ! Aprendendo o que não entendi em 2 anos de curso.

  • @gustavolorenz4883
    @gustavolorenz4883 2 ปีที่แล้ว +9

    Muito bom mesmo, se puder trazer outro tutorial de jogos 2d seria ótimo!

  • @xhiguhx2384
    @xhiguhx2384 2 ปีที่แล้ว +7

    25:35 aqui o game ja ta funcionando perfeitamente. Se voces tiverem problemas com os caracteres como as setas e so colocar => e

    • @Teusz7x
      @Teusz7x 2 ปีที่แล้ว +1

      Mano poderia me ajudar o meu mario so ta pulando uma vez apaguei refis mas não ta indo tem como me ajudar

    • @neiatitton3409
      @neiatitton3409 2 ปีที่แล้ว +1

      Obrigada 🙏

  • @lssanvi3582
    @lssanvi3582 ปีที่แล้ว +4

    Para quem está com problema com o pulo do mario, isso acontece por que o script está carregando antes da pagina carregar por inteiro para evitar isso você pode colocar a tag script no fim do body ou usar o marcador "defer" no script isso fara com que o script apenas começe a carregar depois da pagina. Ex do uso do defer:

    • @WezyX04
      @WezyX04 ปีที่แล้ว

      Man, eu fiz essa desse jeito mesmo, mas mesmo assim o pulo não acontece, sabe oq pode ser ?

    • @lssanvi3582
      @lssanvi3582 ปีที่แล้ว

      @@WezyX04 seu codigo está no github?

    • @WezyX04
      @WezyX04 ปีที่แล้ว

      @@lssanvi3582 Nn

    • @lssanvi3582
      @lssanvi3582 ปีที่แล้ว

      @@WezyX04 Coloca ele la e me manda seu usuario para dar uma olhada

    • @WezyX04
      @WezyX04 ปีที่แล้ว

      @@lssanvi3582 Deixa quieto man, to com um problema a cota no git, na hora do comando push fica dando erro, vou ver se alguém no DC tem a solução pro pulo, mas mesmo assim vlw

  • @gabrielpell
    @gabrielpell 8 หลายเดือนก่อน

    Que explicação maravilhosa, meus parabéns meu amigo, muito didático!!!

  • @leandromelo8305
    @leandromelo8305 2 ปีที่แล้ว

    muito bacana, ficou sensacional o game... ótimo passatempo e várias dicas no seu vídeo são de ouro... parabéns!!!!

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +1

      Valeu demais, Leandro! :D

  • @pedrodespessel
    @pedrodespessel 2 ปีที่แล้ว +8

    sugestão de vídeo: faz uma parte 2, dando uma tunnada e umas melhorias neste game. Inserindo efeitos sonoros, outros obstáculos, moedas, aumentando velocidade, etc.
    Ficaria top!

    • @NeoAAnderson
      @NeoAAnderson 2 ปีที่แล้ว

      concordo, daria um bom portfólio

    • @pedroelton7040
      @pedroelton7040 2 ปีที่แล้ว

      Excelente ideia!

    • @MasterMan194
      @MasterMan194 2 ปีที่แล้ว

      Celoko! Aí vem a Nintendo e processa geral.

  • @sidneycassiano5155
    @sidneycassiano5155 ปีที่แล้ว +5

    Olá devs! Sou iniciante e estou com uma dúvida, na parte do código em que ele utiliza o 'offsetLeft' no video sai ok, porém, no meu código fica como se fosse texto e não como um elemento. Se alguém souber como resolver eu agradeço

    • @wandsgui
      @wandsgui ปีที่แล้ว

      Conseguiu resolver amigo estou com mesmo problema

  • @PIXELDEPT
    @PIXELDEPT ปีที่แล้ว +5

    MANO, A FACULDADE TA ME RECOMENDANDO SEU VIDEO KKKKK

  • @EuJogueiGoat
    @EuJogueiGoat 10 หลายเดือนก่อน

    Não sabia dessas técnicas de animação, muito bom vídeo, por favor faça mais!!!

  • @Layla-Otozaki-bc4og
    @Layla-Otozaki-bc4og 10 หลายเดือนก่อน

    seu video está sendo bem útil em um projeto que eu estou fazendo. Muito obrigada! Vc é fera 🖤🖤

  • @lucasdesouza2804
    @lucasdesouza2804 2 ปีที่แล้ว +13

    Alguém conseguiu implementar o score? Eu tava pensando na seguinte lógica: se o pipe passar pelo mario e o jogo não parar então um contador soma mais um a variável score. Outra coisa que eu tava pensando era implementar um reload na página quando o jogo parasse e algum botão fosse pressionado a página daria um refresh e o jogo recomeçava e o score zerava (na verdade a variável sempre começa em zero). Vou tentar implementar.

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว

      Boa, Lucas!

    • @jessicamartins2180
      @jessicamartins2180 2 ปีที่แล้ว

      Adorei! Se conseguir ensina aqui no coment? Obrigada!

    • @pabloalves
      @pabloalves 2 ปีที่แล้ว

      Eu implementaria o score da mesma forma que você sugeriu

    • @NaitroExtrime
      @NaitroExtrime 2 ปีที่แล้ว

      Conseguiu implementar? se sim pode me ajudar?

    • @RaulStengerIF
      @RaulStengerIF 7 หลายเดือนก่อน

      Conseguiu? kkk

  • @CarlosCorreia26
    @CarlosCorreia26 2 ปีที่แล้ว +4

    Muito boa a aula, obg! fiquei triste apenas pq o meu funcionou apenas com o script em baixo do body, tentei na importação colocando o defer na tag script mas mesmo assim não foi.

    • @AlcinoMartins777
      @AlcinoMartins777 2 ปีที่แล้ว

      voce tem que colocar a importacção abaixo da tag de fechamendo do body

  • @OnitoanJR
    @OnitoanJR 2 ปีที่แล้ว +3

    Muito incrível !!! Mais um dúvida, você pode compartilhar a sua configuração de Json sou novo em na área de DEV e achei muito legal na hora de codar essa sua config que aparece uma linha colorida ligando as "{", vai me ajudar bastante :)

    • @raphaelferraz9516
      @raphaelferraz9516 2 ปีที่แล้ว +4

      Mano tem uma extensão do VS Code que coloca cores nas "{ }", o nome é "Bracket Pair Colorization Toggler"

  • @bonus630
    @bonus630 ปีที่แล้ว +2

    A umas semanas atrás fiz um bem parecido para começar a estudar typescript, porém só com typescript, hoje o youtube me recomendou esse seu video, muito bom. Esse tipo de projeto é muito bom para quem está iniciando, pois já oferece uma recompensa visual imediata

  • @MiguelzinhoOo08
    @MiguelzinhoOo08 ปีที่แล้ว

    Cara, incrível demais, consegui replicar, mas vou ficar estudando esse game, tentando acrescentar mais elementos, pra treinar. Parabéns mesmo!

  • @higor0112
    @higor0112 2 ปีที่แล้ว +5

    Mano ideai do jogo é daora, mas to tentando fazer aqui, mas o meu mario não pula de jeito nenhum, e olha que eu coloquei igualzinho o javascript do video, por favor alguem me ajuda ?

  • @marianymoraes974
    @marianymoraes974 2 ปีที่แล้ว +5

    Que vídeo incrível! Você poderia disponibilizar o código ? Segui todos os passos mas tem algo que não tá rodando, queria dar uma conferida.

    • @r0mul01
      @r0mul01 2 ปีที่แล้ว

      se quiser eu te arrumo o meu

    • @r0mul01
      @r0mul01 2 ปีที่แล้ว

      index.html





      Mario Jump

    • @r0mul01
      @r0mul01 2 ปีที่แล้ว

      script.js
      const mario = document.querySelector('.mario');
      const pipe = document.querySelector('.pipe');
      const jump = () => {
      mario.classList.add('jump');
      setTimeout(() => {
      mario.classList.remove('jump');
      }, 500);
      }
      const loop = setInterval(() => {
      console.log('loop');
      const pipePosition = pipe.offsetLeft;
      const marioPosition = +window.getComputedStyle(mario).bottom.replace('px', '');
      console.log(marioPosition);
      if(pipePosition 0 && marioPosition < 90) {

      pipe.style.animation = 'none';
      pipe.style.left = `${pipePosition}px`;
      mario.style.animation = 'none';
      mario.style.bottom = `${marioPosition}px`;
      mario.src = './images/game-over.png';
      mario.style.width = '40px';
      mario.style.marginLeft = '20px'
      clearInterval(loop);
      }
      }, 10);
      document.addEventListener('keydown', jump);

    • @r0mul01
      @r0mul01 2 ปีที่แล้ว

      style.css
      * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      }
      .game-board {
      width: 100%;
      height: 800px;
      border-bottom: 15px solid rgb(52, 200, 57);
      margin: 0 auto;
      position: relative;
      overflow: hidden;
      background: linear-gradient(#87CEEB, #e0f6ff);
      }
      .pipe{
      position: absolute;
      bottom: 0;
      width: 60px;
      animation: pipe-animation 2s infinite linear;


      }
      .mario{
      width: 80px;
      position: absolute;
      bottom: 0;

      }
      .jump{
      animation: jump 500ms ease-out;
      }
      .clouds {
      position: absolute;
      width: 600px;
      animation: clouds-animation 20s infinite linear;
      }
      @keyframes pipe-animation {
      from {
      right: -80px;
      }
      to {
      right: 100%;
      }
      }
      @keyframes jump {
      0% {
      bottom: 0;
      }

      40% {
      bottom: 190px;
      }
      50% {
      bottom: 190px;
      }
      60% {
      bottom: 190px;
      }
      100% {
      bottom: 0;
      }
      }
      @keyframes clouds-animation {
      from{
      right: -600px;
      }
      to {
      right: 100%;
      }

      }

    • @r0mul01
      @r0mul01 2 ปีที่แล้ว

      ficou diferente pq fiz como se fosse um desafio para mim, mas acho que os comandos estão iguais.

  • @matheusvictorhenrique
    @matheusvictorhenrique 2 ปีที่แล้ว +5

    Nossa mano conteúdo muito bom porém o meu deu problema, independente do botão q eu aperte ele não pula, já usei a função keydown e segui a risca e msm assim não funciona

    • @matheusvictorhenrique
      @matheusvictorhenrique 2 ปีที่แล้ว

      Nada do Javascritp está funcionando por algum motivo já revisei tudo até a referência dele no html

    • @weslleyramonvasconcelos3934
      @weslleyramonvasconcelos3934 2 ปีที่แล้ว +1

      @@matheusvictorhenrique to no mesmo problema que vc

    • @matheusvictorhenrique
      @matheusvictorhenrique 2 ปีที่แล้ว

      @@weslleyramonvasconcelos3934 agora é torcer q ele responda

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว

      É complicado saber qual o problema assim, mas você pode tentar verificar se a importação do arquivo JS foi feita corretamente. Tenta, ao invés de importar no head, importar no final do body.. Tenta criar outra função de click em algum elemento por exemplo pra ver se funciona.
      Depois tenta dá uma olhada e qualquer dúvida pode mandar aqui mesmo!

  • @ronyteodoro
    @ronyteodoro ปีที่แล้ว

    Melhor canal que ja vi ensinando programaçao, pode dar a mao pro Guanabara

  • @MrEdburger2009
    @MrEdburger2009 11 หลายเดือนก่อน

    Cara, impressionante!! muito bom seu video meu amigo, Parabéns!!!!

  • @tiagolucas4704
    @tiagolucas4704 2 ปีที่แล้ว +3

    Galera eu conseguir resolver o problema que esta dando na hora do jump, sem colocar o código no Html
    E so colocar o link do script para dentro do body, e assim consegue resolver,
    Assim você garante que todo o HTML terá sido devidamente carregado (e pronto para manipulação) antes do script ser executado.
    ...

    Ok e so um informação toda vez que seu scritp não pega, aperte F12 e inspecione ele ao rodar na tela Ok !!!

    • @rolveira
      @rolveira 2 ปีที่แล้ว +2

      deu certo aqui pra mim tb!! Valeuuuu!

  • @kauanlopz8630
    @kauanlopz8630 9 หลายเดือนก่อน

    caraca, que video bom man, assisti almoçando e foi bem melhor que botar qlqr futilidade kkkkkkkk, conhecimento de forma didatica e que te prende, parabéns!

  • @Bruno_Moraes2023
    @Bruno_Moraes2023 ปีที่แล้ว

    fui obrigado a me inscrever, com um conteúdo desse n tem como ignorar simplesmente fantastico.

    • @ManualdoDev
      @ManualdoDev  ปีที่แล้ว +1

      Valeu demais, Bruno! Tamo junto!

  • @marinhonecodelima
    @marinhonecodelima ปีที่แล้ว

    Cara esse vídeo é um imã de neodímio pra atrair pessoas para programação, faz mais conteúdos assim, ensinando fazer jogos "simples" que fazem a gente QUERER fazer, parabéns, muito bom, não é chato aprender com conteúdos agradáveis.

  • @corretagememdetalhes1033
    @corretagememdetalhes1033 2 ปีที่แล้ว

    Olá, nunca pensei que poderia achar uma explicação tão esclarecedora assim, vc está de 👏👏👏👏👏

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว

      Muito obrigado, amigo!

  • @brunoeufrasio
    @brunoeufrasio ปีที่แล้ว

    Do jeito que vc explica, torna tudo mais simples. Obrigado

  • @igorfelipeif
    @igorfelipeif ปีที่แล้ว +1

    Parabéns pelo vídeo, ficou perfeito! Tudo muito claro e objetivo. +1 inscrito \o

  • @karenalmeida9062
    @karenalmeida9062 ปีที่แล้ว +1

    o melhor canal que já me inscrevi na vida

    • @johnnypeffercelular
      @johnnypeffercelular ปีที่แล้ว

      verdade, to criando um usando o projeto do video , coloquei sons movimentos e tudo kkkk

    • @karenalmeida9062
      @karenalmeida9062 ปีที่แล้ว +1

      Eu acabei de fazer o meu ontem, mais vou incrementa-lo como um presente pro meu priminho, só com esse projetinho mais curto ele amou, em engenharia da computação não tenho tanto acesso a criações Front end

    • @johnnypeffercelular
      @johnnypeffercelular ปีที่แล้ว

      @@karenalmeida9062 por favor posta ele em algum lugar quero ve

  • @mavick.
    @mavick. 2 ปีที่แล้ว

    cara, eu estou simplesmente apaixonada por essa aula.
    está incrível! muito obrigada por esse conteúdo maravilhoso. aprendi demaais e me deu muitas ideias. obrigadaa!

  • @telascapow
    @telascapow 2 ปีที่แล้ว

    Que iradooo!!! Cara, muito obrigado por essa aula. Vc me fez sentir vontade de estudar novamente. Sem dúvidas vc fez meu dia melhor. Ty!!!!

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว

      Eu que agradeço o apoio, amigo. Valeu demais!
      Tamo junto!

  • @niaoliveira3173
    @niaoliveira3173 5 หลายเดือนก่อน

    amei a forma simples que você explica as funcionalidades !

  • @jenniffersantossilva8583
    @jenniffersantossilva8583 ปีที่แล้ว +1

    Incrivel, eu amo o Mario e amei essa lembrança e consegui fazer isso. Perfeito

  • @Andersonznlt
    @Andersonznlt 2 ปีที่แล้ว

    Cara, ganhou um inscrito! muito boa a didática, simples e objetiva. Ótimo pra quem está iniciando.

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +1

      Muito obrigado pelo apoio, Anderson!

  • @Daniel-oi8bc
    @Daniel-oi8bc ปีที่แล้ว

    Você é muito bom, irmão. Parabéns pela didática!

    • @ManualdoDev
      @ManualdoDev  ปีที่แล้ว

      Valeu, Daniel! Tamo junto!

  • @cintiamarins7174
    @cintiamarins7174 ปีที่แล้ว

    Obrigada pelo conteúdo! A maneira que vc explica é muito didática!

    • @ManualdoDev
      @ManualdoDev  ปีที่แล้ว

      Eu que agradeço pelo apoio, Cintia! Valeu demais!