i built a super similar web app in the summer except instead of using pokeapi i created my own api using mongodb and js. and then i created a react app for the front end and let me just tell you ur website is a much cleaner design. Mine doesnt work on mobile at all since i didnt have any css knowledge at the time and was just learning as i went. May have to redo my website after seeing this lmao
That is a super useful stack though! I am planning on doing some MERN projects on this channel 😊 I'm glad this can serve as inspiration, let me know how it goes!
Really thank your so much, without ur help if would have take me a lot of time doing something like this, you saved a lot of time for me. This project is really going to help me a lot. thanks a lot teacher. you have explained almost everything clearly, no doubts. thnak you so much ❤
Working through this tutorial. Why do we use removeEventListener in regards to the left and right arrow in the details.js? If we are adding navigate pokemon functionality to the arrows then why are we removing the event listener when there is a click?
How long have you been programing? I just completed a full stack bootcamp, but I feel there is just too much to learn, snd it will take too long to become good at it.
I have been programming full-time for only 1.5 years. So it can go very fast with solid dedication. Also, my personal experience is that the more you code the quicker you learn to adapt to new "unknown" technologies, syntax, tools etc. So although being a developer is constantly learning and evolving, I definitely feel more comfortable jumping into something new and feel less and less overwhelmed as time passes. You got this! 🤓💪
When creating the pokemon.js in the first const with document.Queryselector the log tells me "document is not defined". I tried putting the script at the end of the body, checked the folder structure path and any typos but everything is okey. Why it gives me that error?
Putting JavaScript in the head with `defer` lets the browser download it while it's parsing the HTML, but it waits to run until after the HTML is fully loaded. This can make your page feel faster. Placing scripts at the end of the body achieves a similar result, but it might slow down rendering because scripts can block page loading. Using `defer` in the head gives you the best of both worlds: fast downloading and deferred execution for smoother page loading.
in pokemon.js - line 76 - i had to add a 'return' statement at the beginning to get name searches to work. I'm only about an hour into the video and hadn't had any other issues with it other than that. "return pokemon.name.toLowerCase().startsWith(searchTerm)" I'm still learning so can you add some insight on this, do you know why i would have had to make this change from the original code?
Brother You are One OF the best youtuber, the way u explain is so understandable keep posting vids with api in html css js
Thank you! I highly appreciate that and thank you for the suggestion!
@@howtobecomeadeveloper i'm 3years front end dev and like everybody struggling learning javascript but now i literally started to understand the js
@@samimustafa7284 Well I am humbled, and happy you are enjoying!
i built a super similar web app in the summer except instead of using pokeapi i created my own api using mongodb and js. and then i created a react app for the front end and let me just tell you ur website is a much cleaner design. Mine doesnt work on mobile at all since i didnt have any css knowledge at the time and was just learning as i went. May have to redo my website after seeing this lmao
That is a super useful stack though! I am planning on doing some MERN projects on this channel 😊 I'm glad this can serve as inspiration, let me know how it goes!
Really thank your so much, without ur help if would have take me a lot of time doing something like this, you saved a lot of time for me. This project is really going to help me a lot. thanks a lot teacher.
you have explained almost everything clearly, no doubts. thnak you so much ❤
Build your next awesome project:
www.tubebuddy.com/quicknav/latest/UCkXqOdpo5ul8BosGBFlDgmw
Similar to this , kindly create beginner / intermediate css, html,js projects. Highly appreciate your efforts 👍
@@thilaksalivahanan2342 Noted, thanks for the suggestion! 😊
This was an incredible tutorial. So helpful and informative! Thank you!
This is great and you teach so well. How long would this take you from the initial inspiration stage? I'm new to coding
Thank you very much! I use about 1 week for this kind of project, which I already had a Figma design as inspiration 😊
awesome tutorial
Thank you!
When i try to get pokemon above #649 (genesect) i am not able to get the images for those pokemons. could someone help me
Working through this tutorial. Why do we use removeEventListener in regards to the left and right arrow in the details.js? If we are adding navigate pokemon functionality to the arrows then why are we removing the event listener when there is a click?
How long have you been programing? I just completed a full stack bootcamp, but I feel there is just too much to learn, snd it will take too long to become good at it.
I have been programming full-time for only 1.5 years. So it can go very fast with solid dedication. Also, my personal experience is that the more you code the quicker you learn to adapt to new "unknown" technologies, syntax, tools etc. So although being a developer is constantly learning and evolving, I definitely feel more comfortable jumping into something new and feel less and less overwhelmed as time passes. You got this! 🤓💪
When creating the pokemon.js in the first const with document.Queryselector the log tells me "document is not defined". I tried putting the script at the end of the body, checked the folder structure path and any typos but everything is okey. Why it gives me that error?
Why would you link JS in the title with defer when you can just put it at the end of the body? Is there an advantage to doing it this way?
Putting JavaScript in the head with `defer` lets the browser download it while it's parsing the HTML, but it waits to run until after the HTML is fully loaded. This can make your page feel faster. Placing scripts at the end of the body achieves a similar result, but it might slow down rendering because scripts can block page loading. Using `defer` in the head gives you the best of both worlds: fast downloading and deferred execution for smoother page loading.
Also, keeping the JS together with the CSS, and all the other potential imports makes for an easier and more maintainable HTML file.
@@howtobecomeadeveloper Thank you! Incredible answer much appreciated 🙏
in pokemon.js - line 76 - i had to add a 'return' statement at the beginning to get name searches to work. I'm only about an hour into the video and hadn't had any other issues with it other than that.
"return pokemon.name.toLowerCase().startsWith(searchTerm)"
I'm still learning so can you add some insight on this, do you know why i would have had to make this change from the original code?
Did you check to see whether or not the curly brackets were around your return statement?
from where i can find the pokemon images?? as it is not showing images of the pokemon
The Pokémon API
@@howtobecomeadeveloper The API is not working plz help me out I can’t able to fetch the images
Raw githubusercontent URL is not working here
I am agree the URL it's not working.What can we do?
I'm not able to watch your video. It's loading bro. I think there is something wrong
Strange, does it work now?
@@howtobecomeadeveloper now it's working thank you