Versões do site

Serão apresentadas algumas das etapas de melhoria (que refletem o aprendizado adquirido).

Versão 0

Criação das primeiras páginas estáticas com a utilização de HTML e CSS. A navegação entre as páginas ocorria pelos botões posicionados no final das páginas.

Imagem do site na versão 0.
Imagem do site na versão 0.

Versão 1

Criação do menu de navegação (navbar) e ajuste do conteúdo para ser responsivo. Foi criado um menu de navegação para dispositivos mobile e utilizado jQuery para realizar a transição entre os estados de ativo e inativo.

Imagem do site na versão 1.
Imagem do site na versão 1.

Versão 2

Alteração no esquema de cores do site. Utilização de arquivos genéricos para o estilo e funcionalidades do site. Remoção do jQuery para utilizar os recursos do JavaScript ES6. E adição de meta tags para o SEO do site e adição de recursos de monitoramento da Google.

Imagem do site na versão 2.
Imagem do site na versão 2.

Versão 3 (Atual)

Criação de animação no menu do navbar para mobile. Utilização semântico do HTML, para auxiliar ainda mais no SEO. Mudança no esquema de cores para melhorar a leitura e criação de "módulos" para acelerar a implementação das páginas.

Imagem do site na versão 3.
Imagem do site na versão 3.