Ri Happy - Front-end do Zero #8 | Multiverso Spider-Man

1️⃣ Objetivo

Desenvolver uma página inspirada no multiverso do filme Homem-Aranha: Sem Volta para Casa, utilizando HTML, CSS e JavaScript.

2️⃣ Descrição

Este projeto foi realizado durante o Bootcamp Ri Happy - Front-end do Zero, oferecido pela Digital Innovation One (DIO).

Esta atividade foi conduzida pelos instrutores Diogo Mainardes e Michele Ambrosio, e todos os recursos utilizados (áudios, imagens, etc.) estão disponíveis no repositório oficial da DIO.

Conceitos abordados no projeto:

Ferramentas e Processos:

• Uso do Figma para prototipação do design.
• Importação de arquivos globais e folhas de estilo.
• Trabalho com arquivos estáticos e recursos CDN.

CSS:

• Animações e efeitos visuais.
• Posicionamento e sobreposição de elementos na tela.
• Introdução ao padrão BEM CSS (Block Element Modifier).
• Uso de pseudo-elementos e pseudo-classes.
• Aplicação de propriedades como translate e rotate para criar um carrossel 3D.
• Responsividade e estruturação de layouts reutilizáveis.

JavaScript:

• Manipulação de eventos.
• Reaproveitamento de código e introdução a conceitos de componentização.
• Exploração de bibliotecas externas para aprimorar a funcionalidade.

Este projeto foi muito especial no que diz respeito ao CSS, desde a estruturação inicial até a aplicação de conceitos avançados que ainda quero aprofundar. Foi, com certeza, um dos cursos mais enriquecedores que já fiz.

3️⃣ Principais Modificações

Este projeto foi desenvolvido conforme as orientações do curso, sem alterações adicionais.

4️⃣ Tecnologias Utilizadas

Linguagens

  

Ferramentas

  

5️⃣ Créditos

Agradeço aos instrutores Diogo Mainardes e Michele Ambrosio e à equipe da DIO pelo conteúdo de altíssima qualidade, que contribuiu demais para o meu aprendizado e para a construção do meu portfólio.

• Digital Innovation One | DIO 🔗

6️⃣ Licença

Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações.

---

Gostou do projeto? Deixe uma estrelinha