O que é o DOM (Document Object Model)?
Bem-vindo ao nosso primeiro módulo! Nesse módulo, vamos explorar o fascinante mundo da Manipulação de DOM!
Vamos começar entendendo o DOM, que é o núcleo das interações dinâmicas em páginas web.
O DOM, ou Modelo de Objeto de Documento, é como a estrutura de uma casa.
Imagine que uma página web seja como uma casa, e o DOM seria o esqueleto dessa casa, que nos permite interagir com cada parte dela.
Aqui está o truque: o DOM representa a estrutura do documento HTML como uma árvore, onde cada elemento é um nó.
Imagine uma árvore de Natal, onde cada bola e enfeite é um elemento HTML. Cada bola está ligada a outra, formando uma hierarquia.
Vamos simplificar ainda mais. Suponha que temos um documento HTML simples:
<!DOCTYPE html>
<html>
<head>
<title>Minha Página</title>
</head>
<body>
<h1>Olá, Mundo!</h1>
<p>Este é um parágrafo.</p>
</body>
</html>
Agora, esse documento é representado no DOM como uma árvore, onde <html>, <head>, <title>, <body>, <h1>, e <p> são todos nós interconectados.
A manipulação de DOM, que exploraremos ao longo deste curso, envolve brincar com esses nós, mudando, adicionando ou removendo elementos para criar interatividade em nossas páginas web.
Agora que temos uma visão geral do DOM, vamos mergulhar mais fundo nos fundamentos de HTML e CSS no próximo tópico! Fique ligado para descobrir como essas peças se encaixam nesse emocionante quebra-cabeça da web.
