💥 ANIMAÇÕES COM JAVASCRIPT PURO: TUTORIAL COMPLETO COM PROJETO PRÁTICO

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

КОМЕНТАРІ • 69

  • @DankiCode
    @DankiCode  4 роки тому +5

    👾 Quer mais conteúdos assim? Esmaga o DEDO NO LIKE para eu saber seu engajamento!
    .
    💾 Material para download: cursos.dankicode.com/campus/curso-front-end-completo/animacoes-com-javascript-puro-bonus
    .
    🎯 Sorteio, conteúdo diário e muito mais no meu Instagram pessoal:
    instagram.com/guigrillo13

  • @pedrohenrique-pl4ts
    @pedrohenrique-pl4ts 4 роки тому +24

    Fala Gui! so uma dica, ao inves de ter usado o if para checar com qual classe o elemento estava você poderia ter facilmente utilizado o metodo toggle do classlist, ele é um metodo que identifica se o elemento ja possui ou não a classe e é capaz de tirar e colocar altomaticamente. ex: menu.classList.toggle('hide')

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

    Seu curso é muito top man, tem muito conteúdo útil. algumas coisas preciso pesquisar por fora pra entender por outra didática ou testar pra entender como funciona, mas no geral é um bom curso. valeu o investimento!

  • @lucasmateusdasilvafernande4114
    @lucasmateusdasilvafernande4114 4 роки тому +4

    Sou aluno da Danki, glr o pacote full stack master é massa demais recomendo. Gui parabéns pelo seu trabalho

    • @DankiCode
      @DankiCode  4 роки тому +1

      Vlw Lucas!! Mau posso esperar para ver o que vc vai criar :D

  • @JoaoVictor-cn7rw
    @JoaoVictor-cn7rw 4 роки тому +2

    Depois que eu terminar o curso de games, vou me a profundar em deselvovimento web, acho muito show esses efeitos.

  • @adadnicolau3472
    @adadnicolau3472 3 роки тому

    Top viu amigão. Faz 10 anos que eu não programo, mas tou voltando a ativa, me ajudou bastante o vídeo. Valeu.

  • @ericsonporfirio6578
    @ericsonporfirio6578 4 роки тому

    tenho 25 anos fiz uns cursos de algoritmo e vendo vc programar fico feliz de ver seu entendimento e rapidez, mas desacreditado que posso chegar a um nivel desse.

  • @gabriel85403
    @gabriel85403 4 роки тому +1

    Gui, faz um vídeo de algum dos projetos que você faz em vídeo (pode ser esse mesmo que você fez no vídeo) de como fazer o deploy e colocar o site online para outras pessoas verem, seria bem legal.

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

    obrigado irmão...mais um inscrito....

  • @AlexSantosps
    @AlexSantosps 4 роки тому +18

    Gui, quem já é aluno Full Stack, terá opção de fazer um upgrade para o pacote master?

    • @julianapelucio
      @julianapelucio 4 роки тому +2

      Boa pergunta! Tb queria saber se tem pacote promocional de complemento pra quem já é aluno...

    • @edufgh6266
      @edufgh6266 4 роки тому

      up

    • @niellbogard2279
      @niellbogard2279 4 роки тому +1

      Também quero saber

    • @AlexSantosps
      @AlexSantosps 4 роки тому

      Eu o upgrade galera, quem quiser e do chamar o suporte no whatsapp

    • @gamer33d
      @gamer33d 4 роки тому +1

      @@julianapelucio positivo 👍

  • @fabioverlaine7274
    @fabioverlaine7274 4 роки тому

    Caraaa !!! bacana mesmo TOPZERA !! Que venham mais tutoriais na prática. Vaaleu !!

  • @pedroimpulcetto
    @pedroimpulcetto 4 роки тому

    Javascript puro é só para os fortes 🚒👏🏻💻🙏🏻

  • @izayoisakamaki4327
    @izayoisakamaki4327 4 роки тому +1

    Vou tenta fazer isso em HTML, mas em vez da borda em cima mas de lado to querendo cria uma plataforma EAD para por uns vídeo do Google drive sobre desenho.

  • @rafasantos23
    @rafasantos23 4 роки тому

    *Uma dica, aumenta um pouco a fonte do editor, nem precisa ser muito, é só para poder enxergar um pouco melhor mesmo, mas o conteúdo é baum d+*

  • @noahaugusto3488
    @noahaugusto3488 4 роки тому +1

    Marcando presença novamente, like like. Agr sai essa animação em JS kkkkkk

  • @luccaslopez8593
    @luccaslopez8593 3 роки тому

    Blz, é possível colocar em um formulário, preço do produto, quantidade e calcular o total na página automático em javascript

  • @fernandosilva291
    @fernandosilva291 3 роки тому

    Sou novato neste ramo e achei interessante esta aula. Então primeiramente "OBRIGADO". Realmente como alguns falaram, ele não explica nada do "porque" ele usa isso ou aquilo. Pelo visto, este vídeo é para os intermediários, talvez, pois os que estão começando vão se perder bem. Eu mesmo repliquei o que ele fez mas foi mais por "ver e copiar" do que por entender mesmo. Mas paciência. SÓ UMA DÚVIDA: Aos 12:45 ele fala sobre o "cursor pointer". Eu fiz aqui e deu certo quase tudo, pois a área acima ficou clicável fora do icone também. Vai até metade do menu, na verdade. Alguém sabe como resolver?

  • @derickmartins4495
    @derickmartins4495 4 роки тому

    Sou aluno da danki no pacotes de games mas confesso que tô doido pra comprar o pacote Full Stack logo

  • @gabrielteles3079
    @gabrielteles3079 4 роки тому

    guilherme so uma opiniao minha poço estar errado mas, pelo menos eu, gostaria de uma atualização e uma lapidação no curso front end, uma simplificada nos videos, tirar algum conteudo q nao tenha mais relevancia, acho q sempre da pra melhorar, so uma opiniao espero agregue otimo video!!

  • @huzuma9383
    @huzuma9383 3 роки тому

    Excelente vídeo

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

    Top!

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

    Boas, por quê não utiliza Bootstrap?

  • @sergiosoaresnunes8533
    @sergiosoaresnunes8533 4 роки тому

    Guilherme, já tenho o curso full stack, não dá apenas pra fazer um upgrade pro master com desconto? não vou comprar novamente o curso que já tenho kkkkk

    • @DankiCode
      @DankiCode  4 роки тому

      Chama nosso atendimento!

  • @divulgatub4740
    @divulgatub4740 4 роки тому +1

    Faz um vídeo com projeto prático de HTML e Css

    • @DankiCode
      @DankiCode  4 роки тому

      Oi! Já tem no canal vários projetos dá uma pesquisada que vc encontra

  • @luid4441
    @luid4441 3 роки тому

    vei eu te amo

  • @14python57
    @14python57 4 роки тому

    Grupo fullstack, salve

  • @joaovictor-dl6ve
    @joaovictor-dl6ve 3 роки тому

    danki, tenho uma duvida, voce sabe se eu posso colocar os icones free do font awesome no meu site ?

  • @getinhapote8660
    @getinhapote8660 4 роки тому

    Pq essa aula foi removida do pacote full stack??

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

    Salve Danki eu curti de mais o seu video, mas tem umas ciosinhas que podia melhorar.
    Na hora de fazer os codigos deivas ter anotado ou algo assim, poque quando acrescenta algo no meio do codigo fica complicado de perceber mas isso nao atrapalhou a minha percepcao nao para os outros.

  • @kauan457r8
    @kauan457r8 2 місяці тому

    O cara tem o DOM 😂

  • @aquillesromanha
    @aquillesromanha 4 роки тому

    Gui, por que você não usa o VS Code? Além de gratuito tem incontáveis mais benefícios que o Sublime Text

    • @DankiCode
      @DankiCode  4 роки тому

      Opa, eu uso os dois! Realmente o VSCODE é muito poderoso.

  • @leleu9855
    @leleu9855 4 роки тому

    kkkkkkkk prof gui ficou com trauma de JS na live e nao descansou ate fazer dar certo :3

    • @DankiCode
      @DankiCode  4 роки тому

      HAHAHAHA MAIS OU MENOS ISSO!

  • @BuGCasin1
    @BuGCasin1 4 роки тому

    Gui poderia ensina a fazer tipo quando coloca teste.com/index.html colocar para teste.com/index sem o html?

  • @MiguelBarbozamusico
    @MiguelBarbozamusico 3 роки тому

    vlw man, ajudou muito

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

    nao entendi uma coisa, quando aparece o menu inteiro e eu clico nele ele some de qualquer jeito

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

    não consigo fazer o pagamento pq não aparece forma de pagamento. pode manda um numero de ajuda.

  • @guaxinimscripts
    @guaxinimscripts 4 роки тому

    Gui i curso Full stack está sem a opção de boleto

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

    primo do casimiro

  • @arthurnogueiramaciel2906
    @arthurnogueiramaciel2906 3 роки тому

    Dava pra fazer a mesma coisas com menos código,.o cara que conhece várias tecnologias constuma ficar só no básico, sugiro que pra quem está começando foque somente em uma linguagem.

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

    A fonte tá muito pequena, da pra ler quase nada que vc digitou.

  • @AntonioCarlosGomes
    @AntonioCarlosGomes 4 роки тому

    Assisto seu vídeo em uma tela de 65" E A RESOLUÇÃO É SOFRÍVEL (NÃO BOA) é alguma coisa aqui comigo ?

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

    Meus ícones não aparece pq será?

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

    Kd a animação?????, Kd o JavaScript????

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

    na vdd vc nao fez animação com js puro nao. vc so add e remove classe. o js é daria pra fazer tudo que vc faz no css.
    cai nesse vídeo pq tava procurando aprender como fazer animaçoes via js.

  • @joao-motaa
    @joao-motaa 2 роки тому

    gente o meu nao funcionaaaaa

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

    asmei

  • @mylifefinanceira
    @mylifefinanceira 4 роки тому +2

    Eu acho que seu metodo de ensino para quem ta iniciando é muito dificil. Não explica como funciona o código e como funciona a logica e joga muito rapido sem explicações claras e dizendo para quer serve cada tag.

    • @guilhermesilva6974
      @guilhermesilva6974 4 роки тому

      Se referiu a esse vídeo, né? E não aos cursos eu imagino

    • @focaflutuante3663
      @focaflutuante3663 4 роки тому

      Cara, pode ser que as vezes vc possa ter dificuldade, mas isso é fácil de resolver, não se prenda somente ao curso, busque por oq tem dúvida em docs e plataformas como stackovetflow, não marque como concluída uma aula se não entendeu a ainda, não tenha preguiça aprender pode ser difícil, mas depois é só sucesso