Manipulação de DOM com JavaScript, do zero, na prática | Masterclass #18

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ธ.ค. 2024

ความคิดเห็น • 190

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

    Fiat lux!!!! Clareou a mente, legal! Quem não fixar com essa metodologia, esquece! muitos conceitos apresentados na prática e de fácil assimilação, do que ler conceitos técnicos sem aplicabilidade. Abreviou horas e horas de leitura e pesquisa. Excelente!

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

    Pra mim o maikao é o cara mais simpático da programação.... didática incrível... Muito bom mesmo

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

    Mayk é um excelente programador e professor, sua didática é excelente!

  • @Andrey1604861912
    @Andrey1604861912 4 ปีที่แล้ว

    Lindos. Muito rápido mas lindo

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

    O Maycão sempre arrasando!!! Sempre tive dúvidas sobre o Javascript, até encontrar suas aulas! Show, amei...Saio desse vídeo com mais de 1% de aproveitamento.

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

      Que massa Patricia!! Valeeu pelo feedback! 💜💜

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

    Parabéns Mayk Brito, foi a melhor aula explicando sobre DOM que já assistir!!!

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

    Pra quem esta começando, acho que o maior desafio, é manipular a DOM, eu que estou começando, fico bem perdido, mais recorro ao google ou aos videos da Rocket e me ajuda muito

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

      Fala Victtor! É, realmente é um tema bem grande que assusta algumas pessoas, mas nada como a prática para resolver. E está no caminho certo, na área de desenvolvimento precisamos constantemente consultar documentações, então é isso aí! 🚀💜

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

      Foca meu bom, programar não eh impossível pra ninguém

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

    MUITO AGRADECIDO PELO CONTEÚDO AMIGO PROGRAMADOR! A maioria dos outros "professores" apenas cospe o conteúdo, você calmamente explica e convida a fazer junto. Muito sucesso a você e à escola! ✨

  • @marcio70965
    @marcio70965 4 ปีที่แล้ว

    É bom sempre da uma revisada a gente nunca sabe de tudo sempre tem uma coisinha que faltou ou não aprendeu. Obrigado Maikão hoje eu aprendi muito.

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

    Gente, eu conheço umas par de coisas de JavaScript, caminhando ali pro avançado, e eu nunca tive uma explicação tão boa e objetiva, além de completa é claro, sobre dom... Surreal de bom esse vídeo!!!

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

    Conteudo totalmente esclarecedor, didática incrível, deu pra entender quase tudo que foi dito em apenas um vídeo

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

    maykão sempre dando show te amo cara!!

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

    Conteúdo sempre fresquinho!
    Vai ser uma bela de uma revisão para mim ^^ ( every dev )
    Show de bola.!!!
    let's go!

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

      Valeeu pelo carinho, Alex! 💜💜

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

    coisas de tdah kakaokaw, tive que sperara a aula em 2, mas, no final das contas, deu tudo certo, aprendi muita coisa, o exercicío foi difícil, nãop minto, mas, aprendi algumas coisinhas.

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

    Veio na hora certa, ontem mesmo eu estava estudando sobre. Está sendo muito show conhecer a programação web.

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

    Essas aulas do Maykão pra mim que sou iniciante, estão sendo sensacionais

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

    Mayk, que aula excelente, didática ótima, total empatia com a pessoa que está aprendendo, sucesso sempre pra você irmão!!! Abraço!

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

    Parabéns! Excelente vídeo! É longo, mas vale muito a pena tirar um tempo para assistir a fim de aprender e tirar algumas dúvidas.

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

    maravilha de aula

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

    ótima didática, parabéns Professor

  • @vyctorhff40
    @vyctorhff40 3 ปีที่แล้ว

    Parabéns, mais bem explicado impossível. Obrigado por compartilhar com a gente.

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

    Cada minuto desse conteúdo é precioso 🤤

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

      Valeeeu, Rangel! 💜💜💜

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

    Que aula magistral!!!

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

    você é um professor de excelência, parabéns!

  • @fabinhorockfabinho
    @fabinhorockfabinho 3 ปีที่แล้ว

    Muito obrigado por ter compartilhado o seu conhecimento de forma organizada e super didática. Você mudou a minha vida! Esse vídeo será o meu material de estudo e com certeza eu farei grandes coisas graças a esse vídeo. Obrigado!

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

    Não perco isso por nada! 🎵😀

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

    Só pósso dizer é parabéns pelo conteúdo valiosíssimo!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Valeuu pelo feedback, Neto! 💜💜

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

    DOIS VÍDEOS NUM DIAAAAAAAAA

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

    Que aula top viu.A didatica e incrivel.Parabéns!!

  • @iurylemos2020
    @iurylemos2020 3 ปีที่แล้ว

    Excelente!! Fera demais Maikão

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

    bom que a gente aprender a tocar piano e a programar ao mesmo tempo

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

    Mayk é muito incrível.. Obrigada pelo conteúdo!

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

    Muito obrigado Maiky, parabéns pela excelente aula, com altíssima qualidade !!!!

  • @joaodimasribeiro8815
    @joaodimasribeiro8815 3 ปีที่แล้ว

    Muito dezzzz o seu treinamento. Super didático.

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Que massa que curtiu, João! 💜 😍

  • @analopes-to3dd
    @analopes-to3dd 4 ปีที่แล้ว

    mds, o cara é o rei do ensinamento, parabéns !!!

  • @jailsonpaiva1332
    @jailsonpaiva1332 3 ปีที่แล้ว

    Com toda a certeza hj eu aprendi mais que 1% desse conteúdo repassado de forma maravilhosa e super fácil de entender, vlw mesmo Maykão 👏👏

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

    Conteúdo sensacional! Muito obrigado por compartilhar o conteúdo de forma didática.

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

    Inglês tá top Maykão, assim como a didática, não falando base meia fuor, já está loko de bom.!!!

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

    Maykão essa didática vale ouro!!!!

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

    Mayk por favor faça mais videos como esse abriu de mais a mente.... top.
    Isso foi praticamente um curso de JS só que muito mais dinâmico e top top top mesmo na moral.

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

    Muito boa explicação. Obrigado!

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

    Porra man vc me passou 3 dias de aula em uma hora kkkkk top de mais!

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

    Virei fã do Mayk, o cara é fera.. se compromete em explicar cada pedaço do código.. valeu por essa aula rocketseat!

  • @eras21
    @eras21 3 ปีที่แล้ว

    Meus sinceros agradecimentos por este vídeo. 🤲

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

    Didática maravilhosa

  • @deborasonoda4986
    @deborasonoda4986 4 ปีที่แล้ว

    Eu adoro as suas aulas, vc explica super bem

  • @felipemoura7227
    @felipemoura7227 4 ปีที่แล้ว

    Rocket muito obrigado por esse conteúdo. Ajudou muito para entender a manipulação da DOM.

  • @darlleybrito4198
    @darlleybrito4198 3 ปีที่แล้ว

    um aulão desse bixo sz

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

    Parece fácil com o cara explicando 👏👏👏

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Curtiu a didática, Vini? 💜 🚀

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

    Aff eu tava procurando um video assim..ai chegou a notificação!!❤

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Que maravilha, só aproveitar agora 💜

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

    Dois vídeos sensacionaais em menos de um dia, a Rocketseat tá pegando fogo esse ano, muito show os conteúdos gratuitos que estão sendo disponibilizados !

  • @fcdennis1983
    @fcdennis1983 4 ปีที่แล้ว

    Muito obrigado por compartilhar os seus conhecimentos, pode ter certeza que eu aprendi com essa aula muito mais do que 1%. Valeu!

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

    Maravilha de conteúdo meus amigos

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Maravilha de comentário, meus amigos! 💜

  • @Vigego
    @Vigego 3 ปีที่แล้ว

    Excelente aula, didática impressionante.

  • @RonanTI
    @RonanTI 3 ปีที่แล้ว

    Esse vídeo fez toda diferença na minha vida!

  • @igorinf2358
    @igorinf2358 3 ปีที่แล้ว

    Maykao amassa kkkkk, masterclass perfeita

  • @leandrozanardo1046
    @leandrozanardo1046 3 ปีที่แล้ว

    Irmão não sei como alquem pode dar dislike. Que conteudo incrivel!!! Continue assim. Abraço

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

    O Mayk é um monstro! Didática maravilhosa! 🚀

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

    Massa, irei assistir amanhã

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

    Excelente conteúdo

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

    é incrível, estava com dúvida ontem sobre o DOM, e a agora a rocket upa esse vídeo :)

  • @GabrielFerreira-rl1ok
    @GabrielFerreira-rl1ok 4 ปีที่แล้ว

    Show de bola o conteúdo, contando os dias pra semana da NLW! :)

  • @moacirmota340
    @moacirmota340 4 ปีที่แล้ว

    Fala Maikão!
    Primeiramente gostaria de te agradecer pelo conteúdo super valioso do vídeo, a cada dia seus vídeos ficam ainda melhores.
    Agora lá vão as perguntas ✌:
    1 - Tudo que o document.querySelector() faz eu consigo fazer utilizando useRef(null) no ReactJS?
    2 - Rola de fazer um code drops com useRef() na mesma pegada desse vídeo?
    Sei que o seu foco é mais JS Puro (#raiz 😎) mas eu tenho dificuldades em selecionar elementos utilizando DOM Virtual.
    Abraço!!

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

    Muito obrigado Maykao

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

    Aula de milhões 👏🏽👏🏽 Esse vídeo vai facilitar muito meus estudos com Javascript

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

    1% melhor do que ontem, obrigado Rocketseat. Maykão muito obrigado pelo incentivo

  • @RicardoCaldasGuitarra
    @RicardoCaldasGuitarra 4 ปีที่แล้ว

    Obrigado pela aula. Um grande abraço!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Valeeeu Ricardo!! Abraço! 💜

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

    Muito obrigado !

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

    Masterclass excelente, Maycão! Didática impecável

  • @AdeilsonTube
    @AdeilsonTube 4 ปีที่แล้ว

    Show de bola Maykão

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

    A Rocketseat não paraa!!

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

      Não mesmo! Vcs que lutem pra acompanhar tudo. 2bjs 💜

  • @estevaolibardi
    @estevaolibardi 3 ปีที่แล้ว

    Obrigado amigo!

  • @Matt-pd8vm
    @Matt-pd8vm 4 ปีที่แล้ว +1

    Sensacional

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

    topzera... parabéns

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

    Mandou bem demais Maykão!

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

    Rocketseat lendo mentes COMO SEMPRE

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

      nossos poderes aumentam cada vez mais 👀🔮💜

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

    Aulão ! Muito obrigado pelo conteúdo !

  • @brenobcsilva
    @brenobcsilva 3 ปีที่แล้ว

    Muito bom, explica muito bem, muito obrigado por um otimo conteudo gratuito.

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

      Faaaala, Breno!
      Maykão tem o dom de ensinar, né!? 💜 😍
      Valeeeu pelo feedback! 🚀

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

    Obrigado pela resumão. Maykão faz só um master class de Regex ou Expressão Regulares

  • @brunoscheneider7346
    @brunoscheneider7346 3 ปีที่แล้ว

    Onde que alguém no Brasil consegue ensinar tanta coisa com 1:30 horas???
    Mayk Brito Tyson "O Mestre"
    Parabéns!!!

  • @rodrigoaraujo1608
    @rodrigoaraujo1608 4 ปีที่แล้ว

    Aula muito show !!!

  • @luispaulocavalcante1459
    @luispaulocavalcante1459 3 ปีที่แล้ว

    43:15 Não sei se já comentaram aqui, mas de qualquer forma vou deixar comentado. Lendo a documentação do .insertBefore() eu vi que não existe o método .insertAfter(""), inclusive no próprio vídeo o Maykão mostrou "sem querer" no minuto 43:00, abaixo do exemplo tem aquela caixinha amarela dizendo isso. Em fim, foi só uma observação kkkk.
    Valeu Rocketseat, por compartilhar tanto conteúdo foda, vocês são demais

  • @fabriciodelfraridacosta8193
    @fabriciodelfraridacosta8193 3 ปีที่แล้ว

    Cara, que aula! Muito obrigado!

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

    Parece que leu minha mente hahaha ❤

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

      Hhahahah 👀🔮

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

    Sou o iniciante do iniciante em javascript e fico muito perdido, mas principalmente me perco no flow das aplicações, o sobe e desce no código.. Faz função aqui, faz variável lá longe... Isso confunde muito! +1% de aproveitamento! 😁

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

    Show de bola

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Vaaleu, Ycaro! 💜💜

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

    muito obrigado

  • @thiagothomers
    @thiagothomers 3 ปีที่แล้ว

    Show. Parabéns ! Uma coisa que não entendo é que no caso do insertBefore a gente tem que criar uma variável com o parenteNode para daí sim conseguirmos usar essa função de inserir.
    let sp_1 =
    document.querySelector(".sp-1");
    let sp_2 = document.createElement("span");
    sp_2.classList.add("sp-2");
    let parente = sp_1.parentNode;
    parente.insertBefore(sp_2, sp_1);
    console.log(document.body);
    Sem a variável parente pegando parentNode, deu erro. A questão é que essa variável é o próprio elemento.

  • @devwebfullstack5853
    @devwebfullstack5853 3 ปีที่แล้ว

    Muito bom, foram 2% nessa aula! 👏👏

    • @rocketseat
      @rocketseat  3 ปีที่แล้ว

      Boooooa! 💜 🚀

  • @Thom.Zille.
    @Thom.Zille. 3 ปีที่แล้ว +1

    Só faltou o Mayk tocar uma musiquinha daora pra nóis no final, hehe.

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

    Muito bom.

  • @tatianakatia1467
    @tatianakatia1467 4 ปีที่แล้ว

    Mayk sensacional sua aula, alias parabéns para toda equipe Rocketseat tenho assistido seus videos e como tem facilitado meu aprendizado.
    Btw, aproveitei suas anotações para treinar o uso da ferramenta Notion (outra dica muito legal) nos meus testes dos projetos que vocês tem apresentado nas MasterClass.
    No seu documento desta MasterClass tem dois "elements" que estão com a grafia errada (eu acho, se puder confirmar), são: " .setAttribute() ", " .getAttribute()" . :)
    Abraços e gratidão!
    Tati

  • @luiseduardodarochahenrique5619
    @luiseduardodarochahenrique5619 4 ปีที่แล้ว

    Aula incrível, parabéns!

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Valeeu! 💜💜

  • @rsoaresmga
    @rsoaresmga 3 ปีที่แล้ว

    Cara voces sao top demais, um quero fazer uma consultoria com voces!

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

    q amor vc mykao

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

      Faaaaala, Ronaldo! Maykão é fera, né? 😍 💜

  • @adenilsondejesussantos1597
    @adenilsondejesussantos1597 4 ปีที่แล้ว

    Muito obrigado cara, vc é muito massa

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Valeeu, Adenilson! Mayk é fera né? 💜

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

    muito dificil,não consigo entender ainda e aplicar... mas o importante é não desistir

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

    Para quem estiver no linux e o audio não estiver funcionando, é só trocar o src dos audios que estão no html de `/` para `./`. Abri um pull request la, mas não sei se vão aceitar.

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

      Faala, Pedro! 💜 Valeeu pela dica! 💜

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

    Maik Brito detonando novamente ninguém supera a Rocketseat

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

      Ele é fera, né? 💜💜💜💜

    • @clebersonosorio1398
      @clebersonosorio1398 4 ปีที่แล้ว

      @@rocketseat Sim, a forma que ele explicou o "Display: absolute" na NWL não consigo tirar da cabeça ^^

    • @rocketseat
      @rocketseat  4 ปีที่แล้ว

      Que massa!! 💜💜

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

    Rocketseat lendo mentes desde 1990