Formatação e Visualização de Dados com Vue.js

Iniciante

Neste projeto, você aprenderá como converter e formatar dados de tabelas para serem exibidos de forma amigável ao usuário. Esta é uma tarefa comum que os desenvolvedores frontend frequentemente encontram ao trabalhar com dados do backend.

javascriptweb-development

💡 Este tutorial foi traduzido do inglês com assistência de IA. Para ver o original, você pode mudar para a versão em inglês

Introdução

Neste projeto, você aprenderá como converter e formatar dados de tabelas para serem exibidos de forma amigável ao usuário. Esta é uma tarefa comum que os desenvolvedores frontend frequentemente encontram ao trabalhar com dados do backend.

👀 Pré-visualização

Pré-visualização da tabela formatada final

🎯 Tarefas

Neste projeto, você aprenderá:

  • Como enviar uma requisição HTTP para buscar dados de um arquivo JSON
  • Como formatar os dados para corresponder ao formato exigido para exibição
  • Como renderizar os dados formatados em uma tabela HTML usando Vue.js e Element UI

🏆 Conquistas

Após concluir este projeto, você será capaz de:

  • Usar axios para enviar requisições HTTP e buscar dados
  • Manipular e transformar dados para o formato desejado
  • Integrar Vue.js e Element UI para criar um componente de tabela responsivo e visualmente atraente

Professor

labby
Labby
Labby is the LabEx teacher.