O que é o DOM? (DOCUMENT OBJECT MODEL)

É uma representação estruturada do html que permite que o javascript acesse e manipule os elementos.

Quando um arquivo html é carregado no browser(navegador)
uma arvore de elementos é gerada:

Perceba que a imagem lembra uma árvore genealógica, por isso a um conceito de elementos "pais" e elementos "filhos".

O DOM não é javascript!
O DOM é uma API, que significa que é uma interface que fornece recursos(métodos e propriedades) para ser manipulada pelo javascript.
Exemplo de um método do DOM:

document.querySelector(".user-panel");

Para finalizar segue um link de um repositório do projeto que eu coloquei em pratica conceitos do DOM:
Guess my Number repositório