Autoestudo	Link
HTML e suas estruturas	Click
Boas práticas para escrever um HTML profissional	Click
Document Object Model (DOM)	Click
Aprofundamentos sobre Document Object Model (DOM)	Click
JQuery (ou "Jim Carrey")	Click
Aprofundamentos sobre Jquery	Click
Views com EJS	Click
How the Model View Controller Architecture Works – MVC Explained	Click
Mermaid e Arquiteturas Visuais As a Code	Click
Projeto Individual (Parte 3) - Construindo a Interface e Navegação	Click

Antes de tudo! → Ponderada Parte 3

O que temos que entregar?

Views conectadas: páginas visuais (HTML/EJS) exibindo dados reais do sistema
Estilização aplicada: CSS nas páginas, com foco em layout organizado e usabilidade
Integração front-back: fetch API usada para buscar/enviar dados
Estrutura MVC mantida: separação entre modelos, controladores, views e rotas
Código executável: aplicação funcionando com npm start ou node server.js

O que é dom?

Manipulação do DOM com JavaScript

O Document Object Model (DOM) é uma representação estruturada do documento HTML que permite ao JavaScript interagir dinamicamente com os elementos da página. Este tutorial abrangente irá guiá-lo através de todos os conceitos essenciais para dominar a manipulação do DOM.

O que é o DOM?

O DOM é uma API (Interface de Programação de Aplicações) que representa documentos HTML como uma estrutura em árvore. Quando o navegador carrega uma página HTML, ele não apenas exibe o conteúdo, mas cria um modelo estruturado na memória que pode ser acessado e modificado via JavaScript.

Estrutura em Árvore:

O document é a raiz da árvore
Cada tag HTML (<html>, <body>, <h1>, <p>) torna-se um Element Node
O conteúdo de texto dentro dos elementos torna-se um Text Node
Os atributos HTML tornam-se Attribute Nodes

<!DOCTYPE html>
<html>
<head>
  <title>Minha Página</title>
</head>
<body>
  <h1>Bem-vindo!</h1>
  <p>Este é um parágrafo.</p>
</body>
</html>