Olá, meu nome é Guilherme Trindade e gostaria de compartilhar um pouco da minha experiência no mercado de trabalho, destacando algumas conclusões que podem te ajudar a se tornar um programador melhor.

Contexto

Recentemente, assisti a um vídeo que discutia a falta de cuidado que alguns desenvolvedores têm ao implementar funcionalidades, especialmente no mundo web. Isso me fez lembrar de vários momentos em que identifiquei inconsistências em códigos de colegas que muitas vezes passam despercebidos, com a maioria desconhecendo as regras ou propósitos de certos elementos.

Quer ver um exemplo?

Você sabia que a tag <main> deve ser um elemento único em uma página web?
Sabia que essa tag não pode ser descendente de certas outras tags?
Você sabia que as tags possuem regras? Sim, elas têm, e essas regras são fundamentais para o bom funcionamento do site, especialmente se ele for um blog ou um site que exige otimização em SEO.

Com base nessa introdução, gostaria de compartilhar algumas dicas que, para mim, foram cruciais ao longo da minha carreira e que me ajudaram a ganhar destaque na empresa.

Como ser um bom Dev. Front-end?

Estude sobre as tags HTML

É comum negligenciarmos esse passo em meio a tantos cursos e vídeos sobre React, Next.js e outros frameworks populares, que focam no uso do framework em si, sem abordar o básico. Muitos de nós (falo por experiência própria) aprendemos a utilizar essas ferramentas sem sequer saber como inicializar um arquivo HTML.

Minha primeira dica é: Entenda o básico do HTML. Pesquise no Google, revisite cursos introdutórios de web ou leia sobre cada tag no W3Schools. Tome conhecimento das ferramentas com as quais você trabalha.

Mesmo que o projeto não exija SEO, como uma dashboard, o uso correto das tags ajuda na acessibilidade mínima oferecida pelo próprio sistema operacional do usuário.

Busque capricho em suas entregas

As tags HTML hoje são ricas em propriedades que aumentam a produtividade do usuário, especialmente em tags de input. Propriedades como tipo de input, autocomplete, e a propriedade for do <label> (para que, ao clicar, o foco vá para o input correspondente) são elementos básicos que agregam muito à qualidade da sua entrega.

Além disso, teste suas implementações em diferentes navegadores. Embora muitos navegadores usem a mesma arquitetura, alguns, como o Firefox, têm maneiras diferentes de interpretar o código HTML e CSS, e certas funcionalidades podem não funcionar corretamente.

Se você estiver em um projeto que utiliza uma ferramenta de design (como Figma ou Adobe XD) e possui um Design System, use isso a seu favor. Siga as dimensões estabelecidas usando unidades relativas, aproveitando o trabalho que o designer já fez para alinhar e deixar tudo esteticamente agradável.

Por fim, tenha cuidado com alturas fixas. Às vezes, no design, a soma dos paddings, conteúdo e outros elementos não resulta na altura total esperada. Sempre que possível, mantenha-a dinâmica.

e por fim...

Busque conhecimento

O mundo web está em constante evolução. Hoje, existem maneiras melhores de escrever HTML, CSS e lidar com responsividade e acessibilidade. Com tantas pessoas iniciando suas carreiras como desenvolvedores front-end, é essencial se destacar. Portanto, continue estudando, aprimorando suas técnicas e esteja atento às tendências.

Conclusão

Por enquanto, essas são as informações que posso compartilhar com base na minha experiência. Incentivo você a acrescentar seu ponto de vista ou complementar este conteúdo, para que outros desenvolvedores possam se beneficiar.

Nos vemos em outro momento. Bons estudos!