Desenvolvimento front-end

Construir a parte do produto com que a pessoa interage, usando HTML, CSS e JavaScript.

Hard

O que é

Front-end é a construção da camada que a pessoa vê e toca, ou seja, a interface no navegador ou no app. Quem faz front traduz o design em tela funcional, responsiva e acessível, cuidando ao mesmo tempo de performance e de fazer aquilo funcionar em dispositivos diferentes.

A base são três tecnologias que conversam entre si: HTML pra estrutura, CSS pra estilo e layout, e JavaScript pra interação. Por cima delas, frameworks como React, Vue e Angular ajudam a organizar interface complexa em componentes reutilizáveis.

Pra quem é de produto, o ponto não é sair programando, e sim entender o que muda na conversa com a engenharia: por que performance afeta retenção, por que mobile-first importa, e onde a tradução do design pode acabar emperrando.

Em uma frase

Essa tela tá lenta no celular, é decisão de front, vamos olhar o LCP e dividir o código.

A pergunta que ele responde

O que muda na minha conversa com a engenharia quando entendo o que é front-end?

Quando usar

Ajuda quando você precisa alinhar com a engenharia o que dá pra construir, em que prazo e com que impacto em performance.

Como não usar

O cuidado é não tratar o handoff como jogar o design por cima do muro, sem entender restrição técnica nem custo de implementação.

Na prática

Pense num time discutindo por que a tela demora a carregar no celular. A conversa naturalmente cai em otimizar imagem, dividir o código e medir LCP, que são decisões de front.

Não confunda com

Vale separar front-end de back-end. O front é a interface, a parte com que a pessoa interage diretamente. O back é a lógica e os dados que rodam lá no servidor, fora da vista. Um é o que aparece na tela, o outro é o que faz aquilo funcionar por baixo.

Em inglês

Frontend Development

Pronúncia

frânt-ênd

Também chamado de

front-end, frontend, desenvolvimento de interface

Origem

n/a

Fonte

Saiba mais

MDN Web Docs, guia de aprendizado de front-end