Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

Arquivo de fundo de tela não disponibilizado

Nesta aula o instrutor faz referência ao arquivo tela_fundo_vendas.png. mas este arquivo não foi disponibilizado, os arquivos que foram disponibilizados são estes:
Insira aqui a descrição dessa imagem para ajudar na acessibilidade
Insira aqui a descrição dessa imagem para ajudar na acessibilidade Outro ponto que achei estranho é que o instrutor criou uma nova página chamada Produtos e faz referência a um fundo de tela que tem o nome tela_fundo_vendas, não deveria ser algo como tela_fundo_produtos?

1 resposta

Olá, Estudante. Como vai?

Excelente observação! Você tem total razão nos dois pontos levantados e esse tipo de percepção ajuda bastante a manter o projeto do relatório organizado.

Vamos esclarecer o que aconteceu com os arquivos e com a nomenclatura para você conseguir dar sequência no seu painel:

1. Onde encontrar os arquivos de fundo

Muitas vezes, quando o curso avança para novas páginas, os materiais complementares (como imagens de layout de fundo) são atualizados e disponibilizados no início do capítulo ou na primeira atividade prática de montagem do dashboard.

Para baixar o pacote completo contendo todas as imagens de fundo, inclusive a que você precisa agora, dê uma olhadinha na atividade Projeto da aula anterior ou na primeira aula deste capítulo atual. Geralmente, há um link para o repositório do GitHub ou um arquivo em formato compactado para download contendo a pasta de materiais atualizada.

2. A nomenclatura do arquivo: "Vendas" vs "Produtos"

O seu raciocínio lógico está perfeitamente correto. Pensando em organização de projetos e boas práticas de desenvolvimento de dashboards, o ideal seria que o arquivo se chamasse algo como tela_fundo_produtos.png para manter a coerência com a página que está sendo estilizada.

O que acontece no vídeo é que o instrutor reaproveitou a mesma estrutura de layout visual que foi construída para a página de Vendas para manter a identidade visual corporativa padronizada em todo o relatório (mesmo cabeçalho, paleta de cores e divisões de blocos).

  • Como o design de fundo das duas telas acabou ficando idêntico em termos de blocos visuais, acabou sendo utilizado o mesmo arquivo de imagem para ambas.
  • No desenvolvimento real de dashboards, criar um nome genérico como template_background_padrao.png para reutilizar em várias abas é uma boa prática que evita essa confusão de nomes.

Dê uma conferida nas primeiras atividades do capítulo para baixar o pacote de imagens completo. Se mesmo procurando nessas primeiras aulas você não encontrar o link de download, me avise por aqui para que eu possa sinalizar o time de conteúdo para anexar o arquivo diretamente na atividade para você!

Espero que possa ter lhe ajudado!