GracilianoOG / dio-desafio-pokedex

Pokedex feita durante as aulas dos cursos de Javascript da DIO.

Home Page:https://gracilianoog.github.io/dio-desafio-pokedex/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

📟 Pokedex

📃 Descrição

Este projeto é baseado em uma Pokedex, que mostra todos os Pokemons da primeira geração. A requisição é feita através da fetch API, utilizando a API pokeapi.co.

💻 Conteúdos abordados

Este projeto foi feito seguindo os cursos Criando um Projeto com HTML/CSS para Listagem de Pokémon e Dominando o Protocolo HTTP e Integrando com a PokeAPI.

  • CSS
    • A importância do normalize CSS
    • O conceito Mobile First
    • Os displays Grid Layout e Flexbox
  • Javascript
    • Função map() para criar uma lista a partir de outra lista de forma eficiente
    • Função join() para transformar listas em strings
    • Uso da fetch API para efetuar as requisições
  • Requisição HTTP
    • URL como Endereço / Caminho
    • Request Methods que pode ser POST, GET, PUT ou DELETE, além de vários outros tipos
    • Path Params e Query Strings
    • Request Headers que é o cabeçalho da requisição
    • Request Body que é o corpo de alguns tipos de requisição
    • Status Code que indica o que houve com a requisição

🖼️ Imagem do site

Veja como o site ficou, ao vivo, clicando aqui.

Imagem do site com alguns Pokemons

📌 Mais informações

Este projeto faz parte da trilha de Javascript do bootcamp NTT DATA Diversidade em Tech da Digital Innovation One. O mesmo projeto postado no Github foi entregue, como pedido, na plataforma da DIO.

🔗 Links

About

Pokedex feita durante as aulas dos cursos de Javascript da DIO.

https://gracilianoog.github.io/dio-desafio-pokedex/


Languages

Language:CSS 43.1%Language:JavaScript 36.0%Language:HTML 20.9%