Aqui a proposta foi bem simples: listar os filmes que tenho em casa (DVDs e Blu-rays) e exibir o conteúdo de três formas diferentes.
De forma resumida, eu organizei da seguinte maneira este trabalho:
- Exemplo 1: filmes exibidos em forma de planilha e em ordem alfabética. Também criei um botão "de volta ao topo", para facilitar na navegação da página. O desafio que superei aqui foi em relação ao design responsivo da tabela em telas muito pequenas.
- Exemplo 2: filmes exibidos em forma de blocos. Criei três opções de visualização: ordem alfabética, cronológica ou por diretores. Trabalhei com CSS (principalmente flexbox) e JavaScript. O maior desafio foi lidar com as arrays e essa forma dinâmica de expor o conteúdo.
- Exemplo 3: organizei os filmes em ordem cronológica e trabalhei com imagens e textos. Usei o efeito "hover overlay", que exibe os dados do filme somente quando o cursor do mouse é posicionado sobre sua imagem. Meu maior desafio foi encontrar uma solução para tornar a navegação da página mais agradável. Desenvolvi então um menu lateral que é exibido conforme a navegação do usuário: ao rolar a página para baixo o menu fica oculto e ao rolar para cima ele aparece. A parte do design responsivo deste menu foi de enlouquecer rs..., basta ver a quantidade de commits que tenho com o tema 'design responsivo" 🥴.
No fim, achei que o resultado foi muito positivo. Sei que não ficou perfeito, mas a perfeição nunca foi o meu objetivo. O que eu queria mesmo era o aprendizado e "medir" a minha disciplina. O aprendizado a gente conquista através da prática constante. A teoria é muito importante, mas não dá para ficar só nela. E quando eu escrevi "medir" a minha disciplina, isso tem a ver com iniciar um projeto, enfrentar as dificuldades que surgem, ora com conhecimento, ora com criatividade e, por fim, finalizar o trabalho! 👊