Curso de JS Aula 08 DOM Manipular HTML com o JavaScript

[@AnaGomes-d9o]

Meu Deus, que canal incrível, em poucos vídeos eu aprendi mais do que em muito curso que eu paguei.

[@ProfessorEdsonMaia]

@@AnaGomes-d9o Muito obrigado pelo comentário. Bons estudos.

[@douglasmatos2134]

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!

[@ProfessorEdsonMaia]

Que bom man, valeu pelo comentário. Bons estudos.

[@sakamotoyorigami1997]

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

[@ProfessorEdsonMaia]

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

[@thaynasantos3965]

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

[@ProfessorEdsonMaia]

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.

[@eusoukarlacardoso]

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

[@ProfessorEdsonMaia]

@@eusoukarlacardoso Valeu pelo comentário. Bons estudos

[@isaque5811]

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]

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

[@isaque5811]

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

[@bruno6633]

A aula mais didatica sobre DOM ate agora!

[@ProfessorEdsonMaia]

Valeu mano, obrigado pelo comentário, bons estudos.

[@mateusoliveira-u1z]

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]

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

[@cabralistico]

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

[@jordaomagalhaes9237]

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

[@ProfessorEdsonMaia]

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

[@gustavosouza9351]

Muito bom, prof. Edson! Obrigado.

[@ProfessorEdsonMaia]

Valeu man, obrigado pelo comentário.

[@karleandro]

Aula excelente! agora entendi de uma vez por todas kk

[@ProfessorEdsonMaia]

Parabéns, sucesso nos estudos.

[@MeuHD]

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

[@ProfessorEdsonMaia]

🙌

[@Rafael11piraju]

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

[@ProfessorEdsonMaia]

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

[@Everaldobass]

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

[@ProfessorEdsonMaia]

Valeu man pelo comentário.

[@LuizLuiz-eu7fo]

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

[@ProfessorEdsonMaia]

Sim. Eu gosto dessa série do JS.

[@0IT0]

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

[@ProfessorEdsonMaia]

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

[@adryelmartins6943]

Parabéns professor!

[@ProfessorEdsonMaia]

valeu man, obrigado pelo comentário.

[@eniohenrique1813]

Bem explicado, Parabéns

[@ProfessorEdsonMaia]

Valeu man, bons estudos.

[@MarcosLanzoni]

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

[@ProfessorEdsonMaia]

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

[@FernandoGomes-dg1po]

Show de aula, Prof. Edson!

[@ProfessorEdsonMaia]

Valeu man pelo comentário.

[@moniquemendesss]

Muito boa aula, mais uma inscrita🤗

[@ProfessorEdsonMaia]

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

[@seuvagem3919]

Muito obrigado professor, adorei essa playlist...

[@ProfessorEdsonMaia]

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

[@Matheuscantanhede-k6g]

Parabéns meu amigo, me ajudou demais

[@ProfessorEdsonMaia]

Valeu man, obrigado. Bons estudos.

[@vitormartins7883]

excepcional.

[@ProfessorEdsonMaia]

Valeu man, obrigado.

[@elvisflutter]

O melhor Pro

[@ProfessorEdsonMaia]

Muito obrigado.

[@JogadaX]

me ajudou muito [

[@ProfessorEdsonMaia]

Que bom man, esse é o objetivo.

[@arlancorreia2144]

vlw professor

[@ProfessorEdsonMaia]

Valeu man, obrigado pelo comentário. Bons estudos.

[@canvasPerdido]

Explica melhor wue meu professor de facul

[@ProfessorEdsonMaia]

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.

[@Mandioquinho]

top

[@ProfessorEdsonMaia]

Valeu man, muito obrigado pelo comentário.

[@Gustavooliveira-zl7ru]

show

[@ProfessorEdsonMaia]

Valeu man.

[@juanfleury]

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

[@ProfessorEdsonMaia]

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

[@edsonjr6235]

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

[@ProfessorEdsonMaia]

Muito obrigado pelo comentário. Bons estudos.

[@codekils]

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

[@ProfessorEdsonMaia]

Valeu man, obrigado pelo comentário

[@brunomendespereira5800]

E no caso do DOM ser gerado a partir de um ? É possível contornar esse bloqueio?

[@ProfessorEdsonMaia]

Existem algumas técnicas e mecanismos que permitem uma comunicação limitada e controlada entre a página principal e o , mas é fundamental ter em mente que não se deve violar a política de mesma origem de forma arbitrária. Técnicas Comuns: postMessage: Como funciona: Permite que páginas em diferentes origens se comuniquem enviando mensagens entre si. Vantagens: Mecanismo seguro e suportado por todos os navegadores modernos. Limitações: A comunicação é limitada a mensagens simples, e é necessário que ambas as páginas tenham um ouvinte de mensagens configurado. Shared Workers: Como funciona: Permite que diferentes páginas de um mesmo domínio compartilhem um worker (thread) para realizar tarefas em segundo plano. Vantagens: Ideal para tarefas que exigem um alto nível de concorrência ou acesso a recursos compartilhados. Limitações: Restrito ao mesmo domínio e pode ter complexidade adicional na implementação. Server-Side Events (SSE): Como funciona: Permite que o servidor envie dados para o cliente em tempo real, sem que o cliente precise realizar solicitações constantes. Vantagens: Ótimo para atualizações em tempo real e notificações. Limitações: Requer um servidor que suporte SSE. WebSockets: Como funciona: Permite uma comunicação bidirecional em tempo real entre o cliente e o servidor. Vantagens: Ideal para aplicações que exigem uma comunicação constante e interativa. Limitações: Requer um servidor que suporte WebSockets.

[@MarcosPaulo-zj7mh]

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]

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.

[@r4fanff159]

Eu que usava e não sabia 😅

[@ProfessorEdsonMaia]

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

[@SATOR7304]

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

[@ProfessorEdsonMaia]

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

[@joaopedro-qd3vc]

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

[@ProfessorEdsonMaia]

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

[@justanotherdev_]

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]

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_]

@@ProfessorEdsonMaia Muito obrigado!

[@viniclunc8553]

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]

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 [e-mail]

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

[@eletronicam]

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

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

[@JogadaX]

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

[@ProfessorEdsonMaia]

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

[@messidaquebrada8536]

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]

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.