11 - Integrando a API com uma Interface Front-End Completa

Preparei uma interface visual completa desenvolvida em HTML, CSS e JavaScript utilizando o framework Bootstrap. Com ela, vocês poderão cadastrar, listar, alterar e remover estudantes diretamente de uma tela bonita e totalmente interativa!

Opção 1: Baixando o Projeto Completo (Recomendado)

Para facilitar e agilizar o seu desenvolvimento, compactei toda a estrutura de pastas e arquivos da interface (HTML, folha de estilos e os scripts de integração com as rotas que criamos). Clique no botão abaixo para baixar o arquivo diretamente para o seu computador:

Baixar Arquivo de Teste (front.html)


Opção 2: Criando os Arquivo Manualmente

Caso você prefira entender a estrutura linha por linha e criar cada arquivo manualmente dentro do seu editor de código, basta copiar o código disponibilizado neste link.