Design comparison
Solution retrospective
I'm proud of learning how to make a website responsive. I've also learned a lot in JavaScript, and I'm proud of my determination not to give up. I spent hours developing, and it took me a total of 1 day and 8 hours to complete this project.
What challenges did you encounter, and how did you overcome them?This is my second challenge, and I encountered many difficult aspects while working on it. As a beginner in project development, I initially believed I was prepared to tackle projects using JavaScript. However, I've come to realize that it's more challenging than I anticipated. I found myself needing to seek a lot of help with JavaScript, despite completing a course of over 7 hours on the subject.
Before starting to work on projects on Frontend Mentor, I thought to myself, "I've completed a course of over 7 hours on JavaScript. I'm ready, and I'm sure everything will go smoothly!" However, I've found that I'm facing obstacles at every turn. It felt as though my mind went blank, and I had forgotten most of what I learned. It's been like relearning, improving, and refining my skills.
Through this experience, I've come to feel capable of overcoming any challenge. All it takes is believing in myself and recognizing my own potential.
What specific areas of your project would you like help with?This project would be helpful in various areas, such as when a website requires feedback about the buying experience or anything else, to rate if it was easy or difficult to complete the purchase. It would be genuinely helpful.
Community feedback
- @R3ygoskiPosted 7 months ago
Olá novamente Angel, parabéns por mais um projeto concluído.
Começarei falando a respeito de algo que você falou que foi a respeito da dificuldade que foi fazer o projeto. Olha, isso vai ser o cotidiano aqui pra frente, sempre que se pega um projeto que você nunca fez algo parecido antes, você fica muito perdido, mas aí é só decompor o projeto em partes, que começa a ficar mais claro, e parabéns por não ter desistido.
Agora algumas coisas que notei, vou focar na parte do HTML e JS. Sobre seu JS, ele está muito bom, parabéns.
Agora sobre o HTML, evite usar o JS no HTML, o melhor é ter sempre um arquivo externo, dessa forma fica mais organizado.
Outra dica é, ao invés de usar o
<svg>dentro do seu HTML, importe ele utilizando uma<img.>dessa forma também ajuda a organizar. Só não faça isso se você precisar editar o<svg>, mas se não tem essa necessidade, então o melhor é realmente utilizar uma<img>.Uma outra dica é relacionada a ter dois html, isso não é errado, tanto que a forma que você fez ficou bem interessante e funcionou. Mas isso não era necessário, você poderia ter criado uma classe para esconder o cartão de agradecimento, e só fazer ele aparecer depois de dar nota. Isso aumenta a manutenção do seu projeto, porque tem apenas um html, e deixa mais simples e é mais performático. Mas saiba que a forma que você fez, esta correta, só queria dar uma visão sobre ela.
E agora sobre o HTML, notei que ele está pouco semântico, uma dica, tente deixar ele mais semântico, porque isso ajuda e muito na acessibilidade do seu projeto. Esse trecho por exemplo:
<div class="cube">ao invés de ser uma<div>, poderia ser uma<main>pois é aqui que está o seu conteúdo principal.E por último, tente dar nomes mais únicos e descritivos para as classes, porque isso em um projeto grande ajuda muito na manutenção.
E novamente parabéns, se ficar alguma duvida, por favor, pergunte aqui embaixo que tentarei te ajudar.
Marked as helpful1@AngelZ5Posted 7 months ago@R3ygoski Olá novamente Bernardo!, Obrigado mais uma vez pelas dicas. fico feliz pelo sua opnião quanto ao meu codigo. valeu!
1
Please log in to post a comment
Log in with GitHub
Join 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