@Ted-Crestwood
Latest solutions
I used js to take data from json
Submitted 9 months agomedia query, how to adjust it to different screen sizes
Latest comments
- @mowzayo
grea job
- @mudasirNadeemWhat are you most proud of, and what would you do differently next time?
"I've completed the first part of the solution retrospective. In this task, I initially identified the parent element of the button, which allowed me to access and manipulate it effectively. Afterward, I worked on enabling the next button by adjusting its properties to ensure it became interactive. Lastly, I removed the display: none property, which had been hiding certain elements, allowing them to become visible on the page. These steps made the interface more functional and user-friendly.
If I had to do it differently next time, I would focus on optimizing the process of handling the button states and visibility. Perhaps, I could explore a more dynamic approach to managing the button's actions with fewer hardcoded values or conditions."
What challenges did you encounter, and how did you overcome them?Challenges: One of the main challenges I faced was properly accessing the button's parent element. Initially, I struggled with ensuring I was selecting the correct element, which led to issues with enabling and disabling the button at the right time. Another challenge was managing the visibility of elements, particularly removing the display: none property. I had to make sure that the right conditions triggered the appearance of the hidden elements without causing layout issues.
How I Overcame Them: To overcome the issue of selecting the right parent element, I carefully inspected the DOM structure and used JavaScript functions like querySelector and closest to accurately target the element I needed. For managing the visibility, I simplified the conditions under which the display: none property was removed by adding clear triggers and ensuring there were no conflicting styles or JavaScript events. Breaking the problem down into smaller parts and testing each step separately also helped me ensure everything worked smoothly.
What specific areas of your project would you like help with?Areas I Need Help With: I would appreciate feedback on a few specific areas of my project:
Code Structure and Optimization: While my code works, I am not entirely sure if it's structured in the most efficient way. I would love feedback on how I could improve the organization and readability of my JavaScript, especially in terms of managing button states and element visibility.
Responsive Design: I’ve followed a mobile-first approach, but I’m unsure if the transitions to larger screen sizes are smooth enough. Any suggestions on how to improve the responsiveness, especially with regards to layout and spacing on tablets and desktops, would be really helpful.
Accessibility: I'm working on making my project as accessible as possible. If there are areas where my accessibility efforts could be improved, such as keyboard navigation or ARIA attributes, I would appreciate detailed advice.
Performance Optimization: I’d like to know if there are ways I can make the project more lightweight and performant, particularly in terms of reducing unnecessary DOM manipulation or optimizing my CSS.
@mowzayogood job, but can improve on layout to get almost close to the practise.
- P@astnioWhat are you most proud of, and what would you do differently next time?
I can't say I learned too much from this project, however I am happy to say that it was much quicker to put together, as many parts of this project were also used on previous projects. Doing these challenges has made me quite familiar with more patterns, making me faster and more efficient and completing designs.
What specific areas of your project would you like help with?I am still looking to speed up my development of websites and become more efficient.
@mowzayonice, i like the slide idea for the success message.
- @tunaertenWhat are you most proud of, and what would you do differently next time?
It was another fun project. After writing and finishing all the code, I refactored and organized it, especially splitting it into JS functions. This made it easier to read and understand. Next time, I’ll do it this way from the start. I felt more confident in JavaScript.
What specific areas of your project would you like help with?I'm open to any kind of advice and suggestions.
@mowzayogreat.
- @yahappylemon@mowzayo
very good job
- @AnDevM@mowzayo
great job.
