Design comparison
Solution retrospective
O que mais me orgulho:
Este projeto foi um pouco desafiador, especialmente por envolver uma quantidade significativa de JavaScript, sendo o meu primeiro projeto com uma carga tão grande dessa linguagem. Estou muito orgulhoso de mim mesmo por ter conseguido realizar a maior parte dele sem recorrer a informações externas (embora não veja problema em buscar ajuda, antes eu dependia mais de referências externas do que da minha própria capacidade).
O que eu faria diferente na próxima vez:
Tentei começar pelo design mobile em vez do desktop, mas encontrei dificuldades. Para os próximos projetos, pretendo persistir na abordagem mobile first, pois parece ser mais fácil de testar e pode facilitar o desenvolvimento de uma experiência mais consistente para o usuário em diferentes dispositivos.
What challenges did you encounter, and how did you overcome them?Implementar um carrossel de imagens com posicionamento absoluto, utilizando JavaScript para centralizar as imagens na tela e, em seguida, retorná-las à posição original. Busquei informações sobre posicionamento e carrossel em (https://developer.mozilla.org/pt-BR/) e consegui superar os erros por meio de testes e experimentação.
Lidar com o tamanho do ``, mas gostaria de encontrar uma solução mais elegante, se possível.
What specific areas of your project would you like help with?No HTML:
Criar classes em português ou inglês? Utilizando - ou _? Tem alguma forma de criar as classes com nomes melhores? Por exemplo, cart-container, cart...
No CSS:
Eu bato muito na tecla da quantidade de linhas no CSS, mas não consigo diminuir. Sempre finalizo um projeto com milhões de linhas. Teriam alguma ideia de como diminuir? Como posso encurtar linhas ou como posso arrumar meu CSS para, depois de um tempo, voltar no código e entender o que cada parte é?
No JS:
Criei muitas variáveis, não sei se é algo ruim ou não, mas gostaria de uma resposta quanto a isso.
As variáveis no topo da tela é algo errado ou seria melhor antes de tal função que utilize aquele código? Por exemplo, se vou criar uma função para o main, eu crio a variável antes da função apenas.
Na função ``, precisei procurar muito para conseguir encaixar um if-else que funcionasse. Teria outra forma mais fácil de criar essa função em o incrementar e decrementar?
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord