I made the bar growth animation with JavaScript. I am aware of the HTML validation error for the "value" attribute of the "meter" tag. I did it like this to be able to do the animation. I haven't investigated how to fix this (I have a lot of work to do), in the future I will if I am presented with a real project that has a similar problem. If someone knows how to do it, leave it in a comment. I would be grateful.
This challenge really cost me a bit. I am learning Angular and I am emphasizing the consumption of APIs with this framework, although I have done a couple of challenges consuming APIs, I had not implemented error handling, but in this one I did, I wanted to go one step further and do what correct, step by step you go far. I hope if you find something that I can improve or a bug, please tell me.
Some resources used to achieve the solution:👇
async await
try catch
localStorage
lastValueFrom (RxJS)
HttpClient (Angular)
ViewChildren (Angular)
Render2 (Angular)
Note: It happens to me that when I load the site for the first time and enter a url so that it cuts it, it doesn't do it, but it doesn't give an error either, after that I reload the page and it works correctly, even if I close the site and reopen it it works fine . Please comment if this problem happened to you trying my solution or if the same thing happened to you in your solutions.🤷♀️
I am learning Angular. I have been doing some small challenges to familiarize myself with the initial basic steps of the framework, but I started this challenge to see how an API is consumed from said framework, for now everything is fine, I just need to capture any possible error that may arise during the connection or communication with the API, I will be working on that in the next challenges, step by step.
Always remember to implement a catch to handle errors in consuming any API.
I completed this challenge a long time ago. When I started in this world. There are some things that can be improved like the font size in absolute units (in this case px), that's not right. Good practice would be to size fonts with relative units (em, rem, etc).
A big hello to all. Keep practicing, read, document and practice again. Little by little they will reach the goal.
Hello community
I would like to read your opinions on whether or not you would implement the "alt" attribute in the img tag in this challenge and if you do. Would they leave it empty? If they don't implement it. Why wouldn't they? Embed the image from the CSS and if so. Why? I would like to be able to read your opinions.
I did this challenge last year, now I took it up again to upload it and now that I have a little more knowledge I realize that I didn't do things so well, but it also helped me to see the progress. With this I only want to say that you should not be discouraged, practice and little by little you will see the progress.🦾🦾
Aprecio y agradezco cualquier sugerencia. Intenté poner color a la barra a medida que se moviera el "thumb",pero no logré del todo lo solicitado en el desafío.