Erros e falhas disfarçadas de oportunidades (experiência pessoal).

Durante os estudos da formação de CSS Developer aqui na DIO, cheguei no desafio de clonar uma página de vídeo do YouTube com a intenção de praticar principalmente os conhecimentos adquiridos em Flexbox.

A sugestão era pegar como referência uma página de uma versão mais antiga do YouTube criada no Figma e aproveitar que lá mostra os parâmetros utilizados para cores css etc, porém, para esse desafio, decidi que iria além e me testar um pouco mais clonando uma página real da versão mais atual do YouTube.

De início, achei que seria simples utilizar a ferramenta de desenvolvedor nativa do navegador para pegar os parâmetros, no entanto, ao explorar a página na ferramenta, notei utilização de frameworks e recursos que ia contra a intenção de praticar o Flexbox e os conhecimentos de css estudados que era a intenção ali, com isso tive que ir no olho mesmo.

Deu um pouco de trabalho, ajustar no olhos, achar ícones mais próximos dos reais entre outras coisas, até que cheguei ao final, então era só subir os códigos para GitHub e entregar o projeto certo?

Não! Errado! Depois de subir o código e verificar o resultado final no github-pages, as dimensões estavam totalmente desproporcionais, no meu servidor local, por algum motivo no inicio do projeto eu deixei a página com um zoom de 150%. 😅 Lá vai eu ajustar tudo para ficar com o resultado final do meu projeto no navegador com zoom de 150%... 😂 

Durante o processo de ajuste, além de praticar mais, pude enxergar melhorias onde não tinha visto, no que eu achava que era o projeto completo, o processo foi mais produtivo que eu imaginei!

Realizei os ajustes e entreguei o projeto, além do aprendizado prático na tecnologia, me tornei mais consciente de que, mesmo em circunstâncias desfavoráveis aparentemente ruins, há algo a ser aprendido e extraído de bom... 😁 

Sei que o resultado final do projeto não foi o ideal, senti que usei muitas linhas de código e que de repente houvesse oportunidades de refatorar e otimizar o código, mas, consciente das minhas habilidades atuais, pretendo continuar estudando para melhorar cada vez mais nesse ponto e no geral, todavia, considerando minha atual capacidade, até que gostei do verdadeiro resultado final do projeto. 😉 

E você, já passou por algo assim, um erro idiota que no fim das contas mais ajudou que atrapalhou?

Conte pra gente! 👇 

Para quem quiser conferir o resultado final do projeto: https://hanzouphs.github.io/YoutubeDIOClonePage/

Repositório no GitHub: https://github.com/Hanzouphs/YoutubeDIOClonePage

Bora trocar umas experiencias lá no LinkedIn: https://www.linkedin.com/in/dev-phs/

Portifólio com outros projetos: https://portifoliodevph.onrender.com