Desenvolvimento front-end molda o que as pessoas usam

Ele transforma regras de negócio e informações em telas que as pessoas podem entender. O trabalho é visível, mas depende de decisões tomadas em toda a aplicação.

O desenvolvimento front-end cria a parte do software voltada ao usuário, incluindo seus layouts, elementos interativos e respostas às ações de uma pessoa.

Uma tela deve apoiar uma tarefa

O trabalho de front-end começa com o que a pessoa precisa realizar. Uma página de solicitação, por exemplo, deve mostrar os detalhes relevantes, status atual e ações disponíveis para a função daquela pessoa.

O layout guia a atenção. Rótulos explicam escolhas. O design de interação mostra o que aconteceu após uma ação. Esses detalhes determinam se um software tecnicamente correto é prático de usar.

Cada condição precisa de uma resposta clara

O caminho normal é apenas uma parte da interface. O desenvolvimento front-end também lida com informações ausentes, respostas lentas, problemas de validação, limites de permissão e ações concluídas.

Revise uma tela com tarefas reais em vez de julgar uma imagem estática. Peça a alguém para completar o trabalho e explicar o que acredita que vai acontecer antes de selecionar uma ação.

Termos de front-end

Interface de usuário
As telas e controles através dos quais uma pessoa usa software.
Layout
A disposição e ordem visual de informações e controles em uma tela.
Interação
O que o software mostra ou faz depois que uma pessoa clica, digita, seleciona ou navega por ele.

O que um bom trabalho de front-end verifica

A próxima ação

Cada tela torna a escolha ou tarefa importante fácil de encontrar.

Cada estado

A interface explica carregamento, resultados vazios, erros e trabalho concluído.

Diferentes necessidades de acesso

As pessoas podem entender e operar a interface em diferentes dispositivos e métodos de entrada.

Perguntas sobre desenvolvimento front-end

Inclui os layouts voltados ao usuário, controles e comportamento interativo de software. Também cobre como esses elementos respondem em diferentes estados e tamanhos de tela.

Não. A aparência importa, mas o trabalho de front-end também determina como as pessoas navegam, inserem informações, entendem status e se recuperam de problemas.

O front-end apresenta informações e envia ações. O back-end aplica regras, trabalha com dados armazenados e retorna resultados que o front-end pode mostrar.

Guias relacionados do glossário

Torne o fluxo de trabalho claro de usar

Os apps do Caffeine rodam no Internet Computer, uma rede pública feita para isso.