franreno / pokedex Goto Github PK

Explicação

Ao criar um protótipo estamos validando a ideia, consolidando o que já foi pensado e verificando a sua viabilidade. Muitas vezes temos a tendência de iniciar o desenvolvimento diretamente, o que exige um esforço mental muito grande de pensar e fazer simultaneamente. Por isso a necessidade de construir primeiro um plano, que eventualmente pode até ser alterado, mas com foco no objetivo.

Objetivo

Crie um protótipo das telas da Pokédex levando em conta os requisitos. Qualquer ferramenta de desenho poderá ser utilizada, mas recomendamos a utilização do figma.

Finalização

Uma vez que você tenha um Mockup bem feito e um back-end sólido, só é necessário substituir as partes fixas do front-end pelos dados recebidos. Nessa etapa fica claro a necessidade de ter feito um código bem arquitetado e modular ou, caso contrário, será necessário reescrever uma boa parte.

Objetivo:

Remover pedaços estáticos do front-end e substituir pelo dados recebidos por meio das requisições ao back-end.

O que é um Mockup?

Um mockup é uma versão estática de um site ou aplicativo, o objetivo é apenas o desenvolvimento da interface sem nenhuma inteligência por de trás.

Objetivo:

Crie um mockup do site, ou seja, uma versão funcional porém estática, com textos e imagens fixas, sem comunicação com o back-end.

Página principal

• Exibir uma listagem de pokémons na tela inicial.
• Criar uma forma de busca por pokemons.
• Exibir as miniaturas dos pokemons.
• Permitir navegar para a página especifica do pokemon.
• Exibir erro para casos inválidos de busca.

Páginas especificas

• Exibir foto do pokemon.
• Exibir nome do pokemon.
• Exibir estatisticas do pokemon.
• Exibir ataques do pokemon.
• Exibir tipo do pokemon.

Geral

• Enviar informações para o backend.
• Receber informações do backend.
• Receber fotos do backend.

Explicação

Uma regra sempre presente no desenvolvimento de software é: "Alguém já fez isso", sendo assim sempre busque inspiração em projetos consolidados ou modelos, não para plagiar, mas para entender o conceito, aprender e poder, quem sabe, aprimorar.

Objetivo

Busque por Pokedex já existentes, para se inspirar em layouts e requisitos, ou até mesmo para entender como seria o funcionamento.

O treinamento

O treinamento será baseado no desenvolvimento de uma Pokédex funcional, onde vocês irão aprender não só sobre conceitos envolvendo tecnologias web e alto nível, mas sobre desenvolvimento de software no geral, visando em manter boas práticas de programação a fim de manter a legibilidade e manutenção do código.

Como começar?

Todo projeto deve sempre iniciar com um planejamento. Sendo assim, é muito importante separar o desenvolvimento dessa etapa inicial. Fazendo um paralelo, podemos imaginar que ao separarnos as etapas, é como se tivéssemos um mapa e um objetivo, alterações podem ser feitas durante o trajeto pois sabemos onde queremos chegar. No caso contrário, você teria que definir o caminho enquanto viaja, dividindo sua atenção, se perdendo e precisando recomeçar várias vezes.

As issues

As issues funcionarão como um guia, uma lista de requisitos que seu programa deve cumprir e que poderão ser fechados conforme cumpridos.

O que é?

O back-end é a parte não visível da aplicação, é a responsável por permitir acesso as páginas, receber as informações do front-end, fazer a validação, processá-las e responder conforme o necessário.

O que preciso fazer?

De forma direta, objetivo do backed será receber os diversos tipos de buscas dos usuários, se comunicar com a pokeapi, e enviar as respostas de volta para o front-end.

Requisitos

• Construir as rotas para a página principal e para a página especifica dos pokemons.
• O back-end deve ser capaz de receber dados da busca do front-end.
• Validar e tratar os dados recebidos do usuário.
• Implementar a comunicaçãp com a API.
• Enviar os dados recebidos pela API de volta para o cliente.