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