https://github.com/raizertechdev/projeto-x-cla-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. Nesse projeto foram aplicadas as principais techs => HTML, CSS e Java Script !!
https://github.com/raizertechdev/projeto-x-cla-os-raizer
css3 html5 javascript
Last synced: 2 months ago
JSON representation
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. Nesse projeto foram aplicadas as principais techs => HTML, CSS e Java Script !!
- Host: GitHub
- URL: https://github.com/raizertechdev/projeto-x-cla-os-raizer
- Owner: RaizerTechDev
- License: mit
- Created: 2024-06-12T00:16:22.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-29T02:18:33.000Z (about 1 year ago)
- Last Synced: 2025-01-11T08:12:14.399Z (12 months ago)
- Topics: css3, html5, javascript
- Language: HTML
- Homepage: https://raizertechdev-x-raizer.netlify.app/
- Size: 32.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📢 PROJETO - DEV EM DOBRO - SEMANA DO ZERO AO PROGRAMADOR CONTRATADO!!
[ ( Clique aqui e conheca os personagens:`Clã dos Raizer`) ](https://raizertechdev-x-raizer.netlify.app/)
[Demonstração X-Clã "Os Raizer"] 
---
### 💡 Objetivo com Insights
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
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](https://code.visualstudio.com/download) (v1.80.1)
---
## Licença
- Esse projeto está sob a licença MIT.
---
Autor
   RafaRaizer-Dev
   Whatsapp | LinkedIn | GitHub| Tableau| Portfólio