DOM

Olá Rudy, tudo bem com você?

Então quando fazemos requisição a uma API normalmente temos a resposta no formato JSON como você citou:

{
    "atributo": "valor",
     "verdadeiro": true
}

Acontece que quando estamos fazendo a requisição para um site, normalmente ele nos retorna uma página html que deve ser renderizada, e não somente os dados

Então quando fazemos uma requisição para https://alura.com.br o que o servidor nos devolve é todo o HTML, e ai entra a DOM

DOM é o recurso utilizado pelos navegadores para conseguir ler e representar o conteúdo que veio através dessa requisição da maneira que conhecemos, para isso ele cria um objeto em formato de árvore, por exemplo:

Então muitas vezes precisamos percorrer o DOM para encontrar o que estamos querendo, como foi o caso dessa atividade, de selecionar onde estava o elemento responsável pelos cursos.

E fazemos isso várias vezes também, quando utilizamos o document.querySelector ou appendChild estamos indo nessa árvore para encontrar o elemento ou para adicionar um filho :)

Compreendeu? Qualquer coisa estou a disposição :)

Abraços e Bons Estudos!