Se você está lendo isso, já começou errado. Porque o pior front-end é aquele que nunca estuda, nem lê conteúdos na internet sobre programação.

Nessas 11 dicas de commit falo sobre como criar melhores mensagens, commits com muitos ou poucos arquivos, além de atalhos para agilizar o seu trabalho.

Entenda as melhores situações no CSS para usar valores absolutos, como pixel, e valores relativos, como percentual ou rem.

Atalhos vs code para você usar enquanto escreve código, para navegar pelo VS Code e também manipular o terminal integrado.

O Box Model define as 4 partes de um elemento HTML: conteúdo, padding, border e margin. Só isso seria simples, se não fosse o box-sizing interferindo no tamanho dos elementos. Para se aprofundar em front-end, é preciso entender também sobre o box-sizing e o impacto dele no funcionamento de width.

Conhecer referências não só de programação, mas também de marketing digital é muito importante para você que trabalha com front-end. Além do código, entenda como o Google organiza seu algoritmo. SEO e acessibilidade são mais alguns exemplos.

Para centralizar em CSS, existem três cenários clássicos que você enfrenta. Veja como chegar na interface desejada usando text-align, display flex, display grid, position relative e position absolute.