Release v4.0.0 - Documentação e Refatoração dos Módulos de Botões

Visão Geral

Esta versão foca na documentação detalhada dos módulos, além de melhorias de estrutura e organização do código para facilitar a manutenção e futura expansão. A v4.0.0 destaca-se por consolidar as regras de negócio da aplicação de botões, tornando o código mais compreensível e modular.

Mudanças Principais

1. Documentação Completa dos Módulos

• ButtonList: Documentação adicionada para descrever o propósito da classe e seu funcionamento, incluindo uma explicação completa de cada método e suas propriedades.
  • Construtor: Adicionada descrição para os parâmetros textContent e link, que representam o texto e o destino de cada botão.
  • Métodos:
    • renderButtons: Método que renderiza botões em um elemento de lista (<li>), documentado com detalhes sobre seu processo de criação e onde é anexado.
    • _createButtonElement: Método privado documentado para explicar sua função de estruturar o HTML do botão e o link, retornando um elemento <li> com um botão estilizado.
• commonButtons: A documentação deste módulo detalha a lista de botões padrão (LinkedIn e GitHub) com propriedades textContent e link, permitindo fácil uso e compreensão dos dados necessários para cada botão.
• ElementCreator: A classe ElementCreator agora está documentada com seu propósito como um facilitador de criação de elementos HTML com classes CSS.
  • Método create: Documentação explica o funcionamento do método estático que cria elementos HTML aplicando múltiplas classes CSS, com exemplos de uso para clarificar.
• script.js: Adicionada documentação sobre o script principal, que inicializa e renderiza os botões a partir dos dados em commonButtons. Explica o processo de manipulação dos botões com instâncias da classe ButtonList.

2. Refatoração de Código e Melhoria de Estrutura

• ButtonList:
  • Melhorias na estrutura para organizar a criação e renderização de botões de forma mais modular.
  • A implementação de métodos separados (renderButtons e _createButtonElement) assegura que a classe siga o princípio da responsabilidade única.
• ElementCreator:
  • Ajuste no método create para maior clareza, incluindo uma estrutura de loop que aplica classes CSS de forma mais intuitiva.
  • A função agora retorna o elemento após a aplicação das classes, oferecendo uma API mais limpa e reutilizável.
• commonButtons:
  • Documentação e estruturação dos botões padrão tornam mais claro o propósito de cada item na lista, facilitando modificações e adições futuras.

3. Aprimoramentos no Código

• Foram adicionados mais 133 linhas e removidas 39 linhas de código, com as alterações focadas em:
  • Legibilidade: Comentários detalhados e estrutura de código modular facilitam a compreensão e edição por novos desenvolvedores.
  • Consistência: Melhorias na nomenclatura e organização interna dos módulos contribuem para um código mais coeso.
• Os ajustes feitos em cada arquivo têm impacto na clareza da aplicação, tornando-a mais robusta para futuros desenvolvimentos e integrações.

Release note - v3.0.0

Ajustes no Footer

• CSS: Foram realizados ajustes no estilo do footer, aprimorando a estrutura para garantir uma melhor responsividade e centralização dos elementos.

  • Flexbox foi aplicado com as propriedades align-items: center e justify-content: center para centralizar o conteúdo do footer.
  • O footer agora ocupa 7% da altura total da página.
  • Alterações na cor e no posicionamento foram mantidas para garantir um design consistente.

• HTML: Modificações no arquivo index.html para reorganizar o conteúdo do footer.

  • Inclusão de uma div com o id="conteudo-footer" para garantir que o texto e os links dentro do footer fiquem adequadamente centralizados.

Linhas Alteradas

• index.css: +8 linhas, -1 linha
• index.html: +3 linhas, -1 linha

Essas alterações visam melhorar a apresentação visual e a organização do footer, tornando-o mais flexível e adequado para diferentes tamanhos de tela.

Release Notes - v2.0.3

Melhorias e Correções:

• Correções de Responsividade:

  • Slide "Sobre Mim": Ajustes nos estilos para melhorar a responsividade da seção "Sobre Mim".

    • A largura da .informacoes-sobre-mim foi ajustada para 80% em telas médias e para 100% em dispositivos menores, garantindo uma melhor adaptação ao layout.
    • O font-size da .informacoes-sobre-mim foi atualizado para 16px em telas maiores e 14px em telas menores, para manter a legibilidade.

  • Seção "Sobre Mim": Ajustado o alinhamento do texto para center para uma melhor apresentação em diferentes tamanhos de tela.

Notas Adicionais:

• As melhorias visam proporcionar uma experiência de usuário mais consistente e agradável em dispositivos variados, ajustando o layout e os tamanhos de fonte conforme necessário.

Release Notes - v2.0.1

Melhorias e Correções:

• Correção dos Imports de Fontes: Atualizadas as URLs de importação das fontes para garantir que Kanit, Merriweather, Oswald e Rubik sejam carregadas corretamente.

• Ajustes de Layout e Responsividade:

  • Padding e Margens: Adicionado padding de 20px ao corpo (body) e ajustado o box-sizing para assegurar uma aparência consistente e responsiva.
  • Imagens e Tipografia: Ajustados tamanhos das imagens e fontes para melhorar a legibilidade e o layout em dispositivos móveis.
    • Imagens dentro de .informativos ajustadas para 150px x 150px.
    • Fontes e tamanhos de botões ajustados para .btn, .btn-especial, e .sobre-mim para uma melhor experiência de usuário.

• Aprimoramento da Responsividade:

  • Media Queries: Adicionadas media queries para adaptar o layout a diferentes tamanhos de tela (max-width de 768px e 480px). Alterações incluem:
    • Ajuste no padding e tamanhos das imagens em .informativos.
    • Alteração no tamanho e padding dos botões para melhor usabilidade em dispositivos móveis.
    • Modificações nos tamanhos das fontes e margens para garantir que o conteúdo se ajuste bem em telas menores.

• Correção de Overflow em Slides: Adicionado overflow: hidden para evitar que o conteúdo ultrapasse o tamanho do slider, melhorando a apresentação visual dos slides.

• Melhorias Gerais:

  • Botão Especial: Ajustado o texto do botão .btn-especial para melhorar a clareza e a navegação entre slides.

Notas Adicionais:

• As mudanças visam aprimorar a experiência do usuário, garantindo um design mais adaptável e funcional em diferentes dispositivos.
• A atualização de responsividade assegura que o site ofereça uma melhor experiência visual e usabilidade em tamanhos de tela variados.

Release Notes - v2.1.0

Melhorias e Correções:

• Correções na Responsividade e Layout:

  • Arquivo CSS:

    • Removido o list-style-type: none; da classe .informacoes-sobre-mim, que não estava sendo aplicado corretamente.
    • Ajustado o max-width da .informacoes-sobre-mim para 80%, garantindo que a lista se ajuste melhor em diferentes tamanhos de tela.
    • Ajustado o tamanho da fonte para a .sobre-mim p para 22px, melhorando a legibilidade em dispositivos maiores.
    • Corrigido o espaçamento inferior (margin-bottom) da .posicao-caixa para 70px, garantindo um espaçamento consistente.

  • Arquivo HTML:

    • Removido código redundante e ajustada a estrutura HTML para garantir melhor consistência e responsividade.
    • Correção de pequenos detalhes na estrutura dos elementos para otimizar a apresentação do conteúdo.

Notas Adicionais:

• As alterações visam melhorar a experiência do usuário ajustando a apresentação e o layout em diferentes tamanhos de tela, bem como corrigindo detalhes de estilo que afetam a apresentação do conteúdo.

Release Notes - v2.0.2

Melhorias e Correções:

• Ajustes de Estilo:

  • Sobre Mim: Atualizado o padding e o font-size em .sobre-mim para melhor adaptação ao layout em diferentes tamanhos de tela.

    • Em telas acima de 480px, o padding foi ajustado para 15px e o font-size para 18px.
    • Em telas menores que 480px, o padding foi ajustado para 10px e o font-size para 16px.

  • Rodapé (footer): Ajustados o font-size e a height do rodapé para melhorar a apresentação visual.

    • Em telas acima de 480px, o font-size foi definido para 14px e a height para 25px.
    • Em telas menores que 480px, o font-size foi ajustado para 12px e a height para 20px.

• Aprimoramentos em Responsividade:

  • Estilos Adicionais para Dispositivos Móveis: Melhorias nos estilos para garantir uma apresentação mais coesa e acessível em diferentes dispositivos e tamanhos de tela.

Notas Adicionais:

• Esses ajustes visam otimizar a experiência do usuário, garantindo que o layout e o conteúdo se ajustem adequadamente em várias resoluções de tela.
• A atualização do rodapé e das seções principais melhora a legibilidade e a usabilidade, especialmente em dispositivos móveis.

Release Notes - Version 2.0.0

Novidades

1. Atualizações de Estilo

• Importação da fonte Roboto do Google Fonts para melhorar a tipografia do projeto.
• Alterações nos estilos globais para remover margens e preenchimentos padrão, assegurando um layout mais consistente.

2. Estrutura de Layout Melhorada

• Introdução da classe .container para gerenciar a estrutura principal da página, garantindo alinhamento e distribuição de conteúdo mais eficiente.
• Adição da seção de "slider" para exibir diferentes seções de conteúdo com transições suaves.

3. Seção "Informativos" Atualizada

• Melhorias na classe .informativos para incluir margens, posições fixas e estilo consistente para imagens e textos.

4. Seção "Sobre Mim"

• Nova estrutura para a classe .sobre-mim, incluindo cabeçalhos e parágrafos organizados com margens e tamanhos de fonte específicos.
• Inclusão da nova classe .informacoes-sobre-mim para destacar informações pessoais de forma organizada e legível.

5. Seção "Linkadores"

• Alteração da classe .linkadores para .slider e .slides, introduzindo um novo layout deslizante para facilitar a navegação entre diferentes seções.
• Adição de animações e transições para uma experiência de usuário mais dinâmica e envolvente.

6. Novos Componentes de Botões

• Implementação da nova classe .btn-especial para um botão interativo com animações e mudanças de estado baseadas na interação do usuário.
• Inclusão de um @keyframes para a animação de pulsação do botão especial, proporcionando um efeito visual atrativo.

7. Script JavaScript Adicionado

• Novo arquivo scripts.js adicionado para gerenciar a funcionalidade do slider.
• Implementação de lógica para exibir e alternar entre os slides com base na interação do usuário com o botão especial, que altera seu texto de "Sobre mim" para "Voltar" quando chega ao último slide.

8. Ajustes no HTML

• Estrutura HTML reorganizada para acomodar as novas classes e estilos.
• Inclusão de novos elementos e ajustes de marcação para melhorar a semântica e a acessibilidade da página.

9. Correções e Ajustes Gerais

• Remoção de estilos e classes duplicadas para melhorar a eficiência do código.
• Ajustes de espaçamento e alinhamento para garantir uma apresentação mais polida e profissional.

A versão 2.0.0 traz significativas melhorias visuais e funcionais, aprimorando a usabilidade e a experiência geral do usuário com uma interface mais dinâmica e interativa.

Release Notes - Version 1.0.0

Novidades

1. Atualizações de Estilo

• Importação de novas fontes do Google Fonts: Kanit, Merriweather, Oswald, e Rubik.
• Aplicação da fonte Rubik para a classe .rubik-informativos com configurações específicas de estilo (optical sizing, peso e estilo).

2. Melhorias na Estrutura e Layout

• Atualização do estilo global para elementos com o uso de text-shadow para melhorar a legibilidade.
• Ajustes no estilo do body para garantir uma experiência visual agradável com um gradiente de fundo (linear-gradient(45deg, #ffcc33, #fe8330)).

3. Seção de Informativos

• Criação da classe .informativos para gerenciar a exibição de informações com alinhamento centralizado, texto branco e fundo transparente.
• Adição de estilo para imagens dentro da classe .informativos, incluindo largura, altura, borda arredondada e ajuste de objeto (object-fit: cover).

4. Seção de Linkadores

• Implementação da classe .linkadores para estilização e layout flexível com alinhamento centralizado e texto alinhado ao centro.

5. Listas e Botões

• Modificação no estilo das listas (ul) para remover o estilo de lista padrão e ajustar o espaçamento.
• Criação da classe .btn para estilização de botões com bordas brancas, fundo transparente, texto branco e efeitos de transição para hover.

6. Rodapé

• Definição de estilo para o rodapé (footer) para mantê-lo fixo na parte inferior da página com texto branco e fundo transparente.
• Estilo para links dentro do rodapé para garantir a consistência visual com a cor branca.

7. Correções e Ajustes Gerais

• Remoção de códigos duplicados e ajustes de espaçamento para manter a consistência e a legibilidade do código CSS.

A versão 1.0.0 traz uma atualização significativa no estilo e na estrutura do projeto, proporcionando uma experiência visual aprimorada e uma melhor organização do código CSS.