Este repositório contém uma página estática desenvolvida com HTML, CSS e JavaScript. A página inclui funcionalidades como eventos de scroll, botões dinâmicos, menu mobile responsivo, um slider de fotos, animações acionadas por eventos de scroll, eventos de click e tratamento para execução de métodos em grandes quantidades.
-
Eventos de Scroll: A página reage aos eventos de scroll, exibindo botões e títulos conforme o usuário rola a página para baixo.
-
Botões Dinâmicos: Ao clicar nos botões apresentados durante o scroll, o usuário pode ativar e desativar tópicos específicos na página.
-
Menu Mobile Responsivo: Quando a página é redimensionada para dispositivos móveis, um menu mobile é criado dinamicamente para facilitar a navegação.
-
Slider de Fotos: Um slider de fotos é apresentado na página, mudando automaticamente as imagens e o conteúdo relacionado.
-
Debounce: A função debounce é um padrão de design utilizado para controlar a frequência com que uma função é executada. Ela é especialmente útil em situações em que uma determinada função é chamada com muita frequência, como em eventos de scroll, redimensionamento da janela ou entrada do usuário.
- Clone o repositório para sua máquina local:
git clone https://github.com/renyzeraa/behaviors-page.git
- Abra o arquivo
index.html
em seu navegador web.
Contribuições são bem-vindas! Se você deseja contribuir com este projeto, siga estas etapas:
- Faça um fork do repositório.
- Crie uma branch para sua nova feature (
git checkout -b feature/nova-feature
). - Faça commit de suas alterações (
git commit -am 'Adicionando nova feature'
). - Faça push para a branch (
git push origin feature/nova-feature
). - Abra um pull request.
🛠 FullStack
Developer Jr.
💼 IPM Sistemas
📍 Santa Catarina - Brazil