Тёмный

Build a Pokedex with Vanilla HTML, CSS, and JavaScript 

How to Become a Developer
Подписаться 18 тыс.
Просмотров 23 тыс.
50% 1

Опубликовано:

 

15 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 35   
@samimustafa7284
@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
@howtobecomeadeveloper 11 месяцев назад
Thank you! I highly appreciate that and thank you for the suggestion!
@samimustafa7284
@samimustafa7284 11 месяцев назад
@@howtobecomeadeveloper i'm 3years front end dev and like everybody struggling learning javascript but now i literally started to understand the js
@howtobecomeadeveloper
@howtobecomeadeveloper 11 месяцев назад
@@samimustafa7284 Well I am humbled, and happy you are enjoying!
@gamingexpert2204
@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 ❤
@AlejandroGonzalez-xe4dd
@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
@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!
@enderman6954
@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
@themangosmooviee
@themangosmooviee Месяц назад
This was an incredible tutorial. So helpful and informative! Thank you!
@arjuno7058
@arjuno7058 7 месяцев назад
awesome tutorial
@howtobecomeadeveloper
@howtobecomeadeveloper 7 месяцев назад
Thank you!
@swoldu01
@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
@howtobecomeadeveloper 11 месяцев назад
Thank you very much! I use about 1 week for this kind of project, which I already had a Figma design as inspiration 😊
@Sonyemman97
@Sonyemman97 4 месяца назад
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?
@davidmolina4077
@davidmolina4077 4 месяца назад
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?
@russkydeutsch
@russkydeutsch 11 месяцев назад
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
@howtobecomeadeveloper 11 месяцев назад
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! 🤓💪
@orangeapple681
@orangeapple681 6 месяцев назад
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
@howtobecomeadeveloper 6 месяцев назад
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
@howtobecomeadeveloper 6 месяцев назад
Also, keeping the JS together with the CSS, and all the other potential imports makes for an easier and more maintainable HTML file.
@orangeapple681
@orangeapple681 6 месяцев назад
@@howtobecomeadeveloper Thank you! Incredible answer much appreciated 🙏
@akshatagrawal9495
@akshatagrawal9495 6 месяцев назад
from where i can find the pokemon images?? as it is not showing images of the pokemon
@howtobecomeadeveloper
@howtobecomeadeveloper 6 месяцев назад
The Pokémon API
@akshatagrawal9495
@akshatagrawal9495 6 месяцев назад
@@howtobecomeadeveloper The API is not working plz help me out I can’t able to fetch the images
@akshatagrawal9495
@akshatagrawal9495 6 месяцев назад
Raw githubusercontent URL is not working here
@Gabriela-Diana
@Gabriela-Diana 3 месяца назад
I am agree the URL it's not working.What can we do?
@websitewalaofficial
@websitewalaofficial Год назад
I'm not able to watch your video. It's loading bro. I think there is something wrong
@howtobecomeadeveloper
@howtobecomeadeveloper Год назад
Strange, does it work now?
@websitewalaofficial
@websitewalaofficial Год назад
@@howtobecomeadeveloper now it's working thank you
@aliasname2257
@aliasname2257 6 месяцев назад
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?
@themangosmooviee
@themangosmooviee Месяц назад
Did you check to see whether or not the curly brackets were around your return statement?
@howtobecomeadeveloper
@howtobecomeadeveloper Год назад
Build your next awesome project: www.tubebuddy.com/quicknav/latest/UCkXqOdpo5ul8BosGBFlDgmw
@thilaksalivahanan2342
@thilaksalivahanan2342 Год назад
Similar to this , kindly create beginner / intermediate css, html,js projects. Highly appreciate your efforts 👍
@howtobecomeadeveloper
@howtobecomeadeveloper Год назад
@@thilaksalivahanan2342 Noted, thanks for the suggestion! 😊
Далее
Build this JS calculator in 15 minutes! 🖩
15:20
Просмотров 544 тыс.
Mini bag sealer
00:58
Просмотров 3,4 млн
Как мы играем в игры 😂
00:20
Просмотров 147 тыс.
Real respect sig
00:48
Просмотров 1,5 млн
Build A Pokémon Application With React - Tutorial
22:47
How I made a Pokedex for Real Life with AI / GPT4o
22:32
The Simplest Tech Stack
9:38
Просмотров 111 тыс.
The Easy Way to Design Top Tier Websites
11:54
Просмотров 405 тыс.
Play and Pause in Infinite Slider with CSS Only
13:24
ASMR Programming - Animated Login Page - No Talking
18:18
Mini bag sealer
00:58
Просмотров 3,4 млн