Criando o projeto - Dados JSON

Vamos criar uma pasta chamada "purejavascript" para o nosso projeto em Javascript puro, criar os documentos HTML e JSON necessários e criar um aplicativo Express para servir esses documentos para o navegador.

Para criar o projeto inicialmente faça:

mkdir purejavascript
cd purejavascript
npm init -y
npm install express

Agora vamos criar uma pasta chamada "pages" e uma chamada "dados"

mkdir pages
mkdir dados

Dentro da pasta "dados" crie dois arquivos chamados "caes.json" e "gatos.json" com os seguitnes conteúdos:

caes.json:

[
  {
    "nome": "Bruce Wayne",
    "raca": "Pug"
    },
  {
    "nome": "Firmino Joaquino",
    "raca": "Labrador"
    },
  {
    "nome": "Odisnéia Filandra",
    "raca": "Pinscher"
  }
]

gatos.json:

[
  {
    "nome": "Guilhermina Madalena",
    "raca": "Persa"
  },
  {
    "nome": "Carlos Eduzardu",
    "raca": "Siamês"
  },
  {
    "nome": "Chica",
    "raca": "Angorá"
  }
]

Esses arquivos são no formato JSON e cada um tem um Array com 3 objetos cada. Cada um desses objetos são um cão ou um gato (dependendo do arquivo) com os atributos "nome" e "raca". Evitamos usar acentos e caracteres especiais nos nomes das chaves dos atributos, mas no conteúdo deles é possível sim. Isso é uma prática comum para evitar incompatibilidades na conversão de JSON para objetos Javascript.