Como criar uma Pokedex com HTML, CSS e JavaScript | Projeto Completo
Vložit
- čas přidán 18. 07. 2022
- Duvido você não aprender nada novo nesse vídeo!
Nesse vídeo nós vamos criar um Pokédex utilizando apenas HTML, CSS e JavaScript.
Veremos bastante CSS, técnicas legais que você pode usar nos seus próprios projetos e muito mais!
Para conseguir os dados dos Pokémons, vamos usar a PokéAPI:
Documentação da API: pokeapi.co/
Gerador de Favicons:
www.websiteplanet.com/pt-br/w...
Repositório no Github:
github.com/manualdodev/pokedex
Veja como o projeto ficou:
manualdodev.github.io/pokedex/
#html #css #javascript #programação #desenvolvimento_web #pokedex #pokemon #javascript_projeto #javascript_iniciante
Inscreva-se no canal e deixe seu like para ajudar! :)
Repositório no Github:
github.com/manualdodev/pokedex
Veja como o projeto ficou:
manualdodev.github.io/pokedex/
Cara voce tem algum curso ?
Top demais
Alguém pode me ajudar?
Quando carrega a imagem do pokemon o link fica bugado, esta com dois https ai a imagem nao carrega. Todas as imagens estao assim
@@gabrielnobretapia7795 como está seu código na função que renderiza o Pokemon? eu tinha errado o nome da variavel e estava dando undefined, não é o mesmo erro que o seu mas pode ser algo que vc tenha deixado passar despercebido!
@@netto95 Acho que era um erro da API, ontem não estava funcionando mas agr voltou. Mesmo assim obg.
Sem brincadeira, eu tenho uns 5 cursos pago, e todos muito caros por sinal, você com um projetinho desses me mostrou coisas que eu vi em 20 aulas para ainda sim continuar confuso, lança um curso de javascript e de node eu vou ser o primeiro cliente a adquirir, você é fera demais.
É mais questão de afinidade com a forma de lecionar … tenta pegar umas bases por aqui e depois volta lá nos seus cursos q vc vai conseguir absorver mais conhecimento do que a primeira vez
Tu paga curso sendo que tem de graça na internet
serio? fala o nome de um ai@@diegotomasi1497
Vi anúncios na internet que diziam que os cursos de CZcams são furada... Furada é pagar um curso sem aprender, né não?
O que eu demorei 2 anos pra entender, o cara conseguiu me explicar em 59minutos. Mano nunca vi uma explicação tão boa sobre response API igual a sua! Parabéns os juninhos agradecem!
Que didática cara, esse foi meu primeiro projeto com JavaScript, CSS E HTML e meu primeiro contato com essas linguagens e eu gostei pacass enfim, continue com esses projetos e espero que esse canal cresça muito abraço!
Muito obrigado pelo apoio, amigo.
Abraço!
Projeto incrível! Fiz minha própria versão aqui.
Eu implementei algumas funções a mais, como: recuperar os tipos do pokémon e a imagem da sua versão shiny.
Deu mto trabalho já que sou iniciante com JS, mas consegui fazer.
A quantidade de conhecimento em um video de 1hora é maior do que muito curso com duração de 1 ano!! Parabéns pelo conteudo e didatica!
Eu fico fascinado quando me deparo com um tutorial que é mais explicativo do que dois semestres em universidade. Parabéns!
Cara que vídeo incrível. Muito obrigada!
Ótimo! Pronto, já achei qual vai ser meu projeto da minha fase de vida: “eu , eu mesmo e a programação…de novo!” e vai ser essa bendita Pokédex
Aula maravilhosa! Obrigado pelo vídeo!
Mano, vc merece um lugar especial no céu, continue assim mano, parabéns
Que projeto perfeito ❤️❤️❤️ obrigado por ensinar
GALERA VAMOS COMPARTILHAR PQ ESSE CANAL MERECE!
Que didática! Meus parabéns!
Que vídeo bom man, parabensss
vlw pelo projeto mano.sucesso pra ti
Caramba que projeto bacana e bem explicado, muito bom.
Sensacional, gosto muito do seu conteúdo.
Muito bem explicado, parabéns
A melhor pokedex do YT disparada, obrigado pela aula, muito top
Cara, muito bom mesmo. Agradeço de coração.
ótimo tutorial
Mano, teus vídeos são muito bons! Pensava que você tinha parado. Não pare!
Muuuito legal o projeto!!
Parabéns!! Foda!
Otimo vídeo cara, muito bem explicado, parabéns
Que show! To começando a mexer com React, vou tentar implementar aqui. Valeu!!!
Irmão teus vídeos são fodas, aprendo muito com eles!
Incrível ! Você trouxe uma didática espetacular !
Tua didática é incrível cara, de verdade!
Meus parabéns, conheci seu canal por acaso e sem dúvida é "show"👏
Consegui entender tudo sem nunca ter programado.
Video maravilhoso.
Didática insana, parabéns pelo conteúdo
cara que top para colocar em pratica os aprendizados de JavaScript
Didática muito boa! Valeu por esse e outros projetos que tu ensina a fazer!
Massa demais!! Didática excelente também!
você é o mais foda que existe, muito explicativo e sem frescura sem cortes
Muito bom, esses projetos ajudam muito a praticar, seus conteúdos são muito bons.
Muito legal, achei top. Parabéns pelo conteúdo e conhecimento
E é com esse video que viro inscrito, sensacional, genial. É insano de lindo eu realmente curti o video!
Show de bola, simples, didático e muito completo
Seus vídeos são uma aula cara, você explica bem e ainda dá cada situação que pode ocorrer e de como foi resolvido
Você é sensacional cara... aprendendo muitos conceitos com você
Sensacional! Cheguei no canal por acaso, vou seguir e acompanhar e tentar fazer os projetos. Desde já agradeço pelo excelente aula!
Mandou muito MESTRE !.
Parabéns !
um dos melhores projetos que já fiz pelo youtube muito obrigado
excelente vídeo e didática ! Meus parabéns !
o cara é uma lenda, não tem como. Mais um ótimo vídeo, ótima explicação tu é o maior mano
top dms mano! Vc é mt fera! algum dia meto um canal assim quando eu souber mais
Mano muito bons os vídeos!!! vou reproduzir alguns para o meu portfolio
muito top mano, fiz e vou postar no linkedin e te marcar ;)
Parabéns !!! muito bom o vídeo, explicou certinho !!!
Excelente projeto!
Didática maravilhosa! 👌🏾
ótimo conteúdo, muito bem explicado, tô gostando bastante dos seus vídeos!
Já fiz o projeto, muito completo e didático, obrigado pelo vídeo!
Sensacional sua explicação! parabéns!
muito top a aula!!!
Vc tem uma excelente didática, muito obrigado! . Aguardo pelos próximos projetos.
Conteúdo sensacional, seus projetos são muito bacanas e didáticos!!
cara, só te agradecer pelo o seu trabalho, fiquei bastante tempo sem mexer em desenvolvimento Web, e somente vendo os seus vídeos já consegui relembrar bastante coisa!!
Ótimo video, adorei!
Parabéns.
Ganhou um inscrito + like + sininho ativado. Excelentes vídeo nesse canal. Não pare por favor !!!
Mais um projeto top. Parabéns
Melhor fim de semana codando que já tive.
meudeus que incrível, o cara manja demais. pelo tom de voz e a fluidez do vídeo da pra perceber o seu conhecimento e experiência dentro da área. parabéns, ótimo vídeo, você com certeza ajuda muita gente!
Suas aulas são excelentes!!!!
excelente conteúdo , excelente professor consigo aprender muito , continue trazendo mais projetos
Que aula!! didatica incrivel, perfeito.
Fera demais irmão!!
Que Deus te abençoe!
Q video foda, parabéns pela ideia
Ótimo vídeo, excelente explicação 🤩🤩
Conteúdo incrível, muito obrigado!
NEM ACREDITO QUE FEZ ESSE PROJETO ♥♥, MUITO OBRIGADO
cara, muito legal e muito bem explicado. fez parecer realmente simples, vou tentar.
parabéns pelo video
Vídeo muito bom e didática espetacular tá de parabéns bicho
Simplesmente incrível sua didática, irmão. Amei o projeto e farei todos os demais que você tem no canal. Continue assim!
Parabéns, ótima didática 👏🏻
Você é simplesmente incrível !
Muito bom. Fiz junto pra treinar e foi um ótimo aprendizado.
Eu caí de para quedas aqui, mas foi muito bom. Gostei que eu consegui entender cada passo e a lógica também.
Ficou excelemte, fiz acompanhando o video, perfeito.Muito obrigada!!
Cara, muito bacana seu canal, vc está me ajudando muito no meu aprendizado
Que projeto sensacional, com certeza vou colocar no meu github, Parabéns e muito obrigado por compartilhar seu conhecimento!
Projeto muito top e didática fantástica
Caramba, que vídeo incrível. Eu sinceramente estava com vontade de aprender front end, e esse vídeo super me encorajou, sua didática é ótima
Cheguei por causa do vídeo já estou inscrito
Parabéns cara vc detona
Obrigado por compartilhar o seu conhecimento.
Curti demais o projeto, estou estudando sobre api's agora e simplesmente amei, vou fazer algumas alterações para brincar mais com a api.
Parabéns pelo vídeo! Didática impressionante, sucesso amigo !
Excelente aula! Muito obrigada 👏
Tem pessoa que tem o dom pra passar o conhecimento , muito bom , eles vão fazendo e explicando oque eh e oque faz cada propriedade , para os iniciantes são fundamentais
Bom dia! Parabéns cara, você está ensinando de um jeito muito didático e de fato estou aprendendo. Continue assim por favor =)
Cara, muito bom, ganhou mais um seguidor
Projeto sensacional , top demais!
Sem dúvida um dos projetos que eu mais gostei de fazer, parabéns pela explicação impecável, ganhou mais uma inscrita!!!!
Acabei de finalizar, to chocada, super didático, muito bom, recomendo!!!
Que aula!!!! Consegui finalizar minha pokedex!!!! Obrigado.
Foi o primeiro vídeo que assisti e consegui entender a logica do JS. Muito obrigado, @manualdoDev.
Aí tu deu show, meu brother!!! Parabéns pela aula, fiz, deu certo e aprendi muito, obrigado!
Muito bom, estou aprendendo muito com seus vídeos. Manja demais, explicação muito boa.
o dom de ensinar é pra poucos a sua didatica é perfeita pf continue com o otimo trabalho e obrg por ajudar tanta gente q assim como eu precisa!!
Parabéns pela didática!!!