Aprenda os fundamentos do desenvolvimento frontend

Esse é o Triângulo. Um site criado para te ensinar, do mais básico ao mais avançado, desenvolvimento frontend. Aqui nós vamos compartilhar anotações, tutoriais, opiniões e referências úteis para que você crie uma carreira sólida na web.

Nós gostamos de criar produtos que vão melhorar, pelo menos um pouco, a vida de outras pessoas. Nenhuma outra plataforma é como a webUm total de 5,03 bilhões de usuários (ou 63% da população) em 2022, segundo o DataReportal.. Através dela, podemos alcançar quase todos os dispositivos que estão nos bolsos e mesas das pessoas.

HTML, CSS, JavaScript e TypeScript. Essa é a nossa especialidade. Estamos apenas começando. Ainda precisamos escrever algumas centenas de artigos para alcançar nosso objetivo.

Você pode nos achar no Twitter e Instagram. Se você gostou de algo que escrevemos, fique a vontade para compartilhar e nos falar. Adoramos saber.

Artigos

• 3 hábitos para escrever CSS escalável
• O que é a Jamstack? Porquê e como usar
• Guia completo de Flexbox - display: flex
• CSS Grid: o básico que você precisa saber (com exemplos)
• 5 métodos do Array no JS que você deveria usar mais
• Ferramentas Essenciais no Front-end - Undefined #2
• Criando animações perfeitas com CSS animation e transition
• Analisando a Performance de Animações CSS com o DevTools
• Aba de Performance do Chrome DevTools
• Chrome Developer Tools (Ferramentas do Desenvolvedor)
• Configurando o CPU Throttling no Chrome DevTools
• Como debugar o Chrome no Android usando o DevTools
• Ferramenta de Animations do Chrome DevTools
• Ferramenta de Rendering do Chrome DevTools
• Layout Shift
• Animação dos Stories do Instagram com CSS
• Scroll Snap com CSS na prática
• Como criar um cubo (3D) com CSS
• A paleta de cores perfeita para o seu projeto
• CSS Grid: alinhando elementos (com exemplos)
• CSS Grid: posicionando elementos no grid, na prática
• Criando layouts responsivos com CSS Grid
• Usando grid-template-areas para criar layouts no CSS Grid