Scribd
Carregar
9 visualizações2 páginas

Trabalho 3

O projeto visa aprofundar conhecimentos em HTML, CSS e JavaScript por meio da integração com APIs externas, onde os alunos devem escolher uma API pública e desenvolver uma aplicação que exiba e interaja com os dados. A implementação deve incluir uma listagem dinâmica e uma página de detalhes, com a possibilidade de adicionar funcionalidades extras como paginação e busca. O prazo de entrega é até 14/03, com opções de envio via GitHub ou arquivo .zip.

Enviado por

Lari Vitoria
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
9 visualizações2 páginas

Trabalho 3

O projeto visa aprofundar conhecimentos em HTML, CSS e JavaScript por meio da integração com APIs externas, onde os alunos devem escolher uma API pública e desenvolver uma aplicação que exiba e interaja com os dados. A implementação deve incluir uma listagem dinâmica e uma página de detalhes, com a possibilidade de adicionar funcionalidades extras como paginação e busca. O prazo de entrega é até 14/03, com opções de envio via GitHub ou arquivo .zip.

Enviado por

Lari Vitoria
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 2

Trabalho 2 - Desenvolvimento de uma Aplicação

Front-End com API Externa


Objetivo
Este projeto tem como objetivo aprofundar os conhecimentos em HTML, CSS e JavaScript
por meio da integração com APIs externas. Os alunos devem explorar e consumir uma API
aberta e/ou gratuita, implementando um projeto dinâmico que exiba os dados retornados
e permita interação com esses dados.

Os conceitos vistos em sala com a API do Rick and Morty servirão como referência, mas os
alunos devem ir além, pesquisando novos recursos, documentações e aprimorando a
experiência do usuário.

Descrição da Atividade
1. Escolha da API:

o Cada grupo/aluno deve escolher uma API pública aberta e/ou de uso
gratuito.

o Algumas sugestões de APIs:

▪ The Dog API

▪ The Cat API

▪ PokéAPI

▪ OpenWeather

▪ SpaceX API

▪ JSONPlaceholder

2. Estudo e Planejamento:

o Ler a documentação da API escolhida.

o Identificar os endpoints que serão utilizados.

o Planejar a interface e as interações com os dados da API.

3. Implementação da Aplicação:

o Criar um projeto utilizando HTML, CSS e JavaScript puro (sem frameworks).

o A página inicial deve exibir uma listagem dos itens retornados pela API.

o Ao clicar em um item da listagem, a aplicação deve exibir uma página de


detalhes do item, de acordo com os dados fornecidos pela API.

o Personalização e estilização da aplicação são livres.


Requisitos Obrigatórios
• O projeto deve consumir e exibir dados de uma API pública.

• A listagem deve ser gerada dinamicamente com JavaScript.

• Deve haver uma página de detalhes ao clicar em um item da listagem.

• O código deve estar bem estruturado e organizado.

Funcionalidades Extras (Opcional, mas recomendadas)


• Paginação: permitir que o usuário navegue entre diferentes páginas de resultados.

• Ordenação: possibilitar que os dados sejam ordenados por critérios específicos


(ex: A-Z, data, etc.).

• Filtro: oferecer opções para filtrar os itens exibidos (ex: categoria, tipo, status).

• Busca: permitir pesquisa por nome, título ou outro critério relevante.

Entrega do Projeto
Prazo Final: 14/03 – até as 19h30
Forma de Entrega:

• GitHub: Criar um repositório público e compartilhar o link.

• Arquivo .zip: Enviar o projeto compactado via e-mail/plataforma da disciplina.

Dica Final
Usem a imaginação e explorem ao máximo os recursos da API escolhida. O objetivo é
desenvolver algo funcional e que vá além do conteúdo visto em sala, exercitando
autonomia e criatividade no processo.

Você também pode gostar