Como desenvolver seu primeiro Dashboard em HTML5

Olá pessoal, tudo bem? Recentemente, iniciei a produção de conteúdo voltado para desenvolvimento com ênfase em Sankhya. No segundo vídeo que publiquei, ensino como desenvolver um dashboard utilizando HTML5.

1 - Tutorial em Vídeo
No vídeo, eu detalho o processo de desenvolvimento de dois dashboards distintos: o primeiro é baseado em uma tabela no Bootstrap, enquanto o segundo apresenta um menu interativo.
Meu objetivo foi simplificar ao máximo a explicação para facilitar o entendimento daqueles que desejam iniciar nessa área, proporcionando uma base sólida para que possam compreender e aplicar os conceitos abordados.

2 - Arquivos

2.1 - Primeiro Dashboard - Tabelas

Clique neste link para fazer o download do exemplo utilizado.

Observação: Caso opte por utilizar Bootstrap para desenvolver tabelas, você tem a opção de personalizá-las acessando o site oficial do Bootstrap.

2.1 - Segundo Dashboard - Menu Interativo

Clique neste link para fazer o download do exemplo utilizado.

3 - Dicas complementares

3.1 - Estética

Para criar um indicador eficaz em HTML5, é crucial focar tanto na funcionalidade quanto na estética. A chave para alcançar um design atraente é o uso harmonioso de cores e imagens.

Recomendo o uso do site Freepik, uma excelente fonte para baixar imagens vetoriais de alta qualidade, ajudando a enriquecer visualmente seus projetos.

3.2 - Zip

Para realizar o zip, normalmente utilizo o WinRAR na opção zip.

Caso desejem abrir o artigo.

Espero que ajudem!

Sucesso.

1
16 respostas