Como criar uma Pokedex com HTML, CSS e JavaScript | Projeto Completo

Подписаться 58 тыс.

Просмотров 250 тыс.

50% 1

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

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

18 июл 2022

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 509

@ManualdoDev 2 года назад

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/

@gustavorafael974 2 года назад

Cara voce tem algum curso ?

@ipcmeanthony1905 2 года назад

Top demais

@gabrielnobretapia7795 2 года назад

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

@netto95 2 года назад

@@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!

@gabrielnobretapia7795 2 года назад

@@netto95 Acho que era um erro da API, ontem não estava funcionando mas agr voltou. Mesmo assim obg.

@gilbertodiaspereira836 Год назад

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.

@matheusbrito1473 Год назад

É 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

@diegotomasi1497 Год назад

Tu paga curso sendo que tem de graça na internet

@JerkFighter. 8 месяцев назад

serio? fala o nome de um ai@@diegotomasi1497

@antonyalbuquerque7736 6 месяцев назад

Vi anúncios na internet que diziam que os cursos de RU-vid são furada... Furada é pagar um curso sem aprender, né não?

@VideosViraisVirais-dc7nx 21 час назад

@@matheusbrito1473como assim afinidade?

@lincenarra Год назад

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!

@liezyzzz 2 года назад

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!

@ManualdoDev 2 года назад

Muito obrigado pelo apoio, amigo. Abraço!

@snowflake6768 Год назад

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.

@fevisales Год назад

Eu fico fascinado quando me deparo com um tutorial que é mais explicativo do que dois semestres em universidade. Parabéns!

@vitechdev Год назад

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!

@ryo7336 2 года назад

Sensacional! Cheguei no canal por acaso, vou seguir e acompanhar e tentar fazer os projetos. Desde já agradeço pelo excelente aula!

@jmgrd98 2 года назад

Mano, teus vídeos são muito bons! Pensava que você tinha parado. Não pare!

@andrade2771 2 года назад

Muito bom, esses projetos ajudam muito a praticar, seus conteúdos são muito bons.

@cassiano7351 2 года назад

Didática muito boa! Valeu por esse e outros projetos que tu ensina a fazer!

@viniciuslima9814 2 года назад

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

@esdrasantero605 2 года назад

ótimo conteúdo, muito bem explicado, tô gostando bastante dos seus vídeos!

@IsaqueBarbosa_21 Год назад

A melhor pokedex do YT disparada, obrigado pela aula, muito top

@adalbertofilho3761 2 года назад

Bom dia! Parabéns cara, você está ensinando de um jeito muito didático e de fato estou aprendendo. Continue assim por favor =)

@diegoduarte9950 2 года назад

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

@saulozonta431 2 года назад

o cara é uma lenda, não tem como. Mais um ótimo vídeo, ótima explicação tu é o maior mano

@jesusmarcostomaz3966 5 месяцев назад

Meus parabéns, conheci seu canal por acaso e sem dúvida é "show"👏

@ricardocedraz2250 2 года назад

Vc tem uma excelente didática, muito obrigado! . Aguardo pelos próximos projetos.

@nicollasneves9928 Год назад

Conteúdo sensacional, seus projetos são muito bacanas e didáticos!!

@leonardoprado8242 Год назад

Simplesmente incrível sua didática, irmão. Amei o projeto e farei todos os demais que você tem no canal. Continue assim!

@luisguilhermepereira4658 2 года назад

cara, muito legal e muito bem explicado. fez parecer realmente simples, vou tentar. parabéns pelo video

@fukczun6976 Год назад

Tua didática é incrível cara, de verdade!

@score_ 2 года назад

Já fiz o projeto, muito completo e didático, obrigado pelo vídeo!

@iagocarvalho49 2 года назад

Ganhou um inscrito + like + sininho ativado. Excelentes vídeo nesse canal. Não pare por favor !!!

@JVRHODENMACHADO 2 года назад

Que didática! Meus parabéns!

@mariojorge9974 2 года назад

Excelente projeto! Didática maravilhosa! 👌🏾

@lucasbotelho5250 Год назад

Incrível ! Você trouxe uma didática espetacular !

@eb-smith930 Год назад

você é o mais foda que existe, muito explicativo e sem frescura sem cortes

@joaoramos607 2 года назад

excelente conteúdo , excelente professor consigo aprender muito , continue trazendo mais projetos

@paulojunior4107 Год назад

Que projeto sensacional, com certeza vou colocar no meu github, Parabéns e muito obrigado por compartilhar seu conhecimento!

@GabrielAlves-gd9yh Год назад

Parabéns pelo vídeo! Didática impressionante, sucesso amigo !

@henriq_eSantos 2 года назад

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!

@vinybfm Год назад

Mano, vc merece um lugar especial no céu, continue assim mano, parabéns

@dhiasz2692 2 года назад

Consegui entender tudo sem nunca ter programado. Video maravilhoso.

@ThiagoOliveira-yk3sx 2 года назад

Aula maravilhosa! Obrigado pelo vídeo!

@deegas 2 года назад

GALERA VAMOS COMPARTILHAR PQ ESSE CANAL MERECE!

@Pedrofdnn Год назад

Cara que projeto massa, vc se garante ensinando! Eespero aprender mais coisas no seu canal. Muito obrigado por compartilhar seus conhecimentos com agente.

@Igor0504 2 года назад

Caramba que projeto bacana e bem explicado, muito bom.

@danielcampos6820 Год назад

Aí tu deu show, meu brother!!! Parabéns pela aula, fiz, deu certo e aprendi muito, obrigado!

@ruysilva298 Год назад

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

@stephaniesouza6903 Год назад

Cara que vídeo incrível. Muito obrigada!

@renato82524 Год назад

um dos melhores projetos que já fiz pelo youtube muito obrigado

@JoaoVSDutra 2 года назад

Curti demais o projeto, estou estudando sobre api's agora e simplesmente amei, vou fazer algumas alterações para brincar mais com a api.

@ericrisrossato3322 2 года назад

Muito legal, achei top. Parabéns pelo conteúdo e conhecimento

@du.edusoares Год назад

Muito bom, estou aprendendo muito com seus vídeos. Manja demais, explicação muito boa.

@HugeApk 2 года назад

E é com esse video que viro inscrito, sensacional, genial. É insano de lindo eu realmente curti o video!

@AnaCaroline-rr3xr 5 месяцев назад

Ficou excelemte, fiz acompanhando o video, perfeito.Muito obrigada!!

@lucasbarreto430 2 года назад

Você é sensacional cara... aprendendo muitos conceitos com você

@LuizFelipe-ei3jq 2 года назад

Otimo vídeo cara, muito bem explicado, parabéns

@clebergomes2588 Год назад

Fera demais irmão!! Que Deus te abençoe!

@allan_bontempo 2 года назад

Muuuito legal o projeto!! Parabéns!! Foda!

@isaiasrodriguessilva8656 2 года назад

Que show! To começando a mexer com React, vou tentar implementar aqui. Valeu!!!

@joaovitoroliveira1484 2 года назад

Irmão teus vídeos são fodas, aprendo muito com eles!

@JeanOmeg 2 года назад

Que projeto perfeito ❤️❤️❤️ obrigado por ensinar

@JoaoGabriel-ds2gr Год назад

Foi o primeiro vídeo que assisti e consegui entender a logica do JS. Muito obrigado, @manualdoDev.

@BrunoOliveirafs Год назад

Meu irmão.... sua didática é INCRIVEL!!! Parabéns demais e obrigado por compartilhar isso. Você com certeza está fazendo parte da minha formação e contribuindo MUITO!

@joselima7349 2 года назад

Sensacional, gosto muito do seu conteúdo.

@vroxlon Год назад

Show de bola, simples, didático e muito completo

@sheepcrz9212 3 месяца назад

Sensacional sua explicação! parabéns!

@JoaoVitor-pc1xn Год назад

Que aula!! didatica incrivel, perfeito.

@Hykarin Год назад

Didática insana, parabéns pelo conteúdo

@RichardBarbosa86 2 года назад

excelente vídeo e didática ! Meus parabéns !

@VeuDaRealidade 2 года назад

NEM ACREDITO QUE FEZ ESSE PROJETO ♥♥, MUITO OBRIGADO

@faelmaster100 Год назад

Cara, muito bom mesmo. Agradeço de coração. ótimo tutorial

@SuperDJCody Год назад

Massa demais!! Didática excelente também!

@princessnany22 8 месяцев назад

Cara, amei. Você esta de parabéns. Sou iniciante e consegui entender suas explicações muito bem. Vlw pela dedicação e didática.

@JoseCarlos-rm9nv 5 месяцев назад

Que projeto legal, cara. Seu canal tem me ajudado bastante nos estudos de javascript. Inclusive, essa é a primeira vez que uso api e foi mais fácil do q pensei q seria, mas muito pq vc explica muito bem. Parabéns! Um dos melhores canais de programação que já vi no youtube.

@GabrielSantos-sk3yw 2 года назад

Cara, muito bacana seu canal, vc está me ajudando muito no meu aprendizado

@kaiqueandrade1109 Год назад

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

@leandropedicino920 Год назад

Muito bom video meu irmao, na verdade perfeito você explica muito claramente. Gosteí desse tutorial, consegui entender tudo bem legal e fazer ate o final sem problemas.. Obg Saludos desde Argentina.

@BinhowGyn Год назад

Muita informação em um unico video, pra min que estou começando a pouco tempo esta ajudando muito!!! continue assim..e parabéns tem uma otima didática, TOP!!

@edusf0 2 года назад

Parabéns !!! muito bom o vídeo, explicou certinho !!!

@brenoprotz3549 Год назад

Vídeo muito bom e didática espetacular tá de parabéns bicho

@rolfnog7069 11 месяцев назад

Cara, sua didática é maravilhosa, muito boa mesmo. Aprendi pra caramba hoje.. Posso ir jogar em paz, sabendo que aumentei meu conhecimento para caramba! Assistirei muito mais!

@rebeldes96 Год назад

Estou iniciando em JS, muito bem explicado de forma simples ! Gostei muito!

@alancleversonjobdev4779 2 года назад

Mandou muito MESTRE !. Parabéns !

@peterson2045 Год назад

Mano muito bons os vídeos!!! vou reproduzir alguns para o meu portfolio

@k4yll4ne 2 года назад

Conteúdo incrível, muito obrigado!

@cryptosbrazil 3 месяца назад

Muito bem explicado, parabéns

@UMMONARQUISTA Год назад

Muito bem explicado! Agradeço muito, tem algumas pessoas que na hora de ensinar já vão colocando os códigos sem dizer o que fazem, porém você explicou passo a passo.

@gabrielsousa2688 2 года назад

Vi o vídeo 2 vezes, explicou muito bem. Parabéns!! Agora irei fazer um fork e vamos ver se sai um site completo com pokedex, lista de sagas, actions figures, tipos de pokemon, jogos e etc.

@Cauepx Год назад

Cara, sensacional! Eu estava penando para entender melhor o funcionamento de API e como consumi-las e voce simplesmente explicou tudo, Muito obrigado!! Vou compartilhar com amigos que estiverem com dificuldades também.

@filipeb.desouza4120 Год назад

Muito bom. Fiz junto pra treinar e foi um ótimo aprendizado.

@kamila_arrah 2 года назад

Ó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

@reachay6270 Год назад

Você é simplesmente incrível !

@mizuki.channn 3 месяца назад

Sem dúvida um dos projetos que eu mais gostei de fazer, parabéns pela explicação impecável, ganhou mais uma inscrita!!!!

@filipe.alx. 2 года назад

Eu caí de para quedas aqui, mas foi muito bom. Gostei que eu consegui entender cada passo e a lógica também.

@DevFFontes Год назад

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

@micaellamarques2697 3 месяца назад

Acabei de finalizar, to chocada, super didático, muito bom, recomendo!!!

@nicolas_galdino 2 года назад

Ótimo video, adorei! Parabéns.

@DemetrioTorgan 9 месяцев назад

Que aula!!!! Consegui finalizar minha pokedex!!!! Obrigado.

@milgrau122 2 года назад

Mais um projeto top. Parabéns

@lucienkaua Год назад

Melhor fim de semana codando que já tive.

@ruthellenPJ 8 месяцев назад

Ótimo vídeo, excelente explicação 🤩🤩

@tubalaokk 9 месяцев назад

Caramba cara, que projeto foda!! Digo o mesmo que o amigo ali. Tenho tantos cursos e só nesse vídeo eu aprendi tanta coisa que eu não sabia de HTML E CSS. De JavaScript então nem se fala. Conteúdo muito bom!!

@claytonsrodrigues7336 2 года назад

Suas aulas são excelentes!!!!

@MrXURAS 2 года назад

Cara, muito bom, ganhou mais um seguidor

@yagofelixdasilva2017 2 года назад

Projeto sensacional , top demais!

@roguerodrigo Год назад

mano... que video TOP é esse???? aprendi tanta coisa a mais do que "somente" fazer uma pokedex!! Em alguns tutoriais, é feito funções assíncrona, passam o fetch, await e async, mas não deixam claro o motivo de colocar assim, mas tua explicação foi maestral sobre isso! muito obrigado mesmo...