Dúvida sobre siglas

Oi Moacyr tudo certo ?

Depois que o navegador lê nosso documento HTML, ele cria um objeto que faz representação estruturada do nosso HTML.

Para entender mais sobre você pode dar uma olhada nessa aula do curso de Javascript

https://cursos.alura.com.br/course/javascript-programando-na-linguagem-web/task/24665

Olá Moacyr,

Parte do texto abaixo eu extrai do curso Alura: Javascript: Programando na Linguagem da Web

Visto que esta aprendendo HTML e Bootstrap em algum momento é importante que aprenda também Javascript.

DOM Primeiramente, vamos conhecer o DOM (Document Object Model), representação do HTML para o nosso JavaScript, acessível por uma palava do JavaScript chamada document.

No console do navegador, quando digitamos document e pressionamos "ENTER" em seguida, veremos tudo o que está na página HTML. O document será a ponte entre o JavaScript e o HTML, e tudo que for alterado nele será alterado na exibição para o usuário.

Obs: Resumidamente DOM é uma representação em memória da página que foi carregada no navegador. Quando você deseja alterar dados ou comportamento da pagina não altera o HTML original, mas sim a cópia dele em memória no navegador.

Ferramentas como o Bootstrap utilizam Javascript para alterar dinamicamente os elementos, que seja o tamanho de uma fonte, seja o menus e assim por diante, por isto estes componentes irão manipular o DOM, e para isto é usado Javascript, recomendo que oportunamente continue teus estudos no curso mencionado acima para que entenda de que modo e que elementos pode trabalhar através do DOM.

Espero ter ajudado e bons estudos!

Oi, Moacyr, tudo bem?

Boa observação, a gente sempre ouve falar sobre o DOM mas se fala pouco o que é e como funciona.

O DOM é Document Object Model, em inglês, numa tradução literal para o português seria Modelo de objeto de documento e ele funciona como uma interface que representa como documentos HTML e XML que o browser lê. O que significa na prática, quando você estrutura sua página web com HTML, estiliza com CSS, deixa responsivo... Mas você ainda quer trazer algo mais dinâmico a ela, como por exemplo arrastar um elemnto de um canto a outr da tela, então, é aí que entra o DOM. E quem vai ajudar você nesse processo de dinamizar a página é o JavaScript.

Espero ter te esclarecido :}