( Clique aqui e conheca os personagens:Clã dos Raizer
)
[Demonstração X-Clã "Os Raizer"]
Desenvolvi o projeto "X-CLÃ OS RAIZER", onde os usuários podem interagir conhecendo os personagens do "Clã Raizer", com breves descrições de suas habilidades. Esta iniciativa foi crucial para minha jornada acadêmica e profissional, realizada em colaboração com os gêmeos do curso "Dev em Dobro - Semana do Zero ao Programador Contratado". Além de demonstrar minhas habilidades técnicas, o projeto também evidencia minha capacidade de aplicar metodologias eficazes, garantindo que o código seja mais legível, escalável e fácil de manter. O layout responsivo garante uma experiência consistente, mesmo em dispositivos móveis.
📌 Funcionalidade do JavaScript:
- Ao clicar nas setas de avançar e voltar, o próximo cartão da lista deve ser exibido.
🚀Passo a Passo:
Identificar os elementos HTML das setas de avançar e voltar.
Detectar o clique do usuário nas setas de avançar e voltar.
Ocultar o cartão atualmente exibido ao clicar nas setas de avançar e voltar.
Exibir o próximo cartão da lista ao clicar nas setas de avançar e voltar.
Tecnologias utilizadas no projeto:
-
HTML5 (Linguagem de marcação utilizada para a construção das páginas web).
-
CSS3 (Mecanismo para adicionar estilos a uma página web).
-
JavaScript (Linguagem de programação de alto nível, que pode ser interpretada ou compilada just-in-time (JIT) para execução em um ambiente específico).
-
Git (Sistema de controle de versões).
-
Github (Plataforma para hospedagem de código-fonte).
-
Visual Studio Code (Editor de código-fonte).
-
Navegador web (Interação com documentos HTML).
Ferramenta utilizada no projeto:
- VsCode (v1.80.1)
- Esse projeto está sob a licença MIT.
RafaRaizer-Dev
Whatsapp | LinkedIn | GitHub| Tableau| Portfólio