/Pokedex-JavaScript

Projeto de listagem de Pokémon usando o protocolo HTTP e Integrando com a PokeAPI realizado durante o bootcamp Santander na plataforma da Digital Innovation One.

Primary LanguageJavaScript

Pokedex

Projeto de listagem de Pokémon usando o protocolo HTTP e integrando com a PokeAPI.

💻Descrição:

Este projeto envolve a criação de uma aplicação que funciona como uma espécie de Pokédex, onde os usuários podem encontrar informações sobre vários Pokémon desde a primeira tela.

A aplicação utiliza o protocolo HTTP para fazer solicitações à PokeAPI, uma API que fornece dados relacionados a Pokémon. Os usuários podem visualizar uma lista de Pokémon na primeira tela, onde encontrarão informações, como nome, imagem e outros detalhes. Ao clicar em um Pokémon na lista, os usuários podem acessar uma segunda tela ou página que exibirá informações mais detalhadas sobre aquele Pokémon, incluindo suas habilidades e outras características. Para obter essas informações, utilizei o protocolo HTTP para fazer requisições à PokeAPI, que é uma API específica para informações relacionadas a Pokémon. As requisições são feitas por meio do método fetch em JavaScript, permitindo que o site acesse os dados da API pokeapi.co.

Em resumo, o projeto consiste em uma aplicação web que permite aos usuários explorar as habilidades dos Pokémon usando a PokeAPI e exibir essas informações em uma interface amigável. É uma atividade prática para aprender e aplicar conceitos de programação JavaScript e integração de APIs web. O desafio para concluir o curso foi criar a segunda tela do Pokedex, exibindo suas habilidades.


    CSS
  • A importância do normalize CSS
  • O conceito Mobile First
  • Os exibe Grid Layout e Flexbox

    1. 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 Method que pode ser POST, GET, PUT ou DELETE, além de vários outros tipos
  • Path Params Query Strings
  • Request Headers é o cabeçalho da requisição
  • Request Body é o corpo de alguns tipos de requisição
  • Status Code indica o que ocorreu com a requisição
  • Tecnologias usadas:

    20230906133354.mp4