O projeto consiste na aplicação da API PokeAPI para construção de uma Pokedex.
O desafio consiste na construção do projeto Pokedex a partir do que foi ensinado nos cursos de Javascript da DIO.
Versão mobile (até 425px)
Versão tablet (426px ---> 1023px)
Versão desktop (a partir de 1024px)
- URL da minha solução Pokedex - Solução
- HTML5 semântico
- Propriedades do CSS
- Metodologia BEM
- Media query
- Flexbox
- Javascript
- API PokeAPI
Durante o desenvolvimento deste projeto, aprendi a utilizar a função fetch para fazer requisições a APIs externas. Aprendi também a organização para um código mais limpo e legível, um dos médotos utilizados foi a utilização de classes.
1 - Como Fazer uma Requisição GET:
pokeApi.getPokemons = (offset, limit) => {
const url = `https://pokeapi.co/api/v2/pokemon?offset=${offset}&limit=${limit}`
return fetch(url)
.then((response) => response.json())
.then((jsonBody) => jsonBody.results)Entendi como lidar com as respostas da API, incluindo a conversão dos dados recebidos em um formato utilizável (geralmente JSON). Isso envolve o uso dos métodos json(), text(), ou outros, dependendo da resposta da API.
2 - Construtores e Propriedades
- Aprendi como criar e utilizar construtores em classes JavaScript.
- Entendi o conceito de propriedades de classe e como inicializá-las.
- Explorei como personalizar construtores para inicializar propriedades com valores específicos.
- Linkedin - Caren de Paula Lourenço Divino
- Github - Caren Divino
O design deste projeto foi inspirado no trabalho de Saepul Nahwan, que gentilmente compartilhou seu design no Dribbble.
Tudo o que foi utilizado foi aprendido nos cursos "Criando um Projeto com HTML/CSS para Listagem de Pokémon" e "Dominando o Protocolo HTTP e Integrando com a PokeAPI" da DIO