Consumindo Uma API de Pokémon com Javascript

Projeto ministrado pelo professor Janderson Garcia que consiste em criar uma interface com HTML e CSS que sirva de estrutura para implementar a PokeApi, um serviço que possibilita buscar nomes, imagens e os tipos dos pokémons existentes.

Para fazer download das imagens necessárias usadas na estilização da página HTML, clique aqui.

Conteúdos abordados

Esse projeto se destina há estudantes iniciantes e aborda entre outras coisas:

• Trabalhar com formulários em HTML.

• Estrutura de um arquivo CSS, onde primeiro estilizamos as seletores mais globais, depois as tags HTML, a seguir as classes e por último eventuais ids;

• Trabalhar com a função addEventListener() para que o javascript "escute"os eventos que ocorrerão no botão implementado pela tag input que tem o type submit;

• Trabalhar com a função preventDefault() para bloquear o refresh automático de uma página.

• Manipular partes de um pipeline de dados em HTTP com o método fetch(), implementação da API fetch, uma boa forma de começar a entender o conceito de promisses do Javascript.

Algumas Imagens do Projeto