higor-costa/pagina-de-produto-de-comercio-eletronico

Página de E-commerce

Frontend Mentor - Solução de página de produto de comércio eletrônico

Esta é uma solução para o desafio da página do produto de comércio eletrônico no Frontend Mentor.

Índice

• Visão geral
  • Captura de tela
  • Links
• Meu processo
  • Construído com
  • O que aprendi
  • Desenvolvimento contínuo
• Autor

Visão geral

Captura de tela

• No desktop:

• No mobile:

Links

• URL da solução: Solução
• URL do site ao vivo: Site

Meu processo

Construído com

• Marcação HTML5 semântica
• Propriedades personalizadas de CSS
• Flexbox
• Grade CSS
• Fluxo de trabalho desktop-first
• JavaScript puro

O que eu aprendi / dificuldades

Sem dúvidas o maior desafio neste projeto foi desenvolvedor a interatividade. A linguagem de programação usada foi JavaScript! Lightbox e menu mobile são coisas que, até então, eu ainda não havia trabalhado, foi a primeira que pude desenvolver e gostei bastante do resultado! A documentação foi essencial para que eu pudesse chegar ao resultado obtido. Slideshow, exibir/ocultar elementos, lightbox e menu mobile me ajudaram a desenvolver ainda mais a questão da lógica. Tudo foi feito com eventos, funções, estruturas de repetição e de condição. Projeto excelente para poder praticar estes conceitos! Além da interatividade, também tive um pouco de dificuldade com a posição de alguns elementos, especificamente, aqueles que precisaram de uma position absolute. Porém, depois de ver vídeos no YouTube, consegui entender melhor a propriedade e chegar ao resultado esperado. Então foi algo que também pratiquei bastante durante o desenvolvimento dessa página.

Desenvolvimento contínuo

Com certeza quero continuar estudando JavaScript e aprimorando os meus conhecimentos nesta linguagem. Dar mais um passo trabalhando com arrays, objetos e métodos é o meu próximo objetivo.

Autor

• Linkedin - Higor Costa
• Mentor de frontend - @higor-costa
• GitHub - @higor-costa
• Gmail - [email protected]