Curso de JS Aula 08 DOM Manipular HTML com o JavaScript

Поделиться
HTML-код
  • Опубликовано: 1 окт 2024
  • Curso de JavaScript, Web, JS, DOM, Document Object Model, console, navigator, navigator.userAgent, window, window.alert, location, history, html, head, body, document, document.querySelector, querySelector, querySelectorAll, .textContent, innerHTML, getElementsByTagName, getElementById, getElementsByClassName, como manipular o HTML usando o JavaScript, Programação, Dev, HTML, Informática, Edson Maia
    html da aula 08
    drive.google.c...
    js da aula 08
    drive.google.c...
    DOM
    O DOM (Document Object Model) é uma interface que representa como os documentos HTML e XML são lidos pelo seu browser. Após o browser ler seu documento HTML, ele cria um objeto que faz uma representação estruturada do seu documento e define meios de como essa estrutura pode ser acessada.
    tableless.com....

Комментарии • 84

  • @douglasmatos2134
    @douglasmatos2134 Год назад +7

    Irmão, eu assisti só metade da aula, e serio, virei fã do canal! Estava cansado dos vídeos das pessoas tentando explicar de forma abstrata, usando comparações malucas tipo "quando vc quer chamar seu cachorro, vc chama ele assim..." ao invés de simplesmente abrir o VS e digitar as sintaxes explicando o que cada parte faz e como utilizar, entendo q para quem esta iniciando precisa destas comparações para compreender. Porem na hora de praticar a pessoa se confunde pois não teve estimulo visual das sintaxes... vi metade da sua aula e já vou salvar seu canal na pasta de favoritos para fazer o curso. parabéns pela forma simples e dinâmica de ensinar!

  • @juanfleury
    @juanfleury Год назад +2

    write() está atualmente fortemente desencorajada, já que foi descontinuada.

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  Год назад

      Sim, nos vídeos seguintes mostro várias formas de seleção e alterações de conteúdos

  • @eusoukarlacardoso
    @eusoukarlacardoso 29 дней назад +1

    Parabéns! Você explica muito bem🎉🎉🎉

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  29 дней назад

      @@eusoukarlacardoso Valeu pelo comentário. Bons estudos

  • @joaopedro-qd3vc
    @joaopedro-qd3vc 4 месяца назад +1

    Mestre, a conclusão deste curso poderia disponibilizar um certificado ?

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  4 месяца назад

      Sim, este é um dos meus planos, a intenção é colocar em plataforma, mas, eu preciso monetizar pelo menos a emissão do certificado.

  • @MarcosPaulo-zj7mh
    @MarcosPaulo-zj7mh 8 месяцев назад +1

    Mestre, o textContent funciona se eu declarar let e se eu declarar const né, se quiser mudar o título através de titulo.textContent ele também deixa mudar tranquilamente

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  8 месяцев назад

      No caso do const depende, pq o let significa que pode mudar, o const significa que uma vez declarado e atribuído, não pode ser redeclarado, nem retribuído valor para ele.

  • @MateusPereiraCaires-zd4rp
    @MateusPereiraCaires-zd4rp Месяц назад +1

    opa sou um criança com 9 anos que ja cria sites com html java scrip css

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  Месяц назад

      Que bom, eu fico tão feliz, seja persistente, se tiver dúvidas é só perguntar! Vc é fera mano.

  • @sakamotoyorigami1997
    @sakamotoyorigami1997 6 месяцев назад +4

    Estava procurando essa introdução de DOM, muito massa.

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  6 месяцев назад +1

      Que bom que encontrou. Obrigado pelo comentário. Bons estudos e sucesso na carreira.

  • @cabralistico
    @cabralistico Год назад +3

    Muito bom!! Tô aprendendo javascript e minha maior dificuldade tá sendo entender o uso do Dom.

  • @codekils
    @codekils Год назад +4

    Velho, que aleatório que dicção boa e ótima didática, tão simples, osso. kkk

  • @thaynasantos3965
    @thaynasantos3965 7 месяцев назад +3

    Depois de quase desistir de tentar entender, você explicou de um jeito tão simples mas eficiente demais, muito obrigada!! Parabéns professor!!

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  7 месяцев назад

      Oh que bom que ajudei, se tiver dúvidas é só chamar, eu mesmo já trabalho na área há muito tempo, já desisti várias vezes, mas eu sou insistente, bons estudos, sucesso na carreira.

  • @r4fanff159
    @r4fanff159 8 месяцев назад +1

    Eu que usava e não sabia 😅

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  8 месяцев назад

      JS é uma linguagem bem legal, sempre aprendemos alguma técnica nova.

  • @MateusPereiraCaires-zd4rp
    @MateusPereiraCaires-zd4rp Месяц назад +1

    me ajudou muito
    [

  • @arlancorreia2144
    @arlancorreia2144 2 месяца назад +1

    vlw professor

  • @jordaomagalhaes9237
    @jordaomagalhaes9237 2 года назад +5

    Suas aulas faz as coisas irem começando a se encaixar na minha cabeça, brigado professor!

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  2 года назад +3

      Faço vídeos para ajudar no estudos e trabalhos. Pq quando comecei em 200 na programação foi bem difícil.

  • @isaque5811
    @isaque5811 8 месяцев назад +1

    Que didática incrível, vou passar a acompanhar o canal e aprender muito por aqui. Estou finalizando o curso de js da dev aprender (tô na última aula), mas a penúltima foi sobre DOM, foi bem rasa (o curso é introdutório mesmo, o foco era pra inciantes), por isso decidi vir estudar mais afundo. Pretendo aprender bem sobre isso, quando estiver confiante vou passar para os próximos conteúdos

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  8 месяцев назад +1

      Que bom man, bons estudos, segue para os próximos passos, sucesso e persistência no caminho.

    • @isaque5811
      @isaque5811 8 месяцев назад +1

      ​​@@ProfessorEdsonMaia tô fazendo seu curso agora, vou desde a aula 1 até os últimos vídeos dessa playlist. Faz 3 dias que comecei, tô aprendendo coisas que não sabia e reforçando o conteúdo que já conhecia (tô estudando pelo menos umas 4h todos os dias 😅). Daqui algumas semanas eu termino, logo vou estar pronto pra dar os próximos passos

  • @Rafael11piraju
    @Rafael11piraju Год назад +3

    Cara voce é muito bom, to aprendendo muito com seus videos. Muito sucesso para você

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  Год назад +1

      Muito obrigado. Essa série de vídeos tá bem legal. Mais pra frente tem uns projetos vc vai exercitar bem.

  • @eletronicam
    @eletronicam Год назад

    Amigão, quando você estiver ensinando alguma palavra reservada explique o que ela faz porque ninguém nasce sabendo. Fica a dica.

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  Год назад

      Não entendi. Mas, acredito que vc não entendeu o que significa o termo "palavra reservada". Palavras reservadas são palavras que já são usadas pela linguagem de programação, por isso, a gente não pode usar elas como identificador (nome) de nenhuma variável, constante, função, método, classe, etc.

  • @MeuHD
    @MeuHD 3 года назад +4

    Edson sempre agregando com conteúdo de valor !!! 🙌

  • @Everaldobass
    @Everaldobass 3 года назад +2

    Excelente conteúdo, para manipular o DOM do HTML5.

  • @messidaquebrada8536
    @messidaquebrada8536 8 месяцев назад +1

    E eu que passei quase uma hora nos desafios da aula passada porque ai invés de por lutador.nome botei só lutador no document.write🫠

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  8 месяцев назад

      Acontece, geralmente precisamos debugar, ver qual linha está com erro, e ir revisando linha por linha, quando for assim, pare, tome um café, uma água, assista uns vídeos engraçados, depois volte, vc vai ver q vai encontrar a solução.

  • @LuizLuiz-eu7fo
    @LuizLuiz-eu7fo Год назад +2

    parabens professor, uma serie q era para revisão esta me trazendo muitos outros conhecimentos. desde ja muito agradecido por colaborar no meu crescimento tanto intelectual quanto profissional🙏🙏🙏

  • @SATOR7304
    @SATOR7304 Год назад +1

    Show bem didático, os outros métodos de seleção caíram em desuso? GetElementbyid, classname e tagname?

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  Год назад

      Atualmente sim, mas podem ser usados. E importante conhecer por causa de códigos legados

  • @mateusoliveira-u1z
    @mateusoliveira-u1z 3 месяца назад +1

    eu ja traballho na area da programação e estou atualizando um pouco mais o conhecimente, e queria parabenizar esse professo pela maneira que ele se aprofundou no js até agora, ele vai na raiz

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  3 месяца назад

      Valeu man, obrigado pelo comentário. Bons estudos de atualização.

  • @justanotherdev_
    @justanotherdev_ Год назад +1

    Opa, professor. Eu sou alguém que conhece programação há bastante tempo (há uns 4 ~ 6 anos), porém, eu não consigo me desenvolver, sabe?
    Já estudei um pouco de tudo. C++, CSS, HTML, JS, Python, Java, ...
    Sempre eu chego em um ponto onde eu não sei mais o quê fazer, para onde ir e depois, acabo esquecendo conceitos importantes e desertando.
    Teria o senhor alguma recomendação? Desde já agradeço.
    (Grato pelo seu ótimo vídeo também!)

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  Год назад +2

      Boa noite. Entendo. Já estive assim. Por um tempo pensei em desistir. Mas, vi que precisamos escolher uma stack, focar em fazer pequenos projetos pessoais, depois ir aumentando as funcionalidades. Assim vc vai avançando. Eu sou bem teimoso, insistente e isso me ajuda a não desisti. Recomendo ir nesse sentido. Escolha uma stack e foque em fazer projetos. Faça um até o fim. E assim vai.

    • @justanotherdev_
      @justanotherdev_ Год назад +1

      @@ProfessorEdsonMaia Muito obrigado!

  • @0IT0
    @0IT0 Год назад +1

    Você ensina muito muito, sua firma de explicar é quase que visual, da pra ver as coisas se interligando, parabéns.

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  Год назад +1

      Valeu man pelo comentário. Bons estudos. JS é legal pra desenvolver.

  • @bruno6633
    @bruno6633 Год назад +2

    A aula mais didatica sobre DOM ate agora!

  • @canvasPerdido
    @canvasPerdido 5 месяцев назад +1

    Explica melhor wue meu professor de facul

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  5 месяцев назад

      Obrigado pelo comentário man. Cada professor(a) tem formas, tempo e recursos para explicar, na Faculdade as vezes o tempo e mais reduzido e muitas vezes, o propósito é um pouco diferente.

  • @gustavosouza9351
    @gustavosouza9351 Год назад +1

    Muito bom, prof. Edson! Obrigado.

  • @eniohenrique1813
    @eniohenrique1813 Год назад +1

    Bem explicado, Parabéns

  • @MarcosLanzoni
    @MarcosLanzoni 2 года назад +1

    Parabéns , ótima explicação , continue com estes conteúdos ajuda muito nós iniciantes

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  2 года назад +1

      Essa é a intenção. Se tiver dúvidas é só chamar.

  • @Matheuscantanhede-k6g
    @Matheuscantanhede-k6g 7 месяцев назад +1

    Parabéns meu amigo, me ajudou demais

  • @seuvagem3919
    @seuvagem3919 2 года назад +1

    Muito obrigado professor, adorei essa playlist...

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  2 года назад

      Sim, essa playlist está grande, mas tem muitos exemplos legais de vários níveis.

  • @moniquemendesss
    @moniquemendesss 8 месяцев назад +1

    Muito boa aula, mais uma inscrita🤗

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  8 месяцев назад

      Obrigado, esta série de vídeos de JS está bem legal. Bons estudos.

  • @FernandoGomes-dg1po
    @FernandoGomes-dg1po 3 года назад +1

    Show de aula, Prof. Edson!

  • @edsonjr6235
    @edsonjr6235 3 года назад

    Entender sobre DOM e como manipular ele utilizando o JavaScript é fundamental para desenvolver aplicações web.

  • @adryelmartins6943
    @adryelmartins6943 Год назад +1

    Parabéns professor!

  • @vitormartins7883
    @vitormartins7883 Год назад +1

    excepcional.

  • @viniclunc8553
    @viniclunc8553 3 года назад

    Sempre que eu executo o código no vs code utilizando o document, dá erro e diz que document não está definido. Para "executar" algo que manipula o DOM é só salvar no VS Code e atualizar a página do navegador? Estou assistindo no celular

    • @ProfessorEdsonMaia
      @ProfessorEdsonMaia  3 года назад +1

      Vc está usando o VS Code no computador? Eu queria ver em qual linha está dando o erro. Se puder fazer um print mande para o meu e-mail edsonmaiap@gmail.com

    • @umapessoaae2323
      @umapessoaae2323 Год назад

      Não sei se é o mesmo erro que eu tive, mas se tu na hora de colar e copiar o código lá do get elemento erro pode dar um erro parecido, eu tinha adicionado uma letra extra na hora de copiar e colar aí ficou dando erro. Mas não sei se é o mesmo erro que deu rpa tu

  • @Gustavooliveira-zl7ru
    @Gustavooliveira-zl7ru 2 года назад +1

    show

  • @elvisflutter
    @elvisflutter 2 года назад +1

    O melhor Pro

  • @Mandioquinho
    @Mandioquinho 2 года назад +1

    top