Build a Pokedex with Vanilla HTML, CSS, and JavaScript

[@samimustafa7284]

Brother You are One OF the best youtuber, the way u explain is so understandable keep posting vids with api in html css js

[@howtobecomeadeveloper]

Thank you! I highly appreciate that and thank you for the suggestion!

[@samimustafa7284]

@@howtobecomeadeveloper i'm 3years front end dev and like everybody struggling learning javascript but now i literally started to understand the js

[@howtobecomeadeveloper]

@@samimustafa7284 Well I am humbled, and happy you are enjoying!

[@themilesroarkexperiment1662]

great content as usual. I finally get to see what an API finally does. I also learned about async functions.

[@themangosmooviee]

This was an incredible tutorial. So helpful and informative! Thank you!

[@AlejandroGonzalez-xe4dd]

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

[@howtobecomeadeveloper]

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!

[@gamingexpert2204]

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 ❤

[@marlonalves813]

Awesome! Helped me a lot! Ty 😁😎

[@arjuno7058]

awesome tutorial

[@howtobecomeadeveloper]

Thank you!

[@swoldu01]

This is great and you teach so well. How long would this take you from the initial inspiration stage? I'm new to coding

[@howtobecomeadeveloper]

Thank you very much! I use about 1 week for this kind of project, which I already had a Figma design as inspiration 😊

[@enderman6954]

When i try to get pokemon above #649 (genesect) i am not able to get the images for those pokemons. could someone help me

[@mikeock14]

Just gonna leave a comment here so I can get notified if someone answers.

[@russkydeutsch]

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.

[@howtobecomeadeveloper]

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! 🤓💪

[@Sonyemman97]

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?

[@orangeapple681]

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?

[@howtobecomeadeveloper]

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.

[@howtobecomeadeveloper]

Also, keeping the JS together with the CSS, and all the other potential imports makes for an easier and more maintainable HTML file.

[@orangeapple681]

@@howtobecomeadeveloper Thank you! Incredible answer much appreciated 🙏

[@davidmolina4077]

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?

[@websitewalaofficial]

I'm not able to watch your video. It's loading bro. I think there is something wrong

[@howtobecomeadeveloper]

Strange, does it work now?

[@websitewalaofficial]

@@howtobecomeadeveloper now it's working thank you

[@howtobecomeadeveloper]

Build your next awesome project: www.tubebuddy.com/quicknav/latest/UCkXqOdpo5ul8BosGBFlDgmw

[@thilaksalivahanan2342]

Similar to this , kindly create beginner / intermediate css, html,js projects. Highly appreciate your efforts 👍

[@howtobecomeadeveloper]

@@thilaksalivahanan2342 Noted, thanks for the suggestion! 😊