No video
Como criar uma Pokedex com HTML, CSS e JavaScript | Projeto Completo
Рет қаралды 251,246
2 жыл бұрын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.websitepla...
Repositório no Github:
github.com/man...
Veja como o projeto ficou:
manualdodev.gi...
#html #css #javascript #programação #desenvolvimento_web #pokedex #pokemon #javascript_projeto #javascript_iniciante
@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 2 жыл бұрын
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. 9 ай бұрын
serio? fala o nome de um ai@@diegotomasi1497
@antonyalbuquerque7736 7 ай бұрын
Vi anúncios na internet que diziam que os cursos de KZfaq são furada... Furada é pagar um curso sem aprender, né não?
@VideosViraisVirais-dc7nx 17 күн бұрын
@@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!
@fevisales Жыл бұрын
Eu fico fascinado quando me deparo com um tutorial que é mais explicativo do que dois semestres em universidade. Parabéns!
@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.
@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!
@sysrafael6289 2 жыл бұрын
Mais outro projeto muito bem explicado! Melhor canal do Br 🚀🚀
@ManualdoDev 2 жыл бұрын
Tamo junto, meu amigo! Valeu demais!!
@dhiasz2692 2 жыл бұрын
Consegui entender tudo sem nunca ter programado. Video maravilhoso.
@rolfnog7069 Жыл бұрын
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!
@vinybfm Жыл бұрын
Mano, vc merece um lugar especial no céu, continue assim mano, parabéns
@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
@mizuki.channn 4 ай бұрын
Sem dúvida um dos projetos que eu mais gostei de fazer, parabéns pela explicação impecável, ganhou mais uma inscrita!!!!
@lucasbotelho5250 Жыл бұрын
Incrível ! Você trouxe uma didática espetacular !
@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!!
@micaellamarques2697 4 ай бұрын
Acabei de finalizar, to chocada, super didático, muito bom, recomendo!!!
@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!
@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.
@sheepcrz9212 4 ай бұрын
Sensacional sua explicação! parabéns!
@rebeca679 3 ай бұрын
com esse projeto aprendi muito e tirei várias dúvidas sobre o javascript , incrível.
@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
@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!!
@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
@roguerodrigo 2 жыл бұрын
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...
@ALLGAYER27 4 ай бұрын
Estou iniciando na programação e esse projeto me ensinou muita coisa que não vi em vários cursos. Conteúdo foda, obrigado pelo ensinamento
@FranklynRoberto 2 жыл бұрын
Meu portfolio esta um máximo com seus projetos! Continue assim parabéns!
@ManualdoDev 2 жыл бұрын
Aí sim, Franklyn! Show demais!
@fillipealbuquerque7001 2 жыл бұрын
Oiii poso ver seu github??
@fernandofernandes1398 3 ай бұрын
Mano uma didática sensacional .... parabéns !
@ManualdoDev 2 ай бұрын
Muito obrigado, amigo!
@sidimarsramos5879 2 жыл бұрын
Cara perfeito vídeo sem enrolação agente pausa ou volta quando tem alguma dúvida sem rodeios. Assim não desanima ficar ouvindo quem desenvolveu o css pq js é bom e etc. MUITO OBRIGADO
@ManualdoDev 2 жыл бұрын
Eu que agradeço, Sidimar! Valeu demais o apoio! Tamo junto!
@redsn5318 2 жыл бұрын
Primeira vez que realmente entendi async await. Sempre usei, mas nunca me explicaram o que realmente significava uma promisse. E aula incrível de CSS obrigado !!
@roguerodrigo 2 жыл бұрын
exatamente isso, amigo! acabei de comentar isso ali em cima kkkkk agora vamos usar isso com propriedade \o/
@ruthellenPJ 9 ай бұрын
Ótimo vídeo, excelente explicação 🤩🤩
@cryptosbrazil 4 ай бұрын
Muito bem explicado, parabéns
@jmarlopes.2533 Жыл бұрын
Sem querer puxar saco mas caralho sua didatica é muito boa, por favor continue assim pra melhor, gosto de quem explica tudinho ao inves de só jogar as informações como acontece bastaste. Conseguiu esse nivel em menos de 1h, mt obg
@amandapilger6432 2 жыл бұрын
Thank you for sharing this tutorial
@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.
@alderjuniobv Жыл бұрын
@ManualdoDev Show o projetinho!!!! Estou dando os primeiros passos em JS e ficou sensacional. Obrigado mesmo por compartilhar conosco.... Já fiz o projeto acompanhado seu vídeo e já subi pro meu github também. Ah! já me inscrevi e deixei like....
@ManualdoDev Жыл бұрын
Aí simm!
@deegas 2 жыл бұрын
GALERA VAMOS COMPARTILHAR PQ ESSE CANAL MERECE!
@iagocarvalho49 2 жыл бұрын
Ganhou um inscrito + like + sininho ativado. Excelentes vídeo nesse canal. Não pare por favor !!!
@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.
@score_ 2 жыл бұрын
Seria bacana um vídeo "refatorando" esse código, mas agora usando React 😄 Excelente vídeo, abraços.
@robertsilvagomes5739 2 жыл бұрын
Você acabou de me dar uma ideia mt boa skksksks
@robertsilvagomes5739 2 жыл бұрын
em React native então, vai ficar show!!!!
@lucascampos4237 2 жыл бұрын
mano em react da pra deixar isso ai em outro nível, esse canal é mto bom pqp
@imandrewslk7043 2 жыл бұрын
@@josedenner1446 vc ta fznd mano? to precisando de ajuda nisso urgente
@lucienkaua Жыл бұрын
Melhor fim de semana codando que já tive.
@DemetrioTorgan 10 ай бұрын
Que aula!!!! Consegui finalizar minha pokedex!!!! Obrigado.
@JoseCarlos-rm9nv 6 ай бұрын
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.
@cryptosbrazil 4 ай бұрын
se tivesse um bota de dar um milhao de likes ja dava, ta louco manos, que explicação boa
@vroxlon Жыл бұрын
Show de bola, simples, didático e muito completo
@dyingawake Жыл бұрын
muito top mano, fiz e vou postar no linkedin e te marcar ;)
@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.
@du.edusoares Жыл бұрын
Muito bom, estou aprendendo muito com seus vídeos. Manja demais, explicação muito boa.
@jesusmarcostomaz3966 5 ай бұрын
Meus parabéns, conheci seu canal por acaso e sem dúvida é "show"👏
@eb-smith930 2 жыл бұрын
você é o mais foda que existe, muito explicativo e sem frescura sem cortes
@CarlosHenrique-mx9ti 2 жыл бұрын
Iradíssimo, muito claro, projeto muito bacana, fiz ele completo. Muito obrigado pelo seu conteúdo.
@ManualdoDev 2 жыл бұрын
Eu que agradeço o apoio, Carlos! Tamo junto!
@maknim27 2 жыл бұрын
Cara, excelente, eu queria fazer uma pokedex justamente assim e tem muitos comandos que ainda não aprendi. Fiz e deu certo, ficou ótimo. Agora trabalhar pra incrementar, quero deixar ela o mais parecida com o anime possível Muito obrigado e vou acompanhar sempre os projetos que está me ajudando muito no meu aprendizado
@JhonAquiCeloko Жыл бұрын
posta pra vermos depois que finalizar
@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!!
@AnaCaroline-rr3xr 6 ай бұрын
Ficou excelemte, fiz acompanhando o video, perfeito.Muito obrigada!!
@GabrielAlves-gd9yh Жыл бұрын
Parabéns pelo vídeo! Didática impressionante, sucesso amigo !
@ricardocedraz2250 2 жыл бұрын
Vc tem uma excelente didática, muito obrigado! . Aguardo pelos próximos projetos.
@matheusnunes4442 28 күн бұрын
Que vídeo bom man, parabensss
@adrianovicentinijunior4498 2 жыл бұрын
Cara, que projeto sensacional, to começando aprender sobre API e isso caiu como uma LUVA! incrementei um botão que abre um popupzinho com os detalhes de altura, peso e o tipo do pokemon nessa tela e ficou excelente, baita aprendizado! Obrigado!
@motinha6185 Жыл бұрын
mano qual seu git hub quero tentar fazer esse popupzinho também
@adrianovicentinijunior4498 Жыл бұрын
@@motinha6185 xHerion meu git irmão! O nome do repositório é DDevs-Pokedex
@nicollasneves9928 Жыл бұрын
Conteúdo sensacional, seus projetos são muito bacanas e didáticos!!
@JVRHODENMACHADO 2 жыл бұрын
Que didática! Meus parabéns!
@charlesalbert4194 Жыл бұрын
cara que top para colocar em pratica os aprendizados de JavaScript
@mdom5assessoria14 Жыл бұрын
top dms mano! Vc é mt fera! algum dia meto um canal assim quando eu souber mais
@Pedrofdnn Жыл бұрын
Cara que projeto massa, vc se garante ensinando! Eespero aprender mais coisas no seu canal. Muito obrigado por compartilhar seus conhecimentos com agente.
@viniciusfonseca9494 2 жыл бұрын
Sabe muito! Que excelência na explicação 👏🏻👏🏻👏🏻
@ManualdoDev 2 жыл бұрын
Muito obrigado, mano! Tamo junto demais!
@ckervines Жыл бұрын
muito top a aula!!!
@clebergomes2588 Жыл бұрын
Fera demais irmão!! Que Deus te abençoe!
@JoaoVitor-pc1xn Жыл бұрын
Que aula!! didatica incrivel, perfeito.
@arthur5517 6 ай бұрын
vlw pelo projeto mano.sucesso pra ti
@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.
@gabrielplays3062 2 жыл бұрын
Manooooooo muitoooooooooo foda faz mais vídeos por favor
@leonardoprado8242 Жыл бұрын
Simplesmente incrível sua didática, irmão. Amei o projeto e farei todos os demais que você tem no canal. Continue assim!
@joaoramos607 2 жыл бұрын
excelente conteúdo , excelente professor consigo aprender muito , continue trazendo mais projetos
@K1LL3RH1GT3CH 2 жыл бұрын
Demais essa aula gostei muito de fazer essa pokédesk obrigado pelo aprendizado.
@paulojunior4107 Жыл бұрын
Que projeto sensacional, com certeza vou colocar no meu github, Parabéns e muito obrigado por compartilhar seu conhecimento!
@Cocaicara 2 жыл бұрын
Ótima aula!! Um dos melhores professores!
@ManualdoDev 2 жыл бұрын
Muito obrigado, Victor! Tamo junto!
@Hykarin Жыл бұрын
Didática insana, parabéns pelo conteúdo
@JoaoGabriel-ds2gr Жыл бұрын
Foi o primeiro vídeo que assisti e consegui entender a logica do JS. Muito obrigado, @manualdoDev.
@tijolinixpertin 2 жыл бұрын
Como eu só fui descobrir esse canal incrível hoje ?
@danielcampos6820 Жыл бұрын
Aí tu deu show, meu brother!!! Parabéns pela aula, fiz, deu certo e aprendi muito, obrigado!
@mosiahrs 2 жыл бұрын
Cara isso sim é uma pokedex, não simplesmente retornar uma tabela com imagens e dados.. GENIAL. com certeza farei
@IsaqueBarbosa_21 Жыл бұрын
A melhor pokedex do YT disparada, obrigado pela aula, muito top
@mariojorge9974 2 жыл бұрын
Excelente projeto! Didática maravilhosa! 👌🏾
@ericrisrossato3322 2 жыл бұрын
Muito legal, achei top. Parabéns pelo conteúdo e conhecimento
@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!
@willamssouza7662 2 жыл бұрын
Ótima video aula!!!!!
@ManualdoDev 2 жыл бұрын
Valeu demais, Willams!
@cassiano7351 2 жыл бұрын
Didática muito boa! Valeu por esse e outros projetos que tu ensina a fazer!
@Esthefany_0 Жыл бұрын
Parabéns, ótima didática 👏🏻
@VictoraII Жыл бұрын
caracaaaa q voz relaxante. com um lofi de fundo ia ficar muito bomm
@esdrasantero605 2 жыл бұрын
ótimo conteúdo, muito bem explicado, tô gostando bastante dos seus vídeos!
@lailagebharddarosa9250 Жыл бұрын
Excelente aula! Muito obrigada 👏
@BrunoSilva-ns4tn 2 жыл бұрын
Cara, você está de parabéns!! Ensina fácil!
@ManualdoDev 2 жыл бұрын
Valeu demais, Bruno! Tamo junto!
@andrade2771 2 жыл бұрын
Muito bom, esses projetos ajudam muito a praticar, seus conteúdos são muito bons.
@SuperDJCody 2 жыл бұрын
Massa demais!! Didática excelente também!
@beckalves1745 Жыл бұрын
muito foda, eu ainda nao sei mt coisa de js , crio funcoes de forma diferentes... mas amei
@fukczun6976 Жыл бұрын
Tua didática é incrível cara, de verdade!
@AndreThugStar 2 жыл бұрын
parabéns pelo conteúdo, excelente qualidade na explicação.
@ManualdoDev 2 жыл бұрын
Muito obrigado, André! :D Tamo junto!
@pedromoraes5090 Жыл бұрын
Cara que projeto massa demais, o que não aprende na faculdade estou aprendendo nos seus videos. Sua didática é excelente. Seu conteúdo é top demais. Mais uns inscrito. Você tem cursos ministrados por você?
@ryo7336 2 жыл бұрын
Sensacional! Cheguei no canal por acaso, vou seguir e acompanhar e tentar fazer os projetos. Desde já agradeço pelo excelente aula!
@laercioalmeidamedeiros2165 2 жыл бұрын
Muito bom cara, estava meio perdido em relação a requisições API e agora já está mais claro para mim, obrigado!
@ManualdoDev 2 жыл бұрын
Tamo junto, Laércio! :D
@paulovinicius5184 10 ай бұрын
Muito conhecimento para apenas 1h de vídeo, sensacional.
@Diogospk1 7 ай бұрын
Estou fazendo um Bootcamp e fiquei bem confuso na parte da API, o professor deu voltas e mais voltas e jogou um monte de código na tela, mas a explicação não foi tão boa. São umas 20 aulas de 10/20min e eu não estava entendendo nada, mas você explicou tudo em 1 hora, isso que eu passei a parte do HTML e CSS então o tempo reduz muito. Ta de parabéns pela contribuição. Mais um inscrito!
İbrahim Can
Рет қаралды 6
What the Meowk!
Рет қаралды 8 МЛН
Manual do Dev
Рет қаралды 56 М.
Manual do Dev
Рет қаралды 25 М.