Introdução
Neste projeto, você aprenderá como implementar a funcionalidade de paginação para uma lista de cursos. A paginação é um recurso essencial no desenvolvimento web front-end, e este projeto irá guiá-lo através do processo de obtenção de dados de um arquivo JSON, exibindo os dados em um formato paginado e lidando com a funcionalidade de página anterior e próxima.
👀 Pré-visualização
🎯 Tarefas
Neste projeto, você aprenderá:
- Como obter dados de um arquivo JSON usando a biblioteca Axios
- Como exibir os dados do curso em um formato paginado, com 5 itens por página
- Como implementar a funcionalidade para os botões de página anterior e próxima
- Como desabilitar os botões de página anterior e próxima quando apropriado (primeira e última página)
- Como atualizar a exibição da paginação para mostrar o número da página atual e o número total de páginas
🏆 Conquistas
Após concluir este projeto, você será capaz de:
- Obter dados de um arquivo JSON usando Axios
- Implementar a funcionalidade de paginação para uma lista de cursos
- Lidar com as interações do usuário com os botões de página anterior e próxima
- Desabilitar condicionalmente os botões com base na página atual
- Atualizar a interface do usuário (UI) para exibir a página atual e o total de páginas
